让我们聊聊平面设计

一、前言
这是一篇非正式分享文，目的是为了让没有接触过平面设计的读者读完本文后可以对平面设计有更多了解或是浅层入门。笔者王君雅，现有的平面设计知识一方面由实验室学长手把手传授，另一方面由自学所成。经历有限、能力有限，只是用文字和大家聊聊天。如果文章有任何错误或是想与笔者交流关于设计方面知识，随时欢迎。在聊天之前，我想先放一张图，是我在刚入门的时候，“师傅”给我看的一张图，两年的时间让我越来越体会到这张图的含义

好了我们开始正文。

平面设计是什么？百度百科里是这么解释的：

有人看完这段话可能还是有点雾水，笔者讲述一下个人对平面设计的理解：平面设计是一种“交互”，设计的作者将图片文字等组合起来，以此为媒介将信息传递给观看者或者使用者，从而达到一种交互的目的。
如何学习平面设计？首先是提高审美。你可能觉得正常人都有审美，没什么可提高的。为了强调审美以及设计的重要性并且让大家侧面了解一下现在的审美大概在什么位置，这里贴一些图。
这是第31届中国电影金鸡奖（第26届中国金鸡百花电影节闭幕式）一张照片，仿佛乡村中的晚会？

26届可能年代比较久远了，我们说说今年11月将要举办的第28届金鸡百花电影节“海报”

官方告诉你，这不是

那么真正的海报会不会比这张更惊艳呢？今年的海报我们还看不到，先看看前几年的宣传海报吧


这样的审美的确让人担忧。不止这些，此类设计遍布我们四周，比如每个小区都会出现的魔幻摇摇车

路边总会接到的各种传单

包括考研机构的广告、各种健身房教练名片、三四线城市统一的店牌等，这样的设计一直陪伴着我们成长。为了提高审美，建议多看优秀设计，只有见过了好的才知道什么不好。推荐网站会放在文章最后。
有了审美之后还需要的当然是会使用相关软件。PS(Adobe Photoshop)、AI(Adobe illustrator)、CDR(CorelDRAW Graphics Suite)被叫做设计必学的三个软件，这里不进行介绍和讲解，有需要可以自行百度。但要注意的是，并不是会使用软件就是会平面设计，如果可以最好在学习过程中找一些与操作相关的实例来理解消化。
设计是一个很神奇的东西，本人认为更多需要的是经验和长期思考观察所积累的意识，以及绝不踏入公认的雷区。下面从几个方面来浅层面地聊聊平面设计，希望可以对没有接触过此方面甚至不会使用相关软件的读者有所帮助。
二、设计三大构成
这里我先用表格概括一下

1.平面构成
点
点并不是指的单纯的“点”，它可以指形状，也可以指大小或者是物体、某个集中的部分，比如教室的讲桌上有一盒粉笔盒，粉笔盒在这里可以称之为“点”，换句话说，每个构成元素都可以看做点，以下图为例，手柄是元素，可以看做一个点。

大小：
越小越有“点”的感觉，小而密集的点形成层次

大的点形成的感觉强烈

数量：
一个点标明位置，强调、简洁，但不小心容易变得空洞，与位置有关，下一小节会涉及到
两个点构成视觉引导

三个点构成正三角形有稳定感，倒三角形有不稳定感，四个角缺一个有缺失感

多个点一排有秩序感，间距较大有分散感，大小不一但间距较近有深入感

位置：
点位于下方沉稳

位于上方是一般的阅读顺序

位于正中央集中

线
直、弯：
直线有力量感

曲线有飘逸的感觉

长、短：
长线有延续的感觉

短线有停顿感

粗、细：
粗线有厚重感

细线有纤细感

面
直线面：规则、理性感

曲线面：生动、自由感

不规则面：有视觉冲击、艺术感

2.立体构成
产生深度，给人真实感，通过三维体现力量


3.色彩构成
色相是色彩的首要特征，是区别各种不同色彩的最准确的标准。
认识色相环：

上图是24色相环，有关配色方面会在下文提到
纯度（饱和度）指色彩的纯洁性，是色彩远离中性色的距离。一种颜色的饱和度越高，它就越鲜艳；一种颜色的饱和度越低，它就越接近于灰色。下图拾色器“H、S、B”中的S就指的是饱和度


明度是色彩的明亮程度，调色器上“B”就是明度，可以理解为颜色深浅


RGB与CMYK
RGB是Photoshop中默认的模式（屏幕显示一般是RGB），RGB是一种“光”可以反映到人们的眼中，R、G、B是光的三原色“红、绿、蓝”。
CMYK是一种“油墨“主要用于打印或是印刷色泽连续的图像，C、M、Y分别是颜料的三种基色“青色、品色、黄色”，K代表黑色，至于为什么掺杂K来代表黑色，感兴趣的可以通过百度等途径进行更深一步理解。
但是打印出来的效果是否和屏幕上显示的CMYK效果一样呢？这个要有很多因素影响，需要分情况讨论，显示器使用的看图软件不同、显示器的屏幕分辨率、要做的制品分类不同情况都不一样。
色彩心理学
冷色暖色
关于冷暖色，下图形容的很形象了

摘自新浪网
前进色后退色
暖色调的颜色属于前进色，冷色调颜色属于后退色。两种颜色叠加或组合时，会觉得暖色调在“前面”，因此，宣传单和房地产商等的宣传单都会用黄色橙色等前进色来显示，表现出来更醒目。室内设计为了让房间显得空间更大、或是消除拥挤的感觉也会用这类方法。

膨胀色收缩色
膨胀色可以使物体的视觉效果变大，而收缩色可以使物体的视觉效果变小。这个在配衣服方面常常被用到，就比如打底裤大多都是黑色的，很多人都说黑色显瘦。

色彩给人的感受
关于每个颜色所代表的性格和给人的感觉，这里不做介绍，色彩通过光线刺激人的视觉，形成复杂的色彩心理。有些太亮的颜色会让人有兴奋的感觉，但时间过长会有不适感，比如这个全是红色的电影院

色彩搭配
色彩搭配和色环就有关系了，可以说色彩搭配的方式太多了，有些很普遍不会出大问题，有的搭配方式很冒险，但用得好也很经验，这里建议新人还是先使用大众方案，出奇的方案可以通过训练一点点来
补色:在色轮上相互对立的颜色，因为对立，所以可以当成两种不同的对立色

三元群：颜色对立且分配均匀，保证主体明确且协调

类比：感觉上整齐且协调

还有其他方案，本人会在文章最后推荐一些网站，当不知道如何配色或者找不到合适的配色方案时，可以去网站上找配色方案或者找寻灵感。
三、设计四大原则
由于篇幅问题，四大原则我用一个例子来形象化一些，若有机会可以再与大家深入。
我想做一张海报，先把要写的东西放到了海报上面（背景是白色）

亲密性——元素关联
如果两个人走在街上离的很近，那我们可以判断他们是有关系的；聚会或是活动时人和人总是会一小团一小团聚在一起。设计也是一样的，元素之间的亲密性反映了它们的关联，相干元素当然想办法将它们放在比较近或者是比较亲密的地方。顺便找个背景（最好和主题有关系）

对齐——视觉联系
光有亲密度是不够的，如果没有对齐就会像羊群一样，放眼望去一片一片的，秩序的东西使人感到舒适。对齐我们都知道有左对齐右对齐和居中对齐，最好只使用一种对齐方式。要注意使用居中对齐时要明显一些，否则会有一种很奇怪的感觉。

重复
我们中学做语文阅读的时候都会问你排比句的作用，可以回答表强调表递进表示……一句话前后文都出现了我们可以回答是前后呼应，同一个班级会有班服来表示这是一个集体。这里的重复也有类似作用，像word里的标题一、标题二或者项目符号一样，可以用方框、线等形式表示统一。（顺便换了字体）

对比
竞赛因为有对比才显得激烈，人和人因为对比才显得不同，元素和元素之间因为对比才能突出重点

四、终
设计这个东西太大了，要学的东西也很多，我提到的东西就像数学计算的九九乘法表一样，但是这个“九九乘法表”里面单是一个小点可能都可以拿出来讲一本书，希望看完这篇文章可以有所收获。
文末贴一些我比较喜欢的网站，可以让大家的设计之路平坦一丢丢
网站收集or推荐类：
Seeseed，（偏收集，可以把一切喜欢的网站都收集在里面）
https://www.seeseed.com/?utm_source=qq&utm_medium=social&utm_member=MDYzZDg3ZTViNzkyYzkyMmZlYjBkZDc0MTBiZGJiZmM%3D
优设导航，（偏推荐，不止推荐网站，还有书、教程等）
https://hao.uisdc.com/
设计导航
http://hao.shejidaren.com/
图片类：
VOICER|分享生活中的设计美学
http://www.voicer.me/
Arting365|创意门户网站
http://arting365.com/?utm_source=qq&utm_medium=social&utm_member=MDYzZDg3ZTViNzkyYzkyMmZlYjBkZDc0MTBiZGJiZmM%3D
花瓣网（图片收集网站，这篇文章很多图是从里面找的）
https://huaban.com/
Beautiful Free Image&Pictures（风格很简约）
https://unsplash.com/?utm_source=qq&utm_medium=social&utm_member=MDYzZDg3ZTViNzkyYzkyMmZlYjBkZDc0MTBiZGJiZmM%3D、
视觉me设计社区
http://www.shijue.me/?utm_source=qq&utm_medium=social&utm_member=MDYzZDg3ZTViNzkyYzkyMmZlYjBkZDc0MTBiZGJiZmM%3D
配色类：
色轮生成器（Adobe Color，探索那个功能帅的一匹）
https://color.adobe.com/zh/create/color-wheel/
中国色（界面与动效美爆，本来有个日本传统色··结果现在没了）
http://zhongguose.com/