點矩陣顯示器如何顯示資訊和圖形?一次說明並提供範例!

重點摘要

點矩陣顯示器能顯示簡化後的圖形、阿拉伯數字、大小寫英文字母和中文。常見的應用包括電梯樓層資訊、車站位置和廣告跑馬燈等,但細節表現會受到點陣大小的限制。

OPTO PLUS 標誌三種解析度像素化效果對比與說明圖
圖說:將展躍光電的LOGO和英文利用點矩陣標準品 3Φ LED THT 5×7 Square Dot Matrix Display | 1.2″ Matrix Height (OPD-M35760(1)LA)來顯示

點矩陣顯示器可以顯示哪些資訊?

        日常生活中的電梯,車廂,或是廣告跑馬燈上,使用單色或多色的點矩陣顯示器來顯示樓層資訊,車站目前位置,和廣告資訊是非常常見的應用,但點矩陣顯示器沒有辦法顯示每個字和圖形的所有細節,因此必須透過簡化過後的像素化圖形,阿拉伯數字,大小寫英文和繁體中文呈現,點矩陣顯示器顯示資訊最常見的有以下三種,

  • 像素化圖形
  • 阿拉伯數字/大小寫英文
  • 繁體中文

        文章將會分別介紹上述三種類型,並以OPD-M35760(1)LA 的方形3Φ 5×7 點矩陣顯示器來顯示阿拉伯數字,大小寫英文和繁體中文製作範例。

利用點矩陣顯示器顯示像素化的圖形

  若需要使用點矩陣顯示器用於顯示像素化圖形,通常有兩種方式。         

把高解析度的圖形像素化之後,再以點矩陣顯示

  我們使用the Pixel Art這個網路工具,來表達高解析度的圖形,像素化之後會失去細節的特性,以下圖的展躍光電LOGO為例,可以看到若你使用更多點數的點距陣顯示器,可以還原的細節就更多,若產品應用需要顯示非常細節的圖案,就必須選擇多點數的點矩陣才能較為完整呈現。

OPTO PLUS 標誌以不同像素大小顯示的點陣效果對比圖
圖說:利用the Pixel Art,並使用兩種縮放值 (像素大小)0.15和0.05來像素化展躍光電的LOGO

用固定個數的點矩陣顯示來顯示簡單圖形

  這是先確定要使用多少點數,在點矩陣上面,描出想要表現的圖案,再利用足夠點數的點矩陣顯示器來顯示,你可以利用像是piskel等線上工具或是像是dotpict這樣的APP來製作出想要的圖形,之後在選用足夠點數的LED點矩陣顯示器來顯示。下圖示利用dotpict在利用32*32的點矩陣所畫出來的展躍光電LOGO作品連結,下圖(A)是最終圖形。實務上的點矩陣因為結構必須在每個發光點之間有所區隔,實際表示上點和點之間的點間距(Pixel pitch,又稱Dot pitch)必定會影響到圖形,若以點矩陣顯示器來顯示上述展躍光電LOGO,外觀上會看起來像是圖(B)所示。

以 32x32 點矩陣繪製的 OPTO PLUS 標誌像素圖
圖說:(A)利用32*32的點矩陣手工繪製的展躍光電LOGO(連結) (B)利用32×32的點矩陣顯示器顯示的展躍光電LOGO

利用點矩陣顯示器顯示資訊

  點矩陣顯示器的除了可以顯示像素化的圖形之外,另一個用途就來顯示大小寫英文和阿拉伯數字等資訊,生活上可找到相關應用。比如說:以2020東京奧運閉幕式所寫的『ARIGATO』為例,方形點矩陣顯示器以5*7的格式來顯示大寫英文字。下面會以展躍光電點矩陣顯示器標準品3Φ 5×7 方形點矩陣顯示器(OPD-M35760(1)LA)為基礎,去顯示常見的資訊:大寫英文字母,小寫英文字母,阿拉伯數字。

TOKYO 2020 Closing ceremony Twitter Post Form Olympic Twitter account

利用點矩陣顯示器顯示大寫英文字母和小寫英文字母

  最常被使用來顯示英文字母的格式,是利用5×7 的點矩陣來顯示一個大寫字母,參考網路上所提供的 5×7 dot matrix font 字型範例,下圖製作了展躍光電英文名稱(OPTO PLUS)的5×7點矩陣示意圖,其他常使用格式有還有5×9,7×5,3×5,4×6。

8x8 點矩陣 LED 顯示器顯示橙色點的範例
圖說:用5×7 的OPD-M35760(1)LA 來顯示展躍光電的英文名稱”OPTO PLUS”

使用5×7點矩陣顯示器來顯示大寫英文字母

  下圖是利用展躍光電的3Φ 5×7 方形點矩陣顯示器(的ㄈ來顯示所有的大寫英文字母的示意圖。除了下圖之外,還可以參考PDF版本/PNG版本下載

5x7 點矩陣顯示大寫英文字母 A 至 Z
圖說:利用OPD-M35760(1)LA 來顯示大寫英文A-Z的示意圖(PDF)

使用5×7點矩陣顯示器來顯示小寫英文字母

  下圖是利用展躍光電的3Φ 5×7 方形點矩陣顯示器(OPD-M35760(1)LA) 來顯示所有的小寫英文字母的示意圖。除了下圖之外,還可以參考PDF版本/PNG版本下載

5x7 點矩陣 THT LED 顯示橙色大寫英文字母完整字符集
圖說:利用OPD-M35760(1)LA 來顯示小寫英文a-z的示意圖(PDF)

使用5×7點矩陣顯示器來顯示阿拉伯數字

  下圖是利用展躍光電的3Φ 5×7 方形點矩陣顯示器(OPD-M35760(1)LA) 來顯示所有的阿拉伯數字的示意圖。除了下圖之外,還可以參考PDF版本/PNG版本下載

5x7 點矩陣顯示阿拉伯數字 0 至 9
圖說:利用OPD-M35760(1)LA 來顯示0-9的阿拉伯數字示意圖 (PDF)

利用點矩陣顯示器顯示繁體中文

  參考這篇文章justfont 所寫的《講古時間:中文點陣字型》,我們可以知道,最小可以顯示大部分中文字的點矩陣是16*16,除此之外還有24*24,32*32,64*64,128*128等字型,更多的點,可以顯示更完整的中文字細節,下圖上方以16*16的點來顯示「展躍」兩個字利用16×16的方格點矩陣手工繪製的中文,可以藉由上圖和下圖的對照,來了解用點矩陣顯示的細節差異。

點矩陣 LED 顯示器以網格排列顯示橙色中文字的示範圖
圖說:以16*16的方點來顯示「展躍」兩個字,和「展躍」這兩個字放在16*16的方格點上的示意圖

  除此之外,justfont 所寫的《講古時間:中文點陣字型》內也有一張圖形用來比對,用16*16 / 24*24 / 36*36 來顯示相同一段字型的文字的細節差異,若需要在點矩陣顯示器上顯示中文,可參考華康Bitmap 字型,或是免費的點陣圖字體制作工具Bitmap Font Generator

楷書、隸書、仿宋三種字體在 16、24、36 點矩陣解析度下的顯示比較
圖說:利用不同三種不同的點矩陣(16*16,24*24,36*36)來顯示楷書,隸書,和仿宋體(原圖轉自 justfont《講古時間:中文點陣字型》 )

結論

  點矩陣顯示器相對LCD 螢幕來說成本低廉許多,在很多預算不高,但又需要顯示簡單資訊的應用上常被使用,本文介紹了如何使用點矩陣顯示器來顯示像素化資訊,大寫英文字母,小寫英文字母和阿拉伯數字,產品設計者可根據需求來選擇適合的方式使用,若需要使用標準品的點矩陣顯示器,或是要將點矩陣顯示器整合其他種類的LED顯示器, 可以利用聯絡表單,或是寄信至sales@opledtw.com,讓具備多年經驗的展躍光電協助你的產品設計,為你的應用,設計最適合的LED顯示器。

FAQ

點矩陣顯示器可以顯示哪些資訊?

點矩陣顯示器可以顯示多種簡化後的像素化資訊,包括:
像素化圖形
阿拉伯數字與英文字母
繁體中文

點矩陣顯示器如何顯示像素化圖形?

主要有兩種方式:

高解析度圖形像素化:將高解析度的圖形透過像素化處理後,再用點矩陣顯示器呈現 。使用的點數越多,可以還原的細節就越豐富 。
固定點數手工繪製:先確定所需的點數,然後在點矩陣上描繪出想要的圖案,再用足夠點數的顯示器來顯示 。

點矩陣顯示器如何顯示英文字母和阿拉伯數字?

點矩陣顯示器常用 5×7 的格式來顯示一個大寫字母 。文章中也提供了使用 5×7 點矩陣顯示器顯示大寫英文字母(A-Z)、小寫英文字母(a-z)和阿拉伯數字(0-9)的範例 。其他常見的格式還有 5×9、7×5、3×5、4×6 等 。

點矩陣顯示器能顯示繁體中文嗎?

可以。最小能顯示大部分中文字的點矩陣是 16×16 。點數越多,顯示的中文字細節就越完整 。文章中舉例了 16×16、24×24 和 36×36 點矩陣顯示不同字體的效果 。

為什麼在產品設計中會選擇點矩陣顯示器?

相較於LCD螢幕,點矩陣顯示器成本低廉許多 。在許多預算不高,但又需要顯示簡單資訊的應用上,點矩陣顯示器是常被使用的選擇 。

如果我需要將點矩陣顯示器整合到產品中,應該如何尋求協助?

如果您需要使用標準品的點矩陣顯示器,或是需要將其與其他種類的LED顯示器整合,可以透過聯絡表單或寄信至 sales@opledtw.com 尋求展躍光電的協助 。

點矩陣顯示器延伸閱讀

繼續閱讀以下同主題內容,核對選型、電路與實際應用條件。