设计风格养成｜5个维度，说说设计师讲述设计风格的正确姿势.docVIP

设计风格养成｜5个维度，说说设计师讲述设计风格的正确姿势 　　找准方向与维度，从大方向去讲解你的设计风格，只要你执行了，那它就不是什么困难的事情了。 　　 　　设计风格是一种很虚的东西，对于大部分的 UI 设计师来说，都是如此。 　　相信很多人都是在一家小型的互联网公司做设计，估计还是公司唯一的设计师，同时对设计风格又拿捏不定，总感觉是跟着产品经理或老板的思路去做设计。比如老板的要求是“大气”，谁 TM 知道这“大气”指的什么鬼？ 　　即使花了不少时间去研究其他公司的产品，依然做不出领导满意的视觉稿，最后还被各个岗位的同事指点着去修改你一把屎一把尿喂大的稿子。 　　我上面也说了，其实这种事情（讲述设计风格）对于视觉设计师而言是一种很常见的现象。我身边也同样有很多设计师出现这个问题，不知道如何向领导或客户讲述自己的设计风格。 　　说个现象，仔细想想自己是不是这样的：我们在做视觉评审的时候，设计师讲述的常常是文字对齐、线条、高斯模糊、图片大小等视觉表现，有时候甚至沉醉于 icon 的角度及尺寸的问题。面对于产品经理与程序员的质疑只能说：我觉得这样更好看、这样比较适合我们产品的风格…之类的话。要知道，这些理由在如今这个以显性数字指标为衡量标准的互联网时代已显得苍白无力。 　　实话实话，想要把设计风格讲清楚，的确不是一件容易的事。但绝对要避免从感性的角度来阐述事实的这种习惯，毕竟现在的移动产品从视觉表现力方面正在逐步降低要求，这种环境的变化也是要求视觉设计师应该主动去加强设计思路的原因。 　　为什么要用这个颜色，为什么要用线条、模糊、留白、卡片、阴影…说这么多干嘛？别人能懂？即使听懂了，他也会从他的角度来告诉你：那我觉得这个阴影不要会更好。你怎么回复？ 　　就像我说的，如果你针对你设计的视觉稿进行这种细致问题的解答，那么永远都不会有规范型的答案。视觉风格讲的是一个整体感受，这就需要我们从更高一个层面来解释这个问题。 　　接下来我将从以下 5 个维度来说说视觉设计师讲述设计风格的方法： 　　产品全局色系 　　系统图标 　　字体规范 　　图片的使用 　　视觉操作引导 　　1.产品全局色系 　　从全局色系的角度出发。如果你仔细分析过那些优秀的 App，你会发现它们的颜色使用的是非常谨慎的。当中绝大部分都只会用 3 到 4 个颜色用于突出信息的层次。就好比我之前写的那篇配色文章《用好 MD 你也可以做配色达人》一样，由主色、强调色、辅助色组成的整体色系，即一个产品的色彩风格。 　　这里需要注意的是，我们在阐述页面色彩的时候，不应该说：我认为红色比黄色更适合。而是结合这几种颜色组成的全局色系来说明这几个颜色的搭配能突出需求方想要的“时尚”或“大气”的要求。 　　这么做的好处是，需求方会认为你的说明非常的专业，不会随意修改你的 Idea 。更重要的是，你可以掌握主动权，而不是以“我认为”的方式作为被动方。 　　2.系统图标 　　说到图标，相信很多设计师都是去 Iconfont 等网站下载，筹齐一套直接使用。我之前也说过，系统图标的设计是考验一个设计师功底的重要条件，所以自己设计图标非常重要。具体可以参照我写的《图标设计的三个要素》这篇文章来做。 　　一款 App 需要一套易于识别的 Icon 来辅助信息展示，因此图标的风格能够突显出这款产品的整体风格。那么在讲述的过程中，你需要说明的是为什么你会使用这套线性 Icon 或填色 Icon，以及它所能展示的信息为何能够更符合你产品的风格。 　　而不是纠结这个图标的尺寸是多大，或者适不适合它所表达的意思，因为这些东西是在你讲述设计风格之前就应该定好的，它们由设计师来做决策，并不是在讲述设计风格的时候再去说明的（假如你在面试的时候如果说这些，面试官会觉得你的设计认知非常的基础）。 　　3.字体规范 　　字体是 App 界面中最重要的信息组成部分，相信这句话大部分都会认同，这也是大家一直争论为什么英文字体的排版比中文字体排版更好看的原因之一。 　　我们经常听到如：这个产品看上去很简洁、舒服、重点突出，而这其中最主要的原因就是文字的排版。 　　一般来说，我们会从产品的字体、字号、颜色等来说明字体规范，再重点去关注标题、文本信息以及引导信息的字体字号，通过设计对信息进行层次的区分，希望借此来引导用户的视觉焦点。 　　所以在说明设计风格时，要着重去提字体规范这块。 　　4.图片的使用 　　图片是 App 信息组成的重要元素，它的风格会很大程度上影响整体风格。所以每次有人给我发设计稿，叫我给点建议的时候，我都会说，先把重复的图片和文字修改了。一张设计稿，不要用同一张图片填充所有位置（同样不要用一句话填充所有文本段落）。 　　假如你在做日系风的外卖产品，你的图片风格就要统一，不要用百度上随便找的快餐图来作为视觉稿的展