初级平面和UI设计师的学习与理解方法

SCREAM / 2018.5.14

博客 751

收到不少初学的设计师私信我关于“如何学习”“如何提高”等方面的问题，我一直身陷在各种项目中，终于现在有了时间出来整理相关的内容答复，提供一个简单的学习规划框架和应该注意的问题，往后我们再往这个框架里继续填充内容。

其实这个答复应该会很长，完全不是靠一篇文几分钟就能讲清楚。况且每个人的方法其实要按照个人的性格来长成，就像每一片树叶都不一样。所以，我只能按自己目前有限的能力，提供了我自己这方面的解答。也许不能作为一块敲门砖，但能希望多少提供参考价值给大家。

我还同时录制了视频，其实内容和文章大体一致（我是先录音，再根据录音来整理文章）。主要也是想多一个沟通渠道，丰富一点内容。

另外也要感谢提问的小伙伴，因为你们的问题，才有了我对这些问题的思考。

了解你的定位：行业概况

平面设计这个行业可以分为非常多的小的门类：广告设计、海报设计、LOGO设计、名片设计、UI设计……，比如有专门是印刷类的设计，也就是很多针对企业来做的企业形象的设计、宣传单张的设计、名片的设计等等。其中有的可以继续再往下细分或者有的又一人身兼数职的情况都有，我们就不再一一陈述，在这里我们重点要谈论的是UI设计。（其他的平面设计领域其实也可以参考，因为针对的基础都是相通的。）

UI设计又可以往下细分，比如有的是专门设计APP界面的，一般是作为UI设计师加入到互联网产品开发团队当中。还有一个类别是网页设计，网页设计根据所要设计内容的不同，其实工作的性质也有些区别。例如在有大型的门户类或者商城类的网站的公司工作，那么你的工作内容可能更多是针对网站的页面的升级、优化。（现实中还有很多不同的情况，我没有了解过每一种情况，这里分享的只是我所知道）

还有一类情况就是在建站的公司工作，建站的公司里给不同的客户设计企业/商城网页的界面。可以说UI设计这一类的职业覆盖面还是挺大，我个人做了很多年的网页设计，但是我也承接过APP界面的设计，甚至也做过印刷方面的设计，其实并没有那么严格的界限。网页设计有时也会遇到移动端界面的设计，和APP的界面几乎没有大的差别。

整个平面设计跨领域的难度比较低，因此需要了解自己的定位，一个清晰的定位可以帮助你知道自己的规划和方向。

两个度：广度和深度

除了明确你的定位，接下来就要开始根据这个方向来规划你的发展路线。也有高上大的说法就叫做“蓝图”。但是其实我想说，都是一点一滴，一分一秒开始做起，所以不需要高瞻远瞩。

我想建议大家的就是，不要去追逐“潮流”，而要问自己的内心，跟随自己真正的喜好和擅长的方面。“你只能做自己才能做到第一，做任何其他人最多都只能做第二”。只要跟随自己的选择，即使遇到瓶颈期，也不用太纠结，因为你知道一切都是时间问题。

一、广度：你的平台大小

设计师，或者说也是任何一个普通人，都会在人生的任何需要做选择事情上面临广度和深度的问题。比如你去菜市场买菜，你要买的是番茄，那么你首先会去看遍整个菜市场，你才知道哪些摊位正在卖番茄，这也就是所谓的广度；接下来你要挑选番茄，你就在某一个摊位停下来进行筛选，这就是所谓的深度。

所以在平面设计这一行里，你也需要对平面设计的任何一个行业都要有所了解。不要局限在自己目前的工作范围当中。广度也是你给自己的平台大小，就像如果你只了自己一块2个平方的地，和别人1000平方的地相比，肯定是不一样的起点。

无论你是否是科班出身，短短几年的时间想要涉猎所有的广度并且进入职业的深度，显然是不够的。因此，很多设计师都希望能有所拓展、给自己继续充电。

二、网页设计师的广度

虽然我也曾经做过别的种类的设计，但是网页设计是我主要的工作领域，比较多实战的经验可以分享给大家。因此这里我就只分享我的经验，但是其他的设计师也可以以此作为参考，听了解析，你一定可以知道你的方向在哪里。

网页设计师也是根据互联网技术发展以后才有的职业门类。那么具体在做网页设计的时候，会涉及到哪些类别的设计内容呢？

1）排版/版式设计

在网页设计中，最关键的就是排版的设计，对网页的各种元素进行排版，对每个元素，比如导航、按钮、LOGO、标语、文字段落……在版面上进行组合。

2）Banner设计

Banner的设计从另一个角度来看就是海报设计（也和广告设计相关），在很多的网页设计案例当中，Banner的存在就是发挥广告的作用。Banner如何设计大部分取决于页面中其他的元素，而这也是和普通的广告设计略微不同的一点。所以海报设计的掌握，是做好Banner设计的前提。

网页设计就是从印刷类设计的移植，基本上差别并不大，本质是一致的。

3）图标设计

图标的设计和标识设计有一种姻亲关系，它们之间有异曲同工的关系。图标的设计相比而言会更简单，标识的设计会更强调独特性，而图标更多在于一种表达性。

目前网页设计中流行的图标风格就是线性类的图标，这种图标的样式比较简洁。很多初学者一开始认为不需要学习画图标，是因为目前网上已经有很多图标的素材可以下载直接使用。但是实际的情况就是，在同一个网页中，图标大都需要来自同一种风格，而同一种风格的图标不一定都能适应你的需求。所以这就需要你能自行设计图标。

4）标识设计

标识的设计和图标设计有点类似，为什么标识设计也会被纳入到网页设计的范畴里?这里有一种情况，就是在设计新的网站页面时，以前的LOGO是不适应目前的界面风格的。这时候就需要网页设计师帮他设计一个LOGO，这也是我自己在实际经验种遇到的情况。

5）字体设计

字体设计和标识设计的关系最紧密，涉及到一种情况就是，很多公司是会选择用中文作为LOGO的标识。这时候就会涉及到字体的设计。当然，你不能直接拿现存的字体来用，而需要对现有的字形作一定的改变，来匹配整个网页设计中的元素风格。

6）配图设计——摄影后期处理

网页设计中的配图大致可以分为两种，一种是采用摄影作品作为素材的配图，大家也许会看到，大部分的网页配图都是利用摄影的素材作为配图。如果这时你是帮客户做网页设计，对方提供的图片并不是每一张都很理想，那如何才能达到满意的理想效果？

或者你受雇于某个大型的互联网公司，配图的设计应该是一个主要的工作。大的网站在运营期间需要不断的更新配图。这时如果运用摄影的作品作为素材，你不应该只是单纯拿摄影作品来用，而应该学会对素材进行“二次加工”，因为网页设计中会涉及到风格统一性。

这时的后期处理和普通的摄影后期还有一点不同，除了要对素材进行调色、剪裁……还需要做一些改变。这些改变需要发挥你的想象力和创造力，根据整个的版式风格来让整体看起来独特新颖。

很多初学者也有一个错觉，认为配图并非网页设计师的专职工作。所以在设计网页的时候，由于是动态的网页，在配图的位置上就随便放上一张图片作为“占位符”来使用，因为最后交给客户的网站，客户仍然是会换掉设计中的配图。这就好像很多售楼处会有样板间，样板间经过了装修，在装修风格上也下了一番功夫。这个样板间实际是没有人住，但是这样才会告诉买房的顾客具体的装修风格上的方向和具体的房间使用体验。

这也是我们需要在设计网页时，告诉客户哪个位置放什么图，图片以什么样的方式去展示效果最好。

7）配图设计——插画设计

配图还有另一种方向就是插画设计，很多初学者也许会觉得不算作自己的职责范围。其实现实的情况并不是这样的。我自己的官网（ifeiwu.com）的设计，就是利用插画配图在首页的一个案例。