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

时间:2022-09-18 22:53:50

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

宏?常量?

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

WSFConstants_Color_0xCCCCCC?

WSFConstants_Color_DisableUse?

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

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


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

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

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

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

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

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


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

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

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

等等。


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

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

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

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

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

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

UI的考核方式之【主题颜色 + 主题字体 + 主题样式】的更多相关文章

  1. Pycharm----设置背景颜色和字体的样式

    编辑器默认显示的样式背景为白色,看着会刺眼,也不方便查找我们写的某些参数等,通过设定,可以对页面的样式进行选择更改,方便直观的在编辑器中查看自己所写的代码, 设置前: 设置后 操作方式:

  2. WPF动态改变主题颜色

    原文:WPF动态改变主题颜色 国内的WPF技术先行者周银辉曾介绍过如何动态改变应用程序的主题样式,今天我们来介绍一种轻量级的改变界面风格的方式--动态改变主题色. 程序允许用户根据自己的喜好来对界面进 ...

  3. 【Windows 10 应用开发】跟随系统主题颜色

    有些时候,希望应用程序中的某些颜色可以与系统的主题颜色相同,并且当系统主题色改变时进行同步. 实现过程并不复杂,主要用到 UISettings 类,它公开一个 GetColorValue 方法,访问这 ...

  4. [Swift通天遁地]五、高级扩展-(5)获取互补色、渐变色、以及图片主题颜色

    ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★➤微信公众号:山青咏芝(shanqingyongzhi)➤博客园地址:山青咏芝(https://www.cnblogs. ...

  5. vim和tmux主题颜色不一致问题

        没开tmux时使用vim 以及 开了tmux后使用vim 主题颜色不一致.随便打开一个.py文件,发现着色较深,非常影响阅读.   开始在.tmux.conf 中设置set -g defaul ...

  6. VS2013中如何更改主题颜色(深色)和恢复默认的窗口布局

    1.通常情况下,我们会根据个人爱好更改VS2013的主题颜色,一开始我喜欢白色,后来我偏爱深色. 依次选择:工具->选项->常规->主题->深色->确定,ok 2.我们在 ...

  7. vim主题颜色

    1.VIM主题 查看Vim示例当前的颜色主题 打开一个Vim窗口,输入命令:color或:colorscheme后回车查看当前的颜色主题. Vim实例中设置颜色主题 输入命令"colorsc ...

  8. eleemnt-ui修改主题颜色

    饿了吗的element-ui使用的是淡蓝色的主题,有时候我们可以自定义主题,官方的文档给我们提供了如何修改主题,介绍的很详细,自己试验过后,觉得很不错,一方面怕忘记,一方面写一写. 方法一是在线生成一 ...

  9. Eclipse如何快速改变主题颜色

    厌倦了Eclipse的白底黑子,我们来更换下Eclipse的主题颜色,让眼睛更舒服一点 首先先进入网址:http://eclipsecolorthemes.org/ 选择一个主题进入,点击进入如下: ...

随机推荐

  1. 移动端横屏(beta)

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  2. 调用微信退款接口时,证书验证出现System&period;Security&period;Cryptography&period;CryptographicException&colon; 出现了内部错误 解决办法

    1.证书密码不正确,微信证书密码就是商户号 解决办法:请检查证书密码是不是和商户号一致 2.IIS设置错误,未加载用户配置文件 解决办法:找到网站使用的应用程序池-->右击-->高级设置- ...

  3. 最简单方法将项目上传到github

    准备材料: 1.首先你需要一个github账号,所有还没有的话先去注册吧!https://github.com/ 2.我们使用git需要先安装git工具,这里给出下载地址,下载后一路直接安装即可:ht ...

  4. 海量数据挖掘MMDS week2&colon; 局部敏感哈希Locality-Sensitive Hashing&comma; LSH

    http://blog.csdn.net/pipisorry/article/details/48858661 海量数据挖掘Mining Massive Datasets(MMDs) -Jure Le ...

  5. Flutter&colon; X Android license status unknown

    Flutter 环境检测问题 资料 windows cmd C:\Users\ajanuw>flutter doctor -v [√] Flutter (Channel stable, v1.0 ...

  6. affiliate的使用方式

    什么是affiliate https://www.zhihu.com/question/24262490 通俗的理解就是,我们寻找合作伙伴,让合作伙伴帮忙做宣传,我们会根据他们的宣传力度发放相关的奖励 ...

  7. C&num;winform抓取百度&comma;Google搜索关键词结果

    基于网站seo,做了一采集百度和Google搜索关键字结果的采集.在这里与大家分享一下 先看先效果图 代码附加:  1   private void baidu_Click(object sender ...

  8. printf&lpar;&rpar;详解之终极无惑

    1.printf()简介 printf()是C语言标准库函数,用于将格式化后的字符串输出到标准输出.标准输出,即标准输出文件,对应终端的屏幕.printf()申明于头文件stdio.h. 函数原型: ...

  9. Android 源码解析&colon;单例模式-通过容器实现单例模式-懒加载方式

    本文分析了 Android 系统服务通过容器实现单例,确保系统服务的全局唯一. 开发过 Android 的用户肯定都用过这句代码,主要作用是把布局文件 XML 加载到系统中,转换为 Android 的 ...

  10. BZOJ 4416 【SHOI2013】 阶乘字符串

    题目链接:阶乘字符串 又是一道不会做的题……看了题解后我被吓傻了…… 首先我们可以有一个显然的\(O(2^nn)\)的做法.我们先预处理出\(g_{i,j}\)表示字符串中\(i\)号位置开始第一个\ ...