全球共有10多个国家和地区1000多个平台,20万+商户使用
UI的设计中颜色的知识
作者: 李金桂 发布时间: 2024-06-01 1321 分类专栏: 平面设计
一、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素材的数据存储量。
李金桂
小当家ISV,重庆APP开发,小程序开发,软件系统开发 地址:重庆市南岸区南坪万达广场写字楼2栋19-6 联系电话:023-81361879
ICP备案号:渝ICP备15003473-1 增值电信业务许可证: 渝B2-15003473 渝公网安备 50010802005103号
友情链接: APP定制开发 小程序定制开发 MagicShop商城系统 酒类行业解决方案
重庆小当家互联网信息技术有限公司