界面做成这样还想有面试？总监分析作品集过关的核心要素

今天，我们则要围绕一个更重要的话题展开讨论，即作品集中的作品，有哪些设计要求，以及应该做成什么样。

往期干货：

一、作品集中的作品要求

作品集是设计师表现自己专业能力的载体，里面囊括了大量的内容和图文信息，而最让设计师头疼的东西就是作品集中的“分析”内容，包括产品、项目、体验、用户、交互等分析对象。

要把它们写好并合理的展示在作品集中确实很困难，对设计师的能力、经验、表达、项目质量都有一定的要求，所以很多新手会把大量的注意力、精力应用在这些领域，尤其是对项目包装的理解即 —— 使用精妙的话术来编写项目分析文案。

这种偏向，当然是错误的！之前的分享里一直强调过，作品集为什么叫作品集，因为它是作品的集合，对于设计师来说作品本身才是作品集里最重要的部分。

只不过简单的罗列界面看起来太简陋，而且感觉很不正式，所以催生出了对作品进行包装的需要。通过使用更有设计感的排版，加上文字的描述，让作品展示能像一本艺术介绍画册一样娓娓道来，增加观看体验。

不管是艺术画册还是设计师作品集，包装都是为了展示作品本身而服务，作品本身有值得展示的水平，才有包装的空间，如果作品本身没有说服力，那么不管增加什么话术和包装内容都是徒劳的。

至于作品做到什么程度才能满足展示的基本要求，可以归纳为下面几个要点：

1. 作品内容的完整性、连续性
2. 设计符合规范、交互、体验的基本要求
3. 能具有一定的设计风格和品牌调性

第一点，是作品展示的前提，即挑选出来展示界面数量要足，且能代表产品的主要服务、模块、流程，而不是随便选一些页面凑上去，或者像很多新手作品集里一个项目就只放 5、6 个界面。

作品内容太空洞，那这个项目就可以直接判死刑了，不管你怎么包装都没有用。具体的操作思路在上面的分享链接已经加了，就不在这里再放出来了。

第二点，就是界面要符合系统规范、交互操作、用户体验的相关要求。具体怎么个要求法，当然不可能一条条列出来，那等于把基础的 UI 知识点回顾一遍，总结起来就一句话 —— 挑不出毛病的要求。

比如系统规范部分，很多新手连顶部状态栏的正确应用都没理解，展示出来的界面都是错的，那是非常致命的问题。

再到交互和体验的部分，虽然这些内容在产品实际使用过程中有很大深究的空间，但在作品集这种只能展示少数静态页面的模式下，就大大消除了这种可能。我们作为观看者，只能从展示的页面中大致判断交互是否合理，体验是否符合常规要求。

所以作品本身展示上只要确保交互做的不太极端，页面整体设计处于常规认知范围内，我们就很难挑出错误来。而很多初级设计师却追求的标新立异就是反面案例，等于提供了大量可以产生疑问（批判）的素材。

前面两点都很好理解，只要掌握 UI 设计就能满足。而最后一点最特殊，即表现项目的风格和品牌调性。

从本质上讲，品牌调性就是“差异性”，需要在设计层面和其它产品产生差异并形成风格，才能塑造品牌调性。比如马蜂窝、携程、飞猪，可以很清晰地感受到不同品牌之间的调性差异。

但上一点我们也提了，就是设计不能为了追求标新立异而标新立异，给交互和体验制造漏洞，这个原则和品牌性特征本身是相悖的。所以我们就要在“品牌调性” 和不影响交互和体验的 “安全性” 之间拉扯，去找到平衡。

稳妥点的做法，就是使用基础的页面框架和交互上，在视觉样式上寻找突破，包括更平面化的组件设计、复杂的图标设计、更丰富的配色等等。

可以参考一些视觉复杂的线上案例：

最后这点，就不止是 UI 基础能力的体现了，而是更进阶的界面视觉能力输出，需要设计师经过更长时间的训练和积累。

但进阶的输出还分成两个阶段，第一个阶段是对单一界面视觉样式的突破，第二个阶段则是掌握全局对整体视觉方案的管理和落实。

更具体解释，就是进阶前期可以完成对单一页面的深度视觉优化，但这种优化只针对该页面，不和其它页面产生联系，一个页面一个优化思路，容易导致最终的呈现效果缺乏整体性，观感割裂。

而进阶状态，则是先建立整体的设计风格和效果预期，再开展对页面的设计，不同页面之间的设计细节联系紧密，一致性强，才能形成真正的品牌调性和设计风格。

虽然 UI 对比其它设计是不怎么难，但要达到这种水平也是有门槛的，可以轻易剔除绝大多数 UI 设计师，也是新手在准备作品集时面对的最大挑战（不是分析）。

这部分能力是判断 UI 设计师能力的关键之一，虽然新手做不到无中生有，但我们可以通过注意一些细节来规避会出现的问题，让作品的输出看起来可以更成熟、专业。

二、关于作品输出的整体性

对于一个项目而言，风格和品牌性是建立在四要素的 “一致性” 之上的，不管你用了什么设计思路、视觉、配色，都要保证整体的一致，才能为用户建立品牌的视觉定位。

而一致性中最关键的，就是设计规范的建立，如何在创建品牌风格以后，将规范建立并应用到全局中。

这里的难点有两个，第一是怎么建立可以形成规范的设计风格，第二是怎么把设计规范在全局中进行应用。下面我们就用一个之前分享过的学员案例作为说明对象。

相信不少同学看过我们之前做过的一个旅游产品的作品优化，原图和改版后的案例如下：

这个案例在各平台上的反对声音居多，理由大致都是改版后更“平庸了”、“没个性了”、“更没设计感”等等。

这些评价在一定程度上是正确的，因为改版目标就是是在消除特异性，建立整体性，而很多人只看图不看字（看作品集同理），以他们的认知无法理解这么改动的理由。

那下面，我们就更进一步，来看看风格过度突出的设计会发生什么问题。下面是同一套作品中后续完成的界面设计，我们将这些界面摆到一起来浏览：

相信放一起看可以直观感受到，页面的设计是 —— 割裂的。

而看作品集的人评价项目，评价的是一个整体，这种前后不一致造成的影响是非常负面的，因为它表现出设计师无法驾驭整个项目的视觉，且没有办法做好项目规范的整理和应用。

在原设计中，首页的三个状态之间设计已经开始割裂，在这种背景下是无法整理设计规范的，所以重新整理就是必要的。

在这个过程中，对初级设计师最大的建议，就是降低设计的复杂性和细节的突出性。前期设计阶段类似概念设计，设计师可以自由挥洒创意和想法没错，但在现实世界中，适合落地的方案大多是“减配”版本。

因为一两个界面你可以灵光乍现、找到好的参考，妙手偶得出让自己满意的结果。但如果这种灵感不能延续的话，那这种突破就会变成项目的 “杂音”，起到负面的影响。

所以在前期阶段，一定要审查主要界面设计的成果，当视觉开始脱离掌控，无法驾驭的时候，就要适当消除个性，让它回到可以控制的水平里来。

然后要对设计规范进行细致的整理，抽取界面风格形成的核心细节点，再应用到后续的界面中去，不管这些规范要不要展示到项目包装中去。

再强调一遍规范之所以有价值，是因为它能延续并统一全局的设计风格，而很多作品集中的规范展示只是凑数的，随便放一些颜色、字体样式，对最终的设计展示毫无价值。

在新的调整案例中，我们就需要将前面的设计要素，应用到后续的页面中去，比如下面的一些细节：

下面是我们对整体进行统一调整后的改版（简单演示不会做的太深入）：

可以再对比前面的版本，来感受一致性之间有什么差异和提升，在作品集展示中，改动的结果和原图对比起来哪套看起来更专业……

结尾

项目的设计远远不是把项目做出来而已，要关注的细节有很多，而这些细节才能真正体现一个 UI 设计师的视觉输出能力。作为初级设计师，是不可能还没学会走就想飞，直接把自己当一个成熟的设计师认为它们不重要，开始追求更复杂、深入的内容。

建议把分享的几篇一起看完，会对怎么输出项目有全新的认识。

欢迎关注作者的微信公众号：「超人的电话亭」