发表于: 2018-11-15 22:01:07

1 1033




今天做的事情:


做任务六



明天要做的事情:


继续做任务六,熟悉色彩



遇到的问题:


暂无




收获:


UI中的色彩应用


1.选择配色合理的配色版

选择主色,色调限制在3种以内,在第二章色板中在选择强调色,强调色在后面的使用中可能会发生改变。


2.文本,图标,分割线要设置透明度

为了打造更高效的信息图层,文本要使用不同色调,被色背景中,标准的文本透明度是87%(#000000)。

而次级文本/图标,不透明度应该是48%(#000000)。

提示文本,处于还要更低的视觉层级,那么不透明度是24%(#000000)。

其他元素,比如说图标和分割线,也应该设置透明度,效果要比纯色好,这样的透明度设置,能适应任何的背景色。

而有色背景上的黑白色文本,来设置透明度,提高对比感。


推荐界面设计中,在较为大块的区域大胆拥塞,界面中的不同元素采用不同的色彩主题。

工具栏,以及较大快的区域,采用了500蓝绿色的这种主色。这是应用的主色,二状态栏采用了700蓝绿色,比主色稍深。


3.强调色

亮丽的强调色可悲采用来当做按钮和控件

列入开关和滑块,左对齐的选项(或是图标,或是标题)也可以采用强调色。


4.彩色主题

确定色彩主题能让应用的视觉保持一致,色彩样式风格决定了物体表面墨水效果的明暗度,阴影的强度。

建议两种风格的色彩主题(明亮/深邃黑色)




返回列表 返回列表
评论

    分享到