X

UI设计师必看,这20份灵感爆表UI作品集绝对让你怀疑人生

转自:摹客(ID:Mockplus)作者:Trista


面试UI设计师的小可爱们,是不是总是被面试官要求看看你们的作品集呢?作品集的重要性对于设计师可以说是不言而喻的,作品集不仅是设计师设计能力的最好证明,更是一块求职时的金牌敲门砖。但要做出一份优秀的作品集可不简单,别着急,这里为大家精选的20份UI设计师作品集范例,一定能让你灵感爆表。

一起来欣赏~

1. Yitong(http://www.zhayitong.com/index.html)



Yitong目前在旧金山的Coinbase工作,他不仅热爱设计,对技术更是充满热情,用他自己的话说,“在设计过程中使用技术,设计师就可以创造出更加优质的产品,甚至是一些超越了技术限制的产品,这样,我可以在工作中取得更好的成就。”

他的作品集有简洁清晰的导航,作品集一共分为3个部分:作品展示,关于我和邮箱。Yitong很巧妙地展示了他丰富的工作经验,他的每份作品都有精美封面,有些是产品高清图,有些是生动的GIF,有些甚至直接以视频的形式展现,他还细心的在每个项目里做出了总结。

2. Jeremiah Shaw(http://www.jermshaw.com/)



Jeremiah Shaw是一位专注于3D插画、动画、界面设计和品牌塑造的设计师。他目前在Google为儿童设计3D游戏,曾任职于Dropbox,Apple和Color Labs。他作品集的导航比较独特,没有遵循常见的风格,而是设置在右侧边栏。Shaw使用了高级感的黑色,白色字体和彩色几何图形来形成对比,展现了很好看的界面效果。

Shaw在作品详情页还详细展示了他的每一件设计作品,你可以看到作品的整个设计过程。例如他的作品Geo Jam Band,从铅笔素描到最后的场景运用,涵盖的设计过程包含了铅笔素描、建模、颜色、动画、声音、音轨、场景和设置。

3. Balraj(http://circularchaos.com/)



Balraj是一位居住在英国伦敦的自由职业设计师。他热衷于用户界面设计,也会写代码。他的作品集看起来专业而高级。Circularchaos看起来更像是一个个人专属网站,而不仅仅是一个作品集网站。他的网站主要包括5个部分:首页、关于我、设计流程、作品集和联系页面。

你可以在他网站的作品集页面查看他的作品,其中的分类也很细,包含:动画、品牌、编码、插图、交互、演示、UI设计和用户体验设计。另外,Balraj还分享了他的设计流程,主要包含用户需求、头脑风暴、用户体验设计、视觉设计、原型设计、动画和测试。这是一种可以快速迭代且适应性强的设计流程,可以很好的解决用户需求。

4. Charlie Waite(http://charliewaite.me/)



Charlie Waite是GoPro的体验设计总监,曾任Focus Lab的交互设计师。他本人还很喜欢写作,文章都发表在Medium平台上。他的作品集首页设计很有意思,首屏上有一个有趣的CTA,上面写着“Say Hello!”,仿佛在和你打招呼。界面分为了2个部分,当你滚动鼠标时,左侧界面保持静止不动而右侧则会呈现不同的背景图滚动效果。

5. Mengdi Zhang(http://mengdizhang.com/)



Mengdi Zhang是一名产品设计师,目前任职于纽约的DigitalOcean公司。她的作品集是我最喜欢的一个,真的是好看极了,手绘风格的插图和落叶非常美观,我第一眼看到就忍不住想要去了解这个设计师。她采用了单屏设计,你可以点击下面的小圆点按钮查看更多页面。同时,她的简历与她的作品集风格保持一致,可以下载PDF格式。

6. Simon Foster(https://simonfosterdesign.com/home/)



Simon Foster是一位屡获殊荣的前端网页设计师。他专注于直观,易用和美观的响应式网站设计。他的作品集不走寻常路,如果你第一次看到他的作品集,也许会以为只是一些黑白的图片凌乱的分布在界面上,但如果你将鼠标悬停在上面,黑白封面立即就会呈现色彩,非常好玩。Foster还分享了他的网页设计思路。

7. Sebastiaan de With(http://icondesigner.net/)



Sebastiaan de With是halidecamera公司的联合创始人,也是一名自由设计师和摄影师。他喜欢图标设计和用户界面设计,他作品集最大的亮点就是包含有一个个人博客,写作对于设计师来说是一个加分项,能很好地表达自己的设计思维是设计师能力的体现。此外,该作品集的动画非很有趣,当你打开网页时,他的自我介绍会在你的屏幕上自动输入,感觉就像他正在你面前进行自我介绍一般。

8. Bady(http://www.bady.co/)



Bady是一位位于新加坡的用户界面设计师,他目前在一家银行做全职工作,他非常热爱设计,认为设计是解决人类问题的最好方法。他的作品集采用了大量的留白,界面干净而舒适,还包含一个日志,记录设计灵感。

9. Beta Takaki(http://www.betatakaki.com/)



Beta Takaki是一位位于温哥华的UX和UI设计师。虽然这个作品集主要是针对UI设计,但是他对用户体验和用户界面设计都是充满热情的。如果你想看到他作品的详细案例研究,可以通过linkedin联系他。Takaki使用了网格排列来展示他的设计作品,看起来有序而规整。最吸引人的还是首屏的背景大图,非常美观。

10. Dan Shin(http://dan-shin.com/)



Dan Shin是一位居住在纽约的设计师,目前在Square任职产品设计师。他的作品集布局简洁合理,主要由3个主要部分组成:首页,项目列表和作品展示。首页大图和超大号文字创造了强烈的对比。Shin还采用了视差滚动设计。

11. Mark Wheeler(http://www.markwheeler.net/)



Mark Wheeler是一位专注于交互和界面的设计师。他来自英国,现在在西雅图工作。他的作品集网页以抽屉作为导航,打开它你可以看到所有项目和作品集的详细列表。

12. Sam Small(https://samsmalldesign.com/)



Sam Small目前在堪萨斯城工作,担任Citrusbyte的UI/UX设计师。他的作品集最大的亮点就是大胆的配色,简直就是一盘色彩盒,却不显得脏乱。

13. Kristen DeGraff(https://www.kristendegraff.design/)



Kristen DeGraff是一位产品设计师,他擅长UX和视觉设计,与很多团队有过合作,他总是能攻克各类项目难点,并做出为以用户为中心的设计解决方案,进而提升品牌体验。他的作品集有三大亮点:图标,右侧的固定社交媒体分享按钮和可下载PDF格式的简历。

14. Corey Snyder(http://tangerineindustries.com/)



Tangerine Industries(TI)是Corey Snyder的个人作品集。Corey Snyder非常有名气,他是曾获得艾美奖的设计师。他的作品集采用了水平滚动,很是新颖。

15. Jackie Ngo(http://jackiengo.com/work)



Jackie Ngo目前任职于一家创业公司,他曾为Uber、Apple、Beats music、ZURB、MadeService、Zooka Creative和1185 Design等品牌做过设计工作,擅长视觉设计、UX/UI、前端开发、插图和品牌设计。Ngo最大的设计天赋就是对于字体的灵活运用,简直是锦上添花的一笔。Ngo的作品集也采用了视差滚动设计。

16.Liana Kong(http://www.lianakong.com/)



Liana Kong于2015年5月毕业于卡内基梅隆大学,获得过工业设计学士学位。她目前是Nest的一位设计师。她的每个作品封面上都有一个漂亮的白色小图标,小小的心思让整个界面看起来更加连贯流畅。

17. Bryan Medway(https://bryanmedway.dunked.com/)



Bryan Medway是一位创意总监,拥有超过17年的设计经验。Medway是一位用色大胆的设计师,他使用红色作为背景颜色和悬停颜色。红色可以很好的引起用户注意并影响用户的情绪和行为。

18. Kelly Kim



Kelly Kim是位于旧金山湾区的一位UI设计师,他的作品集设计采用了具有视差滚动效果的大图,非常具有视觉冲击力。

19. Dine Initium(https://dinehq.com/)



Dine是一家位于中国北京的创意设计工作室。这是一个聚集了他们工作室所有设计师作品的作品集网站,首页提供了订阅通道,你可以订阅他们的信息,了解他们的最新设计作品。

20.Agustín Schelstraete(http://www.aschelstraete.com/)



Agustín Schelstraete是一名产品设计师,目前就职于一家初创公司。他的作品集采用了黑色背景和白色大文本对比的形式,给访客带来了强烈的视觉冲击,文本的可读性也很棒。