DesignCode中提及到颜色时,有这样一段话。
Nature is probably the biggest inspiration for all things. Harmony exists in nature; all you need to do is translate it to the digital world, on the medium that you’re designing for. You’d want to pick a color based on something that is naturally beautiful like the sky, clouds, sunsets and plants.
大致意思是说:自然界是设计的最大来源。在自然界中,和谐无处不在,你所需要做到的就是将这些和谐之处转化为数字世界,从而为你设计。你会基于自然的美丽来选择一种颜色,比如天空、云朵、日落和植物。
Color Guide
颜色是有级别之分的,一般分为一级(Primary)、二级(Secondary)、三级(tertiary)。
一级颜色就是我们所说的基本颜色:红绿蓝(RGB)。
二级颜色和三级颜色是基本颜色组合得到的。
<strong>颜色可分为单色系,相邻系和互补系。</strong>
<strong>单色系(Monochrome colors)</strong>可以简单理解为由一种主调颜色通过在其表面加一层<strong>10-50%</strong>白色或黑色得到的系列颜色。
<strong>相邻系(Analogous colors)</strong>是指选取主颜色的邻近颜色,一般是在sketch中是调整HSBA的H值,这在UI颜色选取时可得到更多的趣味颜色。
<strong>互补系(Complementary colors)</strong>顾名思义是指和主颜色完全相反的系列颜色。在光谱颜色条上的操作可将其拉到一半的长度,则可视为主颜色的互补颜色。
补充说明:中立颜色应该被重视。它使你的设计不那么厚重且它延迟了用户对内容的重视。将主颜色色彩饱和度设置为0则得到中立颜色,它不会与主颜色产生竞争关系。
颜色属性
一般人用RGB值,但是建议用HSBA(Hue, Saturation, Brightness and Alpha)属性调节颜色,因为它更容易操作。
手动创建调色板(Manual palette creation)
当看到一张图片时,我们可以分解其中的颜色,得到设计师手动创建的调色板。当调色板的创建需要你对颜色的感知敏感。
举个例子:
主颜色是是抓住用户眼球的关键颜色,二级颜色主要辅助变化,背景颜色一般是衬托内容存在的,这也是为什么例子中用黑白底。
夜已深
待续。