教你从面试官角度优化作品集，求职成功率提高5倍！（下）

一、全文速览图

二、界面展示的问题分析

作品集项目包装中的界面展示部分，之所以是重灾区，就是因为多数设计师根本不知道应该展示什么，只是根据其他人的案例随意的堆积页面和文案，造成了以下这些常见而又致命的问题。

问题1：页面展示尺寸过小

这是最直接也最严重的问题，很多新人做项目时就是无脑做 1920*1080 的界面，然后再将他置入到作品集画布里排版，要正常排版就得缩小界面的尺寸，而很多设计师还为了所谓的“分析”展示，进一步压缩界面展示的空间，让界面的宽度占比甚至不足一半。

雪上加霜的是，作品集观看者还会缩小作品集预览的窗口，让展示界面的实际尺寸变得更小。最后的结果，就是界面里有什么内容根本就看不清。

前面我们也提过，作品集受众耐心是越来越差的，这种展示方式本身就形成负面的影响，如果不是包装质量过硬就更不会放大去查看页面内容。大概率就是划完一个项目以后也不知道你到底设计了什么东西，懒得去放大考究，直接关掉看下一份。

问题2：界面太亮全是留白

这是一个在真实项目当中不是问题但在展示环境会变成问题的问题，原因就是部分项目使用全白框架和背景，而界面中的内容又不多，导致观看体验就是“白花花一片”。

这会导致观看者很难聚焦注意力到界面中，尤其界面本身留白多，但是包装又复杂，且旁边干扰的文案信息又非常多的情况。

问题3：界面之间差异太小

B 端项目往往界面之间差异并不大，做来做去都是差不多的表格和表单，导致放出来的页面非常相似。作为旁观者来说，根本无法区分这些界面之间的差异，只会因为这种重复的展示而感到厌烦。

对于看的人来说，项目这么无聊且重复就是你的问题，不需要额外进行谅解和投入关注，还是去听你的辩（jiao）解（bian）。

问题4：界面前后展示顺序混乱

即使界面展示尺寸、布局、样式都不错，也不代表观看者就能满意。还有个很严重的问题，就是展示页面的顺序是缺乏逻辑联系的。即前后展示的页面所属的模块、功能毫无关系，非常的跳跃，比如上个页面还是功能 A 的列表，下个页面就是功能 B 的表单，再下面一个页面又突然变成功能 C 的详情。

B 端项目本身就比较复杂，不是同行往往很难理解这些页面的作用和关系，展示做的缺乏联系性就只会让观看者更困惑更迷茫。

问题5：分析的废话文学占比太大

因为对分析的错误理解，很多同学会强行给页面添加大量的文案讲解，很多文案信息又没有实际的营养和价值，而为了放这些文案，可能又占用了界面的展示空间，形成双向打击。

在界面展示部分，观看的顺序一定是先界面再文案，无法满足这种要求或强行制造出浏览阻力，只会加速让观看者放弃这份作品集。

以上几个问题都是目前新手端 B 端作品集中最常见的问题，说到底就是大家不把作品集当成是一套需要被人“看下去”的文件，只是因为要做而做的岗位申请表单（填完提交上去审核）。

三、界面展示的设计思路

要解决上面的问题，就得从头规划和调整，而下面就是我们给大家整理出来的设计建议。

步骤1：提前安排展示顺序

第一个步骤也是最关键的步骤，那就是安排在包装中要展示的界面有哪些，以及相应的展示顺序，可以使用思维导图或文档工具做梳理。

建议以展示多个功能模块为目标去组织，比如一个医院后台，展示首页、病人模块、医生模块、药品模块、订单模块等主要功能模块。每个模块下级再选出最重要且有联系的页面出来，比如管理表格页、新建表单页、详情查看页这样。

项目展示的空间是有限的，不是无限延长的，所以展示的模块和页面数要做控制。一定要选择最能代表你当前项目功能、特色的部分，舍弃掉次要的部分节省空间。

步骤2：优化界面展示尺寸

第二步就是置入的界面尺寸一定要做优化，如果你原来的项目做的是 1080P，那么建议使用1400 或 1280 宽的画布重新调整一遍要展示的界面。如果原来的界面中功能非常多，你可以适当的去缩减一部分内容来满足界面展示的需要。

作为观看者来说 B 端界面内容有减少，且没有影响核心功能和服务，那么压根就不会察觉也不会在意，远远没有内容太小看不清的影响大。

而在具体展示中，主要页面的展示的宽度不要小于作品集画布的 2/3，才能确保界面能被看清。只有相对次要且内容少的页面，属于给主要页面做陪衬的类型，才能缩小尺寸看个大概即可。

步骤3：丰富界面视觉样式

如果置入页面后，发现前后的界面样式非常单调又一致，那是需要自己主动去调整一部分界面设计的样式了。

一方面是前面提到的全局泛白的问题，强烈建议在全局框架和内容背景上制造色彩对比，提高视觉的丰富性。

第二个要点就是即使是表格页或表单页，也可以通过不同的布局版式来设计，或是自己添加一些模块内容来丰富视觉效果。这是 B 端界面设计的基本常识，光抱怨原项目要求低界面需求一致是没用的。

步骤4：梳理展示辅助文案

最后就是要重点强调的文案应用逻辑，在界面展示模块中，文案信息最重要的作用是和观众解释 —— 界面的作用以及隐藏的细节，而不是堆积设计思路和专业术语强行升华它们。

也就是说文案不能完全没有，但只要能介绍清楚你的模块功能、界面作用、关键细节（如组件状态变化）即可。这样即可以让这个界面展示变得更直观易懂，也可以给界面预留出更多的空间出来，获得更好的展示效果。

界面展示区域的文案是次要的角色，不要反客为主把这些内容变成自己驾驭不了的主角。把精力更多投入在界面设计和排版上，不仅能获得更好的观看评价，也能节省自己更多的时间。

在 B 端项目包装中，界面展示就要明确围绕舒适、流畅、美观的视觉效果去构建并设计，不是说设计思路和想法不重要，只是这些东西是留在面试环节里输出的不是用这么点页面和文案解释得清楚的。

还有一点，就是谈 B 端项目只看功能和思路，不重视视觉表现的说法：

就像说现代年轻人去相亲只重视人品和智商一样荒诞……

四、结尾

项目包装这件事没有大家想得那么复杂，真的建议你们自己做完以后过个几天缓缓，然后自己从上到下看一遍再读一遍，觉得哪里不对劲的那就是真不对劲，用更简单的做法往往比你们以为的高级和复杂有效。

我们下篇再贱~

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