发表于: 2018-11-15 22:01:07
1 1032
今天做的事情:
做任务六
明天要做的事情:
继续做任务六,熟悉色彩
遇到的问题:
暂无
收获:
UI中的色彩应用
1.选择配色合理的配色版
选择主色,色调限制在3种以内,在第二章色板中在选择强调色,强调色在后面的使用中可能会发生改变。
2.文本,图标,分割线要设置透明度
为了打造更高效的信息图层,文本要使用不同色调,被色背景中,标准的文本透明度是87%(#000000)。
而次级文本/图标,不透明度应该是48%(#000000)。
提示文本,处于还要更低的视觉层级,那么不透明度是24%(#000000)。
其他元素,比如说图标和分割线,也应该设置透明度,效果要比纯色好,这样的透明度设置,能适应任何的背景色。
而有色背景上的黑白色文本,来设置透明度,提高对比感。
推荐界面设计中,在较为大块的区域大胆拥塞,界面中的不同元素采用不同的色彩主题。
工具栏,以及较大快的区域,采用了500蓝绿色的这种主色。这是应用的主色,二状态栏采用了700蓝绿色,比主色稍深。
3.强调色
亮丽的强调色可悲采用来当做按钮和控件
列入开关和滑块,左对齐的选项(或是图标,或是标题)也可以采用强调色。
4.彩色主题
确定色彩主题能让应用的视觉保持一致,色彩样式风格决定了物体表面墨水效果的明暗度,阴影的强度。
建议两种风格的色彩主题(明亮/深邃黑色)
评论