我的日记本开发手记（2）—

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

一、设计的第一关配色

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

1.黑白灰。

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

2. 黑白灰+任一单色。

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

3.黑白灰+任一邻近色。

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

4.黑白灰+任一对比色。

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

5.黑白灰+等距三色。

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

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

我的日记开发系列手记目录

1.我的日记本开发手记——概述
2.我的日记本开发手记（2）——配色
3.我的日记本开发手记（3）—— 布局
4.我的日记本开发手记（4）—— UI效果图
5.我的日记本开发手机（5）——效果图转HTML