专栏名称: 糕小糕
公众号糕小糕(gxgoal) 后台回复“写作” “阅读” 送你学习大礼包 愿在这里分享,感性的人文美学 和理性的实用干货 正所谓: 书宜杂读,业宜精钻 本人已委托维权骑士对我的所有文章进行维权,如有转载、刊用请简信我。
目录
相关文章推荐
51好读  ›  专栏  ›  糕小糕

《UI》界面设计如何配色

糕小糕  · 简书  ·  · 2018-03-16 11:15

正文

1.界面使用品牌色,可强化品牌曝光度

当下手机APP层出不穷,数不胜数;大家都熟知每家公司每个产品或品牌,想要树立认知度需提前设立自身品牌色,形成视觉印象,无论在APP,网站,Logo,VIS中保持色调一致更易彰显品牌特色和强化品牌的曝光度。

多处突出品牌色

2.界面使用基础辅助色

如灰白黑等,为简化设计,突出界面内容,达到有效的传播。

注意:因颜色数量有限,大公司先入为主,如蓝色的支付宝,绿色的微信,红色的京东,橙色的淘宝等,故有时通过品牌色难以被想起,不如根据产品内容调性决策。与海报广告视觉设计不同,UI界面是需长久被使用,内容结构简单明了易于操作才是首要。


黑白灰的基础色

3.善于控制界面中的颜色数量

注意:一个界面的颜色最好不超过3种,可选择同色系之间微弱调整,通过渐变邻近色选择;电商首页不同色彩的icon时,选择同一个色相内不同色系,保证视觉统一,尤其注意颜色视觉上是否和谐不跳跃,个别性突出化。


多彩搭配

4.不同状态下配色技巧

界面是用于操作帮助用户完成任务,过程会牵涉各个状态按钮提示等。例如按钮的不可点击状态/可点击状态/点击中状态等,采用相同颜色的不同透明度作为区分。

如红色是警示,绿色代表通过,保持和日常习惯一致的提示色彩减少用户误操作。

5.界面中字体颜色的选择

常规字体颜色多用#222222  #333333  #666666  #999999,根据界面内容主次层级设置不同字号大小颜色的差异性,让界面视觉上清晰整洁,不含含糊糊模棱两可。

注意:一般界面设计大家多避免使用#000000的纯黑色,属于约定俗成的默契,但感性的设计更多是实际情况而定,例如最新版IOS11便使用纯黑色字体,所以本位所说大部分属于经验主义内容,仍需要我们打破常规进行创新。







请到「今天看啥」查看全文