UI的考核方式之主题颜色 + 主题字体 + 主题样式

Posted cchhers

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了UI的考核方式之主题颜色 + 主题字体 + 主题样式相关的知识,希望对你有一定的参考价值。

首先,项目中的颜色需要怎么管理呢?

宏?常量?

宏的值可以被改变,不用宏。那就用常量。那常量的名字怎么去起名呢?

WSFConstants_Color_0xCCCCCC?

WSFConstants_Color_DisableUse?

名称应该体现它的作用范围,如果常量值改变了,那么常量的名称又得同步更改?所以,使用第二种命名方式。

同样的字体大小,在项目中也是这样管理就行了。


 

这样做的好处在于,使得项目可以方便更换主题色,主题字体。

但是想玩转更换主题色、主题字体,对UI职员的要求是显而易见的。

UI需要制定一整套的颜色、字体,并且对这些颜色和字体的赋予具体的含义,整个项目中的任何一处的文字的大小和颜色,都可以直接根据这套规范表找到唯一对应的值。

并且在任何设计中,都能够让这整套颜色和字体能够兼容,并且好看、美观。

设计的效果图上面的每一个元素都能是明确的定位,比如,标题。

这样才能在更改全局颜色常量的时候,使得整个项目一气呵成,处处兼容。


 

更进一步,还有主题样式!

商务风,那就样式规矩、经典。

清新风,那就样式简单、干净。

等等。


 

这就是区别初级UI和高级UI的考核之一。

让我想起了一则故事,有三个人在用建筑工地上。

过去问第一个人,“你在干什么?”--“我在砌墙。”

过去问第二个人,“你在干什么?”--“我在建一所房子。”

过去问第三个人,“你在干什么?”--“我在打造一件艺术品。”

世间很少有人能够把手上做的事,始终当成一个整体来看待。

以上是关于UI的考核方式之主题颜色 + 主题字体 + 主题样式的主要内容,如果未能解决你的问题,请参考以下文章

Visual Studio 颜色主题 - 仅应用“文本编辑器”颜色(没有其他自定义 UI 颜色)

iOS15 UI适配之导航条主题: 背景颜色标题颜色

iOS15 UI适配之导航条主题: 背景颜色标题颜色

android studio黑色主题怎么设置字体颜色

MUI - 更改主题中的按钮文本颜色

Pycharm怎样设置代码字体大小和颜色主题