欢迎关注作者的微信公众号：油炸果子

 

设计师的纠结

 

为什么拟物设计、手机主题类设计作品比较多。两个原因：

 

1. 有发挥空间，容易做出好看的设计。

 

2. 能设计较为复杂的东西，展示设计师的设计功底。

 

其实从这里，你就能看到设计师的纠结了，设计师花时间和精力最多的往往都是项目设计，然而在面试作品中却显得不重要了。本来这个标题我打算写成“面试：每个设计师都有精神分裂”，后面觉得太标题党，但设计师面试的时候真的有点分裂，想拿项目作品，但很多人的项目作品反映不了本人的真实视觉表现水平，很纠结。

 

你可以看看(web前端网页设计培训)，我们生活中经常接触的App或网站，视觉设计大部分都算不上惊艳，只能说还不错，哪怕是一线产品，难道这些设计师水平不行？不是，一线产品背后的设计师几乎都是高级设计。一个产品的视觉呈现是商业逻辑、产品逻辑和用户体验综合下来的结果，视觉设计到了一定层次，就够了，毕竟关健的还是商业目的。

 

在工作中，评估一个设计师优不优秀是一个综合的结果，产品认知、体验认知、执行、沟通、处事方方面面，不仅仅只是视觉做的好不好。视觉美感的认知总是短暂的，每个设计师都有自己的风格和习惯，当同事和领导看习惯了这个设计师的风格，是会审美疲劳的。

 

可是在面试的时候呢，大多数面试者主要看设计美不美。设计师在原有企业表现的再好，跟领导跟同事沟通对接再通畅，作品不突出，连面聊的机会都没有，所以这也就促使设计师不放花时间和精力最多的项目作品。

 

设计师面试作品的重要程度超过了70%，不管你承不承认。哪怕有些面试官会说，我没有啊，其他的方面也很重要的啊，比如产品认知、体验认知、执行、沟通、处事，但是大部分设计师的作品基本体现不出这上面的几点，想在茫茫的简历大海中脱颖而出，非常非常的难，面试官看你作品图那么短的时间，在完全不了解你们产品背景和产品逻辑的状态下，能看的，真的只有视觉，只是拼视觉，而且，所以，能拿到面聊的机会真的就非常小了。

 

设计师面聊的弱势

 

也许有的(上海web前端网页培训)人会说，我自己的设计还不错，面试通知率挺高，可是还有后续，招聘一个成熟的UI设计师，除了设计之外必定会问的东西，产品认知和体验认知。

 

产品认知弱势。产品认知最大的弱势是：产品成不成好像跟你没啥关系。你的产品用户一千万？哦，我看这设计一般啊，主要是产品经理和公司的功劳吧；产品很烂？我看这界面也不怎么样嘛，面试官内心OS：设计做的不好是是产品烂的一个重要原因。哎呀我去，横竖好像都有设计的坑。而且产品很多逻辑是要放在场景、用户、商业诉求下来讲的，这时候设计真的可能不太好看，但是UI设计不是为了达到产品诉求的吗？

 

另外，因为设计师往往不参与需求最早期的讨论，所以设计师接收到产品信息往往是零散不成体系的，在表达参与的产品相关认知的时候也是有相当的劣势。

 

(上海web前端培训)体验认知弱势。UI设计师都是在产品体验和视觉设计中纠结。哪怕是优秀的设计师，也并不一直能完全做到两方面都平衡的很好。UI设计界面设计的是一个界面一个界面的画，那么体验认知很容易跟随作图习惯，习惯于关注单页面，关注按钮摆放、页面颜色层次、单个页面重要次要点，那么在操作流程和跨界面的连续性使用体验上认知上就会有缺失，另外一方面，很少有设计师在设计之前有完整的构建场景、用户群、商业诉求的习惯，所以，体验认知就往往停留在感知层面。你回忆下，设计师和产品争论最多的是不是，设计师说，这样改了很丑，产品会说，这个这么做用户找不到，不好用。

 

总结：设计师的纠结，会促使设计师只会放好看的设计；

 

设计师的弱势，会促使设计师的实际产品和体验认知在工作中认知片面，所以面试时优势就不明显。

 

回到标题，面试作品驱动设计，面试作品能解决这些问题吗？能！

 

只要你够勤奋！

 

我去，这不是鸡汤吗？

 

鸡汤不会告诉你方法，我会告诉你方法。

 

那么好的(上海web前端网页开发培训)作品是怎么样的呢？也许下面五点能够帮到你。

 

一. 做好界面的设计说明

 

如下图（有点长），设计说明能让作品说话，引导面试官看作品时不只是关注你的视觉设计，这样的设计说明，面试者会不由自主的关注你所有的思考，包括产品逻辑、包括体验认知、当然也包括视觉。当然，如果是这样的作品，你能当面给面试者讲最好，你几乎能回忆起产品设计的大部分细节。

 

对于大众产品来讲，视觉到了一定程度就够了。太高级的视觉设计，往往只能引起小部分人的注意，这就是为什么高逼格设计App都是小众的原因，Enjoy，Mono、开眼都是如此。你拿个塞尚的静物画跟一个美院优秀毕业生的静物画做对比，大部分人分不出来哪个更厉害的。

 

(web前端网页开发培训)培养成做设计说明的习惯，除了面试之外，这样设计说明，也让设计师在做设计时去思考界面背后的逻辑，用严谨有逻辑的的方式做你的设计，而不是更多的依靠我觉得这样好看，那样不好看，商业设计不是艺术，是为了更美好的解决产品问题。当然也可以让你在做设计评审的时候通过率会更高。

二. 做好设计控件库

 

为什么要控件库，控件库有三个方面的好处。

 

第一，方便产品的升级和以后设计的复用。

 

第二，助于你理解整个产品的交互逻辑，你要理出整个产品的控件库，必须是非常熟悉原型，哪些设计共用，哪些设计一致。

 

第三，助于开发进度，界面没出来，控件先行，甚至开发可以使用控件库先行搭建部分产品界面。

 

(web前端网页开发培训)在未面聊时，面试者可以通过你的控件库作品看到你的产品的整体交互认知，看到你的细节（控件往往都有多种状态），看到你对风格的整体控制，这也是良好设计习惯的体现。

 

在面聊时可以围绕控件库讲的东西就更多了，围绕上面三条：你对风格一致性和快速迭代的思考，交互视觉一致性的思考，你对设计与开发合作的思考。控件不就是这个目的吗！

三. 做好设计落地方案

 

落地方案是一般分两种，一种是是设计落地说明，主要用途类似于产品PRD（需求文档），最好是PPT或PDF，因为这个能较为细致呈现你的设计细节；一种为如下动图Demo，以说呈现清产品交互逻辑为主（这类工具很多，我用的是chainco，墨刀，当然还有很多其他的）。

 

两种方案，抛开形式，都是以说清开发具体的执行细节为主，避免开发漏掉细节，很多设计师不愿给面试官看原公司产品，很大程度不就是最后落地的设计跟自己原有设计的有差距吗，如果是公司出于产品方向考虑，改掉了你原有的高品质设计，这个有可以理解的余地，但是如果是开发执行不力，效果呈现不好，这个锅设计还是要背的，毕竟推动和跟进研发高质量的重构界面是设计师必做的工作。落地方案就是解决这个问题，避免高频次的无效沟通，立字为据，从责任的角度倒推工作落地，让开发人员更好的执行你所有的设计细节。你看，当你面试作品里有落地方案的时候，说明了你对开发的执行力控制能力，说明了你对设计的执行考虑的足够周全，并不是甩手掌柜。

 

当然，你也可以在面试时以作品为导向，引导面试官关注到设计的落地性上来。

 

(上海web前端网页培训)做完设计后，将界面串联起来，借助工具这个demo很容易做好，这个附带的另外一个好处是，你可以更系统的感知你做的交互和设计，而不是像你做视觉时候更多单个页面那样，只是习惯性的聚焦在单个界面。

四. 关注项目可发挥的页面并形成作品展示列。

 

前面四个方法并不能做到让你项目作品变得更好看，更多的只是展示项目中的产品、交互和执行认知，要说在项目中怎么把设计做好，这个问题太大。

 

但是有另外一个方向，既然是面试作品驱动设计，在视觉功底的呈现上，那么我们设计时可以重点关注可以发挥界面，以手机UI为例，可以重点关注如闪屏、引导页、活动页面、首界面、核心栏目页等界面，面试时的项目作品主要将这些界面拿出来展示就可以了。

 

(上海web前端开发培训)既然想拿出去作为视觉的展示，那么在做设计时，这些界面要作为视觉设计的重点，专门辟出时间，花大力气将他设计到你满意为止，一定是要满意。

 

除此之外，需要将将这些精选页面，更好的成列给面试官看，那么你也需要在项目陈列上下功夫。

五. 练习作品

 

练习作品一定是要的，练习作品最大的好处是你不必受限于商业和产品逻辑，需要考虑的只是怎么将你的设计功底呈现出来，无论站酷、68、dribble、还是behance，练习作远多于项目作品。

 

(上海web网页开发培训)既然练习作品是呈现你的实力，那么练习作品应该注意下面两点。

 

1. 离开舒适区，挑战有一定难度的设计，有难度的设计除了展现你的实力外，还可以让你成长较快，“刻意练习”学习方法中，很重要的提到这一点。

 

2. 尝试你项目中没有做过的设计类别。这个很重要，大多数设计师都有自己的风格倾向，不同的公司可能需要的风格倾向完全不一样，单一的风格会让你面试官忽略了你的设计功底，从而关注这个风格适不适合我们，你有没有能力换掉你习惯的风格，这就有点危险。同理，如果你长期做UI，没做过网页，面试官在考虑到公司会有网页的时候，也会有这样的疑虑。

总结

 

从上面五点，我们能看到，好的作品既能展示视觉，也能展示产品认知、体验认知和执行力。视觉展示和产品、体验展示可以同等重要的展示，从而引导面试官不只是关注设计图美不美吗，而是关注你的全方位的能力，面试率能不高？有了这些，你还是像以前一样面试时傻傻的等待面试官关于产品问题的坑吗？

 

当然，有前提，你要花时间把这些东西好做，你关注过站酷上那些大师的出稿频率吗，你有回头看过那些优秀设计师深夜默默工作的背影吗？

 

(上海web前端网页开发培训)另外补充一点，也许看了上面，有个误区，会觉得面试作品驱动设计，我管你产品怎么样，我就设计的好看就行，面试官关注这个嘛，你只是做的好看，项目总要审稿吧，设计是要达到商业目的，但是很遗憾，这个捷径走不了的。

本文来源：优设网http://www.uisdc.com/5-ways-improve-your-portfolio。整理：web网页前端设计培训老师。如有侵权，请联系小编更正。(版权声明：推送文章我们都会注明作者和来源，除非确实无法确认。部分文章推送时未能与原作者取得联系，若涉及版权问题，烦请原作者联系我们。)