我的日记本开发手记(2)——配色

我们的这个社会绝大部分人都是外贸主义者,选择看起来更加美好的事物是人的天性,“好看的皮囊”显得十分重要。所以呢,我也不会违反人类的天性,首先要为软件设计一个好看的皮囊。虽然我的美工功底很差,几乎没有,单我还是要尽自己最大的努力,让我设计的日记本看起来更好些。

一、设计的第一关配色
为什么说配色是设计的第一关呢?色彩作为事物最显著的外貌特征之一,能够首先引起人们的关注,是人类视觉系统对光线所产生的视觉感应,也是人类对颜色本身所传达信息的一种感知。软件界面设计的色彩主要有4种,字体色,背景色,主色和辅助色。字体色通常为灰色和黑色;背景色通常为白色和浅灰色;主色通常为主题色或者logo色;辅助色就是考虑到主色过于单一,经常作为主色的补充。我这里收集整理了前辈们常用的五种配色方案,分享给大家请认真学习。

1.黑白灰。
这是最常用,也是最容易让人忽视的一种配色方案,。黑白灰并不属于色轮中任何一种颜色,他们在配色上显得很安全。通常情况下,以白色为背景会显得画面干净简洁,在其上加上文字时对比也十分的强烈。而以白色或者灰色为背景时,则会显得画面的逼格很高。总之这种配色,非常简洁大气,通过大面积的留白,营造出设计感。


2. 黑白灰+任一单色。
单色通俗的讲就是将一种颜色和这个颜色的明色与暗色组合起来。这是目前使用最广的一种配色方式,通常黑色和白色为背景色或者字体色,任意单个颜色为主色,由于黑色和白色可以归为无色,所以这种配色方式就只有简单的一种颜色。总之这种配色,能够体现整个画面的统一性,给人以简洁、干练、和谐、成熟、稳定的画面感。 此种方案可以很容易的突出主题色并传达出配色的主题。这种配色可以适当扩展,那就是黑白灰+同类色,真是什么意思呢?首先解释一下什么是同类色,同类色指的是颜色的色调一样,只是改变了颜色的饱和度和亮度;换句话说,就是同一种颜色,只是深浅不一样。

 


3.黑白灰+任一邻近色。
首先解释一下什么是邻近色,在配色环上相邻的颜色就是邻近色。邻近色与单色想比,由于色彩上存在着微妙的差异,稍稍拓展了色彩的范围,所以整个画面能够体现出纤细微妙的变化,使得画面更加的贴近自然、和谐。这种配色在视觉上比较温和,会营造出一个比较舒服的视觉感受。

 

4.黑白灰+任一对比色。
参照邻近色的概念,很容易知道对比色是指在配色环相对的地方的颜色,色轮上呈现180度互补的颜色。如红配绿,橙色配蓝,紫配黄,这种配色在色差上对比强烈,能够使画面充满活力变化。特别是高纯度的对比色配色,可以展现出充满刺激性的艳丽效果,达到很高的视觉冲击效果。但同时也很容易形成廉价、劣质的印象,实际应用中应当加以留意。

 

5.黑白灰+等距三色。
等距三色是指在能够使色相环平分为三块的颜色。其中最特殊的是三原色:红、黄、蓝组合。此种方法也是非常常见的一种方法。它是介于单色和对比色之间的一种配色方案,可以使画面变得更加的活泼,传达的信息也更加的丰富。它使得画面即具有统一性,又充满了对比。


好了,配色有关东西,我就掌握这么多,我尽我最大努力整理如此。总之,配色是一项难度非常搞得事情,有高饱和视觉效果十分震撼的互补色,还有协调舒适的相邻色,丰富跳跃的三色调,满足你对配色效果的一切需求。根据我日记的logo和上述知识,最后确定我的日记本软件界面配色方案如下:
黑白灰+加单色黄,具体情况分别为:字体色:灰色,颜色值#2d2d2d,背景色:白色,颜色值#ffffff,主色:黄色颜色值#ffcb3b;辅助色为浅黄色颜色值分别为#EF9D00,#F7F100
最后给大家推荐一个配色的网站,简单使用,又高效,网址是:https://colorsupplyyy.com/app。

posted on 2021-04-14 16:25  一切从头再来  阅读(143)  评论(0编辑  收藏  举报