爱喝兽奶帝天荒

这个屌丝很懒，什么也没留下！

热门标签

UI的设计_ui设计csdn

作者：爱喝兽奶帝天荒 | 2024-06-20 22:32:06

踩

ui设计csdn

一、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。

附9.1

附图9.2

附图9.3

附图9.4

附图9.5

如附图9.1 ~ 9.3，选取了坐标值（X—372，Y—134）到（X—397，Y—134）进行查看过渡颜色的变化值，如下：

X372 Y134 -- R30 G159 B231

X373 Y134 -- R30 G158 B231

X374 Y134 -- R30 G158 B230

X375 Y134 -- R30 G156 B230

X376 Y134 -- R30 G157 B230

X377 Y134 -- R30 G156 B230

X378 Y134 -- R30 G155 B230

X379 Y134 -- R30 G154 B229

X380 Y134 -- R30 G153 B229

X381 Y134 -- R30 G153 B228

X382 Y134 -- R30 G152 B228

X383 Y134 -- R29 G151 B228

X384 Y134 -- R29 G150 B228

X385 Y134 -- R29 G150 B227

X386 Y134 -- R29 G149 B227

X387 Y134 -- R29 G148 B227

X388 Y134 -- R29 G148 B227

X389 Y134 -- R29 G147 B226

X390 Y134 -- R29 G146 B226

X391 Y134 -- R29 G146 B226

X392 Y134 -- R29 G145 B226

X393 Y134 -- R29 G144 B225

X394 Y134 -- R29 G143 B225

X395 Y134 -- R29 G143 B225

X396 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素材的数据存储量。

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/爱喝兽奶帝天荒/article/detail/741095