小当家ISV
互联网高新技术服务商

全球共有10多个国家和地区1000多个平台,20万+商户使用

UI的设计中颜色的知识

作者:    李金桂       发布时间:     2024-06-01          212      分类专栏: 平面设计

一、RGB888的显示

即红色,绿色,蓝色都为8位,即通常说的24位色。可以很好显示各种过渡颜色。从硬件上,R、G、B三基色的连接线各需要有8根,即24根数据线;软件上存储的数据量也需要24位,即3个字节,如果有透明度的显示效果则需要在加上1个字节的透明度数据值。红色8位,按二进制表达为1111-1111, 即从0~255完全可以表现出来。绿色8位,按二进制表达为1111-1111, 即从0~255完全可以表现出来。蓝色8位,按二进制表达为1111-1111, 即从0~255完全可以表现出来。

二、RGB565的显示:

即红色只有高5位,绿色只有高6位,蓝色只有高5位。即通常说的16位色。在显示低位颜色的过渡效果时,表现不出来。从硬件上,R、G、B三基色的连接线各需要5、6、5根,即16跟数据线;软件上存储的数据量需要16位,即2个字节,如果有透明度的显示效果则需要在加上1个字节的透明度数据值。红色只有高5位,按二进制表达为1111-1000,低三位永远为0值。即颜色值为0,8,16,24,32,…… 248,即间隔值为8。比如红色值为1~7,显示表现出来的值只能为0;又如红色值256,显示变现出来的值只能为248。绿色只有高6位,按二进制表达为1111-1100,低两位永远为0值。即颜色值为0,4,8,12,16,20,…… 252,即间隔值为4。比如绿色值为1~3,显示表现出来的值只能为0; 又如绿色值256,显示变现出来的值只能为252蓝色只有高5位,按二进制表达为1111-1000,低三位永远为0值。即颜色值为0,8,16,24,32,248,即间隔值为8。比如蓝色值为1~7,显示表现出来的值只能为0;又如蓝色值256,显示变现出来的值只能为248。,选取了坐标值(X—372,Y—134)到(X—397,Y—134)进行查看过渡颜色的变化值,如下: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过渡色为水平变化,变化值基本是在4以内,如前面所述这些点之间的过渡变化RGB565的驱动显示中体现不出来。所以,UI设计中,避免过渡色为低位的颜色值变化。

三、切图的原则:

3.1、分切图的规则为选取动态部分、可点击部分;3.2、避免整套UI的切图都采用PNG格式应用,因为PNG图在转换成位图加透明度的数据格式时,占用的存储量比较大,可能造成位置SPI存储器容量不足的情况。有透明度显示效果的UI,可以分切成PNG格式。一般建议主页面的图标或部分页面的图标的设计采用透明图层的设计效果。大部分的UI设计建议采用不透明,分切图的输出采用JPEG格式。可以大大地减少UI素材的数据存储量。

所属分类: 平面设计
运营职责及工作内容梳理
UI的设计中颜色的知识

小当家,帮您把生意越做越大!

小当家ISV,重庆APP开发,小程序开发,软件系统开发 地址:重庆市南岸区南坪万达广场写字楼2栋19-6 联系电话:023-81361879

ICP备案号:渝ICP备15003473-1 增值电信业务许可证: 渝B2-15003473 渝公网安备 50010802005103号

友情链接: APP定制开发  小程序定制开发  MagicShop商城系统  酒类行业解决方案 

重庆小当家互联网信息技术有限公司