配色教程,教大家如何规范配色插图

配色教程,教大家如何规范配色

规范的主要是为了产品视觉上风格统一,供产品开发及其余设计参考以及体现设计中的专业性本文分享短时间内实现换肤、系列产品快速上线,产品迭代又保证质量的规范方法第一次写文章给大家,不对之处忘多多包涵

配色教程,教大家如何规范配色(4)插图

配色教程,教大家如何规范配色(4)

发现问题 惯例我们设计界面的时候配色不会太多,但是我们会在输出的界面上密密麻麻的标记着着色值,相同的设计在不同的界面上会反复去标记,有的时候还会出错,还需要回头去核对颜色,当我们需要调整颜色的时候,找

广告位
配色教程,教大家如何规范配色(2)插图

配色教程,教大家如何规范配色(2)

整理 整理出界面元素:背景(承载内容信息的背景),图标(功能图标,丰富内容图标),文字,按钮,线条 整理界面元素样式:颜色,大小,边距(据相邻元素上下左右边距,内外边距等) 理清产品的模块以及界面构成

配色教程,教大家如何规范配色(3)插图

配色教程,教大家如何规范配色(3)

假如你的图标也需要规范,就如下,不需要规范就不要 当开发按照已经设计好的规范完成整个产品的开发,我们需要换肤的时候,只需要给一个word文档给开发,这样就可以一键完成一整套产品的换色 规范好能够实现主题配

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部