设计师看过来:怎样让你的UI作品集脱颖而出?

文章开头:本文是thomas老师发表在产品壹佰的文章(http://www.chanpin100.com/article/105637 )转载文章仅供大家习,不作任何商业用途。

打造一份优质的UI作品集,是得到心仪工作的关键所在。本文跟大家分享一些设计优秀UI作品集的技巧和注意事项。

在如今竞争激烈的设计行业中,作品集是让你引起面试官注意的至关因素。因此,打造一份优质的UI作品集,是得到心仪工作的关键所在。下面跟大家分享一些设计优秀UI作品集的技巧和注意事项。

一、展示作品设计思路整体流程

我们都知道,在设计一个角色的时候,背景故事是最重要的,你的UI作品集同样如此。对于新人来说,最大的错误在于直接放上作品的截图,面试官看到这样的就会马上切换到下一个。

展示作品的截图只能给传达“这是什么”,而不能表达“为什么”。优秀的UI设计是一段探索解决方案的旅程,应该能清楚地表达设计是如何产生如何进展的。

下面是一些展示设计思路整体流程的方法:

第一步:展示思维方式:

你拿到一个项目,你是怎么思考,怎么开始这个项目的,流程是怎样的。这些关注点是用来衡量你是否换了项目一样可以做好。在作品的开头就要清楚地呈现这一点,要让读者明白,你不是为了设计而设计。

第二步:展示作品的线框图:

呈现设计作品线框图形态。线框图有利于清晰地展示作品的逻辑和结构,体现你的页面布局,组件摆放是否合理,甚至还有用来支撑你设计的理论。利用原型设计工具是不错的选择,线框图设计好后直接导出页面流程图,并且也可以在线演示和分享。

设计师看过来:怎样让你的UI作品集脱颖而出?_第1张图片

第三步:展示设计流程:

你的作品集中的每一部分都是一段旅程,你需要从头至尾地展示思维是如何演变,设计是如何迭代的。同时也要展示你是如何划分信息模块的重要程度,如何对重要级别进行区分排序的。

第四步:提升作品的导航性:

无论你的作品多么精美美观,布局多么有趣。但是如果导航不够清晰明了,会使面试官丧失仔细浏览的耐心。同时也要尽量保证电脑和手机上的导航都是简易快捷的。

二、选好作品集展示的平台

现在有非常多的在线平台可以展示的你的作品,没有某一个平台是唯一的,重要的是如何跟你的观众产生积极地交流和互动。

(1)Behance:作为全球最大的创意社区,在设计领域拥有着无可比拟的流量。当你上传了一份作品,就会完全地展示在这个巨大的设计师社群中,剩下就是等着别人给你点赞和评论了。

设计师看过来:怎样让你的UI作品集脱颖而出?_第2张图片

(2)Dribbble:只要你是设计师,你就肯定知道Dribbble。这是一个供设计师展示作品、同行交流、寻找灵感的场所。 平面设计师、插画设计师、字体设计师、图标设计师都有自己的一席之地。不过这个社区是邀请制,有了邀请码才能上传自己的作品。

(3)Tumblr:其轻博客的属性,非常适合设计作品的表达和展示,但是其评论和互动机制相对较弱。

优秀UI作品集盘点

Yitong Zhang

设计师看过来:怎样让你的UI作品集脱颖而出?_第3张图片

让这款作品集脱颖而出的是设计师讲故事的方式。从他的个人经历到工作,沟通方式都非常结构化。浏览他项目的设计文档时,你会被他线性的工作模式所打动。

http://www.zhayitong.com/index.html

Liz Wells

设计师看过来:怎样让你的UI作品集脱颖而出?_第4张图片

来自布鲁克林的设计师LizWells在自己的作品集上展示了在谷歌和Spotify等公司完成的项目,每一项都有简单的视频展示和简要的设计流程。

http://www.lizvwells.com/

Christine Walthall

设计师看过来:怎样让你的UI作品集脱颖而出?_第5张图片

这一位来自洛杉矶的设计专家在作品集中充分利用了站点地图、线框图和导航流来记录她的工作流程,每一款作品都非常专业。

https://www.christinewalthall.com/

Martin Oberhäuser

设计师看过来:怎样让你的UI作品集脱颖而出?_第6张图片

这位设计师来自德国汉堡,首页突破了传统的网格布局,直接指向作者的社交媒体和个人博客。作品的展示以动画和视频为主,展示APP的实际运行情况。

http://oberhaeuser.info/

Adrian Zumbrunnen

这位设计师的作品集界面充满着幽默感,在明显的位置强调了联系方式,十分友好和亲切。

设计师看过来:怎样让你的UI作品集脱颖而出?_第7张图片

https://azumbrunnen.me

Orange You Glad

这同样是一款非常友好的作品集,在首页轮播了不同插图的“Hello”,整体的风格也非常活泼可爱。

设计师看过来:怎样让你的UI作品集脱颖而出?_第8张图片

https://orangeyouglad.com

Nick Jones

这款作品集做了非常大胆的尝试:鼠标滚动时,页面会以螺旋顺时针的形式移动。创意的确不错。当然如果你觉得头晕的话也可以切换到正常版本。

http://www.narrowdesign.com/

Chantal Jandard

设计师看过来:怎样让你的UI作品集脱颖而出?_第9张图片

这位设计师的风格可以说非常清奇,主页的设计没有任何图片,充斥着报纸上的大标题,记录着自己每一项经典作品。少即是多,突出重点才是最重要的。

http://www.chantastique.net/

你的UI作品集其实只是简单的展示你做过什么以及是怎样做的。随着时间的推移,唯一的限制就是你在设计方面的经验和沉淀,潜心和务实地提升自己,才是求职路上的必胜法宝。希望以上的经验技巧和作品展示能够带给你满满的灵感,让你的作品集脱颖而出。

文章结尾:再次申明所有转载文章仅供学习,感谢thomas老师的分享,如果喜欢我们的文章点关注吧!比心呦!

你可能感兴趣的:(设计师看过来:怎样让你的UI作品集脱颖而出?)