平面设想根本入门常识详解，带你领会纷歧样的平面设想

醉于山水

来历：知乎



平面设想根本入门常识详解，带你领会纷歧样的平面设想！
平面设想的四个原则


平面设想根本入门常识详解，带你领会纷歧样的平面设想
关于平面设想的 4 大原则，在 RobinWilliams 所著的《写给大师看的设想书》里面已经写得很具体了，很多小伙伴也都看过。（文章末端有设想教程分享）
现代主义设想的先驱 Jan Tschichold 说过「对照是平面设想中最重要的元素」。对照不但有我们最熟悉的巨细对照，还有色彩的对照（撞色）、空间上的对照（清楚&模糊）、时候上的对照（传统&未来）；表示形式的对照（混乱&整洁）等等。


平面设想根本入门常识详解，带你领会纷歧样的平面设想
反复并不是单调的复制，反复可以用少数的元素快速转达画面想要转达的信息。反复还可以构成一种气概，应用在品牌设想中就是一种标记，也是奢侈品常用的视觉手法。


平面设想根本入门常识详解，带你领会纷歧样的平面设想
△ 客岁 Burburry 升级新 logo 反复排列组成图案
排列手法有一个很高文用是视觉指导，让画面中的元素找到平衡，更理论化的是排列构成一个系统，例如「网格」。


平面设想根本入门常识详解，带你领会纷歧样的平面设想
△ 企鹅图书封面 – 用网格设想排列的典范案例
「亲近」是英文的直译，简单来说就是元素与元素之间关系的处置。我们把画面中的元素按一定逻辑关系排列。关联的元素之间相互靠近，无关的元素之间相互阔别。
下面「羽士下山」的海报，对设想原则的利用你都看大白了吗？


平面设想根本入门常识详解，带你领会纷歧样的平面设想


平面设想根本入门常识详解，带你领会纷歧样的平面设想
虽然这 4 点是平面设想中最根本的原则，但最简单的工具也常常是最「复杂」的。不管是平面设想还是 UI 设想都离开不了这些根本原则框架，这是打好根本的第一步。
比例和网格


平面设想根本入门常识详解，带你领会纷歧样的平面设想
很多小伙伴常常城市利用 4 原则，可是在设想排版一些结构复杂的内容时，常常无从动手。
这时辰借助一些「工具」来搭建框架是个简单有用且快速的方式。这里说的「工具」就是比例和网格，它在设想结构中的感化是很是重要的，但非平面科班结业的设想师能够很少有机遇深入领会。
平面设想中常用的比例：
黄金朋分 / 黄金比例大师都晓得，就是 0.618 ，这个比例在 logo 设想中比力常用。最简单的用法：b=a*0.618，这里的 a、b 指代是线段长度、圆的巨细等肆意尺寸单元。


平面设想根本入门常识详解，带你领会纷歧样的平面设想
三等分/九宫格在摄影构图中利用的比力多，简单轻易了解就不多先容。
斐波那契额数列听起来很利害，它实在就是黄金比例的数学近似版。数列法则即后一个数字是前 2 个数字相加的和。也就是 0，1，1，2，3，5，8，13，21，34，55，89，144，233 ……


平面设想根本入门常识详解，带你领会纷歧样的平面设想
晓得这个数列后，具体怎样利用呢？最简单的就是依照数列画参考线网格作为排版的根据。
最初一个 √2矩形，听起来很奇葩，但它实在就是我们平常最多见的A系列纸张尺寸（A2、A3、A4等）。


平面设想根本入门常识详解，带你领会纷歧样的平面设想
它的组成方式是，先画一个正方形，然后连上对角线，再将对角线以一尽头为圆点画圆扭转，转到与正方形一边重应时，组成「√2矩形」的长边，正方形的边则是「√2矩形」的短边。


平面设想根本入门常识详解，带你领会纷歧样的平面设想
「小常识」：再延展一下，继续连上「√2矩形」的对角线，扭转，重合组成更长边的矩形是 √3矩形。以此类推还可以有 √4矩形，√5矩形，√6矩形 ……
领会了一些比例法则后，让我们来看一下 Josef Müller-Brockmann 设想的海报。不晓得你有没有发现一些比例上的纪律？


平面设想根本入门常识详解，带你领会纷歧样的平面设想


平面设想根本入门常识详解，带你领会纷歧样的平面设想
能够有的小伙伴虽然对上面的海报不明觉历，但感受有点花里胡哨没什么感化。实在否则， Josef Müller-Brockmann 就是《网格系统》的作者，书里先容的强大的网格工具让平面设想师面临复杂的书籍、杂志、报纸排版时也可以轻松愉快。书中的方式对网页、APP 的设想也有很多参考代价。


平面设想根本入门常识详解，带你领会纷歧样的平面设想
点线面的利用


平面设想根本入门常识详解，带你领会纷歧样的平面设想
在根基平面设想傍边，你可以把点当做一个笔墨或零丁小元素，线是一句文案，而面，则是一段笔墨等等。
需要留意的是，点线面之间，没有绝对的界限。它们可以经过水平的变化自在变更。例以下图 B 相对于 A 来看，B 是面；B 相对 C 来看，B 是点。E 可以看成是更麋集的 D；F 可以看成是更高的 E。


平面设想根本入门常识详解，带你领会纷歧样的平面设想
点成线，线成面，点是多少中最根基的组成部分。很多点聚在一路可以组成韵律和图案，点的疏密，反复，范围和数目变化都能对画面结果发生影响。


平面设想根本入门常识详解，带你领会纷歧样的平面设想
线具有很强的视觉指导性，它是毗连肆意两个点的途径。表示形式可以有直线、斜线、曲线、实线、虚线等等。


平面设想根本入门常识详解，带你领会纷歧样的平面设想
面有一定的长度和宽度。分歧形状的面可以在视觉上表示出分歧的感情。直线形的面具有稳定、次序感；曲线形的面柔嫩、轻松、活跃；不法则的面则会更自然活泼。


平面设想根本入门常识详解，带你领会纷歧样的平面设想
无印良品的海报就是点线面应用最简化的典范案例：


平面设想根本入门常识详解，带你领会纷歧样的平面设想
一些小细节 tips


平面设想根本入门常识详解，带你领会纷歧样的平面设想
细节决议成败，平面设想中有很多值得留意的小细节。
留意按钮内部高低留白，留白多可以简单快速地让界面看起来更大气。


平面设想根本入门常识详解，带你领会纷歧样的平面设想
软件中开启避头尾和间距组合，可以避免标点标记出现在句首，为中西文混排时增加半角空地。（sketch 和 figma 等 UI 设想工具还不支持）。


平面设想根本入门常识详解，带你领会纷歧样的平面设想
由于中文是方块字，所以字符高度一般比常见的非衬线西笔墨符更高。所以在中西文混排时可以手动调剂西文巨细，让中西文连结在一个和谐的高度上。做法凡是是增大西文的字号，再利用基线参数向下偏移西文位置。


平面设想根本入门常识详解，带你领会纷歧样的平面设想
△ 手机横过来看比力清楚
留意视觉平衡/对齐，分歧外型的元素有分歧的视觉巨细，例如一个边长 400px 的正方形和直径 450px 的圆形在视觉巨细上实在是相当的。


平面设想根本入门常识详解，带你领会纷歧样的平面设想
布景的深浅会影响对齐的方式。


平面设想根本入门常识详解，带你领会纷歧样的平面设想
设想长表格列表时布风景（条纹）朋分比线朋分更好。


平面设想根本入门常识详解，带你领会纷歧样的平面设想
部分教程分享：
从零根本自学设想教程：300集全网最新PS进修教程，一学就会
零根本学平面设想，212集Illustrator软件根本进修教程+案例教程
200集CDR自学教程视频，软件操纵+平面设想案例+最新19版软件分享
新手必学的四大平面设想软件，附最新软件安装包和安装教程
最初:假如大师感觉这篇文章还不错，您的收藏，点赞，转发将是小编延续更新文章的最大动力!想进修平面设想的小伙伴，可以点击：“平面设想”，还有小编整理了一些进修材料和实战经历可免得费分享给大师！




原文地址：https://zhuanlan.zhihu.com/p/88789955
免责声明：
1、文章部分图片源于收集，均为表示图；
2、一切文章、图片、音频视频文件等材料版权归版权一切人一切；
3、因非原创文章及图片等内容没法和版权者联系，如原作者或编辑以为作品不宜上网供阅读，或不应无偿利用，请实时告诉我们，以敏捷采纳适当办法，避免给双方形成不需要的经济损失；
4、本页面内容由爬虫法式自动收集于互联网，如无意中加害了媒体或小我的常识产权，请电邮【E-Mail:cb@yoyodoc.com】告之，我们将于24小时内删除。