别被拖后腿！写给新手的平面设计基础指南（一）

近年越发觉得如果 UI 设计师完全没有平面的基础，视觉表现能力上就会极度匮乏，是无法应对实际工作需要的。 这种匮乏表现在方方面面，做一个字段多的组件排列得非常奇怪，设计项目展示的时候内容十分局促，做作品集封面的时候放飞自我…… 所以考虑了很久，还是觉得需要做一个系列，针对平面入门的知识点进行输出，让大家不会被这些必备基础拖后腿。 下面是正文内容。 平面设计是什么 首先我们要具体定义一下，平面设计是什么。平面设计（ Graphic Design ）也叫做「视觉传达」，是大学设立的平面专业名称。 它是一个囊括非常多细分类目的综合学科，主要包含字体、版式、广告、品牌、包装、运营等类目。是经历数个世纪的发展和洗礼扩充而成的，所以我们用一个时间线来简单做个扫盲。

 在 「上古时期」 印刷和造纸术普及后，书报的印刷就需要对字体、版式进行功能性的设计，满足阅读的需要，这就是平面设计的雏形。 工业革命时期，平面设计的任务就是满足资本扩张的需要，提高信息传播效率，应用更多元的视觉元素，减少文字数量，增加用户对所传达信息的理解和兴趣。 随着资本主义的升级，企业开始进一步追求对消费者的影响力，而这种影响力被抽象成 「品牌」 的概念，于是平面设计开始注重更抽象的标识、视觉系统，也就是现在我们所说的品牌视觉设计。

 二战结束以后，美国经济的腾飞和全球化的热潮，使得消费主义兴盛，厂商和企业开始更注重商品的外观和样式，除了工业设计以外，包装和图形的设计也得到飞速的发展，成为一个重要的门类。 最后，进入20世纪末尾，互联网的发展使得平面内容的载体发生根本性的变化，从三维空间的实体转变成由数据转化成的像素点阵图。

平面广告的多媒体化，甚至可以让消费者参与到信息传达的互动过程中，我们也叫它 —— 运营设计。 上面提到的这些类目都是平面设计的一部分，你既可以只专精一个领域，也可以雨露均沾。平面设计只是一个泛指，我们学习平面设计，就是作用到其中的某个类目中去。 值得关注的问题是，平面设计的发展是完全伴随着商业社会的发展而兴盛的，用一句话来描述它 —— 平面设计就是通过编排内容元素去传达语义信息的商业行为。传达语义信息，就是它和摄影、涂鸦、插画、图案艺术的本质。 比如下图是应用了 Gary Oldman 的海报和他的摄影照片，具备了语义信息，那就是平面设计而不是摄影了。

 UI 设计师和平面的纠葛 我们都知道 UI 设计和平面设计也是有区别的，最大的不同点是 UI 元素设计出来是和用户互动的，并且它的载体完全在电子屏幕和系统中。所以 UI 的设计需要比平面多考虑关于交互、规范、体验、开发边界等问题。 但是！除了一些思考方式的不同以外，UI 在界面视觉设计上使用的技能，还是包含在平面设计的体系之内。

比如上方 UI 界面的案例，使用的排版、配色技巧，都只是平面的知识点内容。 如果平面的基础排版能力过关，掌握 UI 的相关规范以后就可以很快上手，在不考虑交互的前提下设计出类似追波主页的界面是信手拈来的。所以优秀的视觉设计师偶尔做做 UI 界面会造成一种对 UI 设计师 「降维打击」 的错愕。 好的平面视觉能力，不一定能做出体验优异的界面，但良好的体验中一定包含优秀的平面视觉。学习 UI 的界面设计其实就是在掌握平面基础的一个过程，它是我们做出优秀产品的必要非充分条件。 

再者，UI 设计师的职业输出内容并不仅仅只有 UI 界面而已，虽然它最重要，但围绕项目展开的输出成果还包含项目的评审展示、规范文档、PPT 等等。 没有基本的平面能力，这些工作就会做得一团糟，甚至粗糙得让开发同事觉得你担不起设计师这个称号，叫美工都嫌是赞誉了。 

还有，在目前 UI 的职业发展中，在转成管理岗脱离一线之前，基本不可能只负责 UI 有关的设计而已，还需要处理大量的运营设计需求，以及企业的日常需求。 比如最让 UI 设计师深恶痛绝的 Banenr、H5 页面设计。 再到让我们无法回避的企业内部物料的设计，比如名片、纸杯、折页、展架等。 除了实际和工作内容，对于设计师身份最重要的证明，就是作品集了。

但无论是哪个行业要设计作品集，本质上都是通过平面技巧来完成的。 在室内、建筑、服装等行业，高级设计师或工作室的作品集通常会制作成一套画册，通过外包给平面设计师来完成，比如下面这种。 但对于 UI 设计师来说，让我们的作品集经他人之手产出是不可能的，需要我们自食其力。所以如何来完成作品集基本页面内容的设计，对项目的包装，就成为每个 UI 设计师都需要面对的问题。

 而作品集中，对项目的包装（Zhuang B），会对自身水平的展现起决定性作用，无论是在 Behance 还是站酷，能上首页的先不论实际界面专业度如何，展示的高大上是必不可少的。 这种现象的形成，好坏的影响都有，但不管怎么分析，实事摆在那里，不能将自己的作品、业务能力通过良好的平面技巧输出，那么对面试官来说就是 「弱鸡」、「菜鸟」、「新手」 还是别的什么不好的身份。 设计师终究是以 「色」 示人的行当，视觉效果太差，就没人在意你的想法和实际成果，这时别埋怨马老板们只看得上花枝招展的妖艳JH，而忽视你有趣的灵魂（前提是你有的话）。

 学习 「茶艺」，刻不容缓呐！ 知道平面能力对于 UI 设计师来说有多重要了嘛？ 结尾 本篇先做个扫盲，到下一篇开始就会针对平面的一些理论作出说明，正式讲解有关平面的知识点。也希望大家可以重视这个问题。 来不及看下期的同学也可以先看这两篇： 内部分享！平面设计入门知识基础科普本文由英语流利说设计团队成员出品。自学设计的我，结合多年工作经验，做一期平面设计分享。 超全面！每个 UI 设计师需要熟知的平面基础随着互联网的发展带动了 UI设计的短暂刚需，经过3-5年的发展，UI设计也开始趋于平缓推进中。在此期间很多设计专业内部转岗与非行业转行也是一度热潮。 欢迎关注作者的微信公众号：「超人的电话亭」