全球共有10多個(gè)國家和地區1000多個(gè)平臺,20萬(wàn)+商戶(hù)使用
UI的設計中顏色的知識
作者: 李金桂 發(fā)布時(shí)間: 2024-06-01 299 分類(lèi)專(zhuān)欄: 平面設計
一、RGB888的顯示
即紅色,綠色,藍色都為8位,即通常說(shuō)的24位色??梢院芎蔑@示各種過(guò)渡顏色。從硬件上,R、G、B三基色的連接線(xiàn)各需要有8根,即24根數據線(xiàn);軟件上存儲的數據量也需要24位,即3個(gè)字節,如果有透明度的顯示效果則需要在加上1個(gè)字節的透明度數據值。紅色8位,按二進(jìn)制表達為1111-1111, 即從0~255完全可以表現出來(lái)。綠色8位,按二進(jìn)制表達為1111-1111, 即從0~255完全可以表現出來(lái)。藍色8位,按二進(jìn)制表達為1111-1111, 即從0~255完全可以表現出來(lái)。
二、RGB565的顯示:
即紅色只有高5位,綠色只有高6位,藍色只有高5位。即通常說(shuō)的16位色。在顯示低位顏色的過(guò)渡效果時(shí),表現不出來(lái)。從硬件上,R、G、B三基色的連接線(xiàn)各需要5、6、5根,即16跟數據線(xiàn);軟件上存儲的數據量需要16位,即2個(gè)字節,如果有透明度的顯示效果則需要在加上1個(gè)字節的透明度數據值。紅色只有高5位,按二進(jìn)制表達為1111-1000,低三位永遠為0值。即顏色值為0,8,16,24,32,…… 248,即間隔值為8。比如紅色值為1~7,顯示表現出來(lái)的值只能為0;又如紅色值256,顯示變現出來(lái)的值只能為248。綠色只有高6位,按二進(jìn)制表達為1111-1100,低兩位永遠為0值。即顏色值為0,4,8,12,16,20,…… 252,即間隔值為4。比如綠色值為1~3,顯示表現出來(lái)的值只能為0; 又如綠色值256,顯示變現出來(lái)的值只能為252藍色只有高5位,按二進(jìn)制表達為1111-1000,低三位永遠為0值。即顏色值為0,8,16,24,32,248,即間隔值為8。比如藍色值為1~7,顯示表現出來(lái)的值只能為0;又如藍色值256,顯示變現出來(lái)的值只能為248。,選取了坐標值(X—372,Y—134)到(X—397,Y—134)進(jìn)行查看過(guò)渡顏色的變化值,如下:X372 Y134 -- R30 G159 B231 X373 Y134 -- R30 G158 B231 Y134 -- R30 G158 B230X375 Y134 -- R30 G156 B230X376 Y134 -- R30 G157 B230X377 Y134 -- R30 G156B230X378 Y134 -- R30 G155 B230X379 Y134 -- R30 G154 B229X380 Y134 -- R30 G153 B229X381 Y134 -- R30 G153 B228X382 Y134 -- R30 G152 B228X383 Y134 -- R29 G151 B228X384 Y134 -- R29 G150 B228X385 Y134 -- R29 G150 B227X386 Y134 -- R29 G149 B227X387 Y134 -- R29 G148 B227X388 Y134 -- R29 G148 B227X389 Y134 -- R29 G147 B226X390 Y134 -- R29 G146 Y134 -- R29 G146 B226Y134 -- R29 G145 B226X393 Y134 -- R29 G144 B225Y134 -- R29 G143 B225X395 Y134 -- R29 G143 B225X396 Y134 -- R30 G142 B224 X397 Y134 -- R142 G198 B239過(guò)渡色為水平變化,變化值基本是在4以?xún)?,如前面所述這些點(diǎn)之間的過(guò)渡變化RGB565的驅動(dòng)顯示中體現不出來(lái)。所以,UI設計中,避免過(guò)渡色為低位的顏色值變化。
三、切圖的原則:
3.1、分切圖的規則為選取動(dòng)態(tài)部分、可點(diǎn)擊部分;3.2、避免整套UI的切圖都采用PNG格式應用,因為PNG圖在轉換成位圖加透明度的數據格式時(shí),占用的存儲量比較大,可能造成位置SPI存儲器容量不足的情況。有透明度顯示效果的UI,可以分切成PNG格式。一般建議主頁(yè)面的圖標或部分頁(yè)面的圖標的設計采用透明圖層的設計效果。大部分的UI設計建議采用不透明,分切圖的輸出采用JPEG格式??梢源蟠蟮販p少UI素材的數據存儲量。
李金桂
小當家ISV,重慶APP開(kāi)發(fā),小程序開(kāi)發(fā),軟件系統開(kāi)發(fā) 地址:重慶市南岸區南坪萬(wàn)達廣場(chǎng)寫(xiě)字樓2棟19-6 聯(lián)系電話(huà):023-81361879
ICP備案號:渝ICP備15003473-1 增值電信業(yè)務(wù)許可證: 渝B2-15003473 渝公網(wǎng)安備 50010802005103號
友情鏈接: APP定制開(kāi)發(fā) 小程序定制開(kāi)發(fā) MagicShop商城系統 酒類(lèi)行業(yè)解決方案
重慶小當家互聯(lián)網(wǎng)信息技術(shù)有限公司