01 如何去做?
根据原子定律(不懂原子定律同学可以搜索原子设计方法)我们从页面中最细小的元素入手,也可以理解为页面中无法再拆分的元素开始,它是组成界面最基础的元素,从最基础的元素,开始做统一性,本次我将从颜色,字体,网格说起。
02 颜色
从颜色开始,需要根据整个页面中场景进行颜色定义,同样色彩也需要根据我们定义的关键词去推导,在定义颜色过程中,可以参加色彩心理学原理,以及竞品分析:
- 高品质:深色配色,黑白,中性的配色
- 全球化:深邃紫色,科技蓝,自然绿
- 年轻化:渐变色,马卡龙撞色
在定义了上述大的色彩原理下,需要对界面中使用场景进行梳理得出下列大概色彩类型:
当然也可以定义一些界面中常用渐变色板,现在很多网站也有很多很好看的渐变可以去尝试。
也可以定义一些图片上放文字效果,叠加什么颜色,颜色的模式是什么样的,透明度是多大,这些都可以帮助我们定义好一套色彩体系。
当然还有一些很不错的色板,如果你不知道怎么配色,也不知道当下流行色是怎么样,也可以从这些色板里面选择一个配色,挑选一些符合你们产品的配色。
https://www.materialui.co/