你的作品集够好了吗？20份精选UI设计作品集给你灵感
面试UI设计师的小可爱们，是不是总是被面试官要求看看你们的作品集呢？作品集的重要性对于设计师可以说是不言而喻的，作品集不仅是设计师设计能力的最好证明，更是一块求职时的金牌敲门砖。但要做出一份优秀的作品集可不简单，别着急，这里有Mockplus为大家精选的20份UI设计师作品集范例，一定能让你灵感爆表。
一起来欣赏~
1.YitongYitong目前在旧金山的Coinbase工作，他不仅热爱设计，对技术更是充满热情，用他自己的话说，“在设计过程中使用技术，设计师就可以创造出更加优质的产品，甚至是一些超越了技术限制的产品，这样，我可以在工作中取得更好的成就。”
他的作品集有简洁清晰的导航，作品集一共分为3个部分：作品展示，关于我和邮箱。Yitong很巧妙地展示了他丰富的工作，他的每份作品都有精美封面，有些是产品高清图，有些是生动的GIF，有些甚至直接以视频的形式展现，他还细心的在每个项目里做出了总结。
2.Jeremiah ShawJeremiah Shaw是一位专注于3D插画、动画、界面设计和品牌塑造的设计师。他目前在Google为儿童设计3D游戏，曾任职于Dropbox，Apple和Color Labs。他作品集的导航比较独特，没有遵循常见的风格，而是设置在右侧边栏。Shaw使用了高级感的黑色，白色字体和彩色几何图形来形成对比，展现了很好看的界面效果。
Shaw在作品详情页还详细展示了他的每一件设计作品，你可以看到作品的整个设计过程。例如他的作品Geo Jam Band，从铅笔素描到最后的场景运用，涵盖的设计过程包含了铅笔素描、建模、颜色、动画、声音、音轨、场景和设置。
3.BalrajBalraj是一位居住在英国伦敦的自由职业设计师。他热衷于用户界面设计，也会写代码。他的作品集看起来专业而高级。Circularchaos看起来更像是一个个人专属网站，而不仅仅是一个作品集网站。他的网站主要包括5个部分：首页、关于我、设计流程、作品集和联系页面。
你可以在他网站的作品集页面查看他的作品，其中的分类也很细，包含：动画、品牌、编码、插图、交互、演示、UI设计和用户体验设计。另外，Balraj还分享了他的设计流程，主要包含用户需求、头脑风暴、用户体验设计、视觉设计、原型设计、动画和测试。这是一种可以快速迭代且适应性强的设计流程，可以很好的解决用户需求。
4.Charlie WaiteCharlie Waite是GoPro的体验设计总监，曾任Focus Lab的交互设计师。他本人还很喜欢写作，文章都发表在Medium平台上。他的作品集首页设计很有意思，首屏上有一个有趣的CTA，上面写着“Say Hello！”，仿佛在和你打招呼。界面分为了2个部分，当你滚动鼠标时，左侧界面保持静止不动而右侧则会呈现不同的背景图滚动效果。
5.Mengdi ZhangMengdi Zhang是一名产品设计师，目前任职于纽约的DigitalOcean公司。她的作品集是我最喜欢的一个，真的是好看极了，手绘风格的插图和落叶非常美观，我第一眼看到就忍不住想要去了解这个设计师。她采用了单屏设计，你可以点击下面的小圆点按钮查看更多页面。同时，她的简历与她的作品集风格保持一致，可以下载PDF格式。
6.Simon FosterSimon Foster是一位屡获殊荣的前端网页设计师。他专注于直观，易用和美观的响应式网站设计。他的作品集不走寻常路，如果你第一次看到他的作品集，也许会以为只是一些黑白的图片凌乱的分布在界面上，但如果你将鼠标悬停在上面，黑白封面立即就会呈现色彩，非常好玩。Foster还分享了他的网页设计思路。
7.Sebastiaan de WithSebastiaan de With是halidecamera公司的联合创始人，也是一名自由设计师和摄影师。他喜欢图标设计和用户界面设计，他作品集最大的亮点就是包含有一个个人博客，写作对于设计师来说是一个加分项，能很好地表达自己的设计思维是设计师能力的体现。此外，该作品集的动画非很有趣，当你打开网页时，他的自我介绍会在你的屏幕上自动输入，感觉就像他正在你面前进行自我介绍一般。
8.BadyBady是一位位于新加坡的用户界面设计师，他目前在一家银行做全职工作，他非常热爱设计，认为设计是解决人类问题的最好方法。他的作品集采用了大量的留白，界面干净而舒适，还包含一个日志，记录设计灵感。
9.Beta TakakiBeta Takaki是一位位于温哥华的UX和UI设计师。虽然这个作品集主要是针对UI设计，但是他对用户体验和用户界面设计都是充满热情的。如果你想看到他作品的详细案例研究，可以通过linkedin联系他。Takaki使用了网格排列来展示他的设计作品，看起来有序而规整。最吸引人的还是首屏的背景大图，非常美观。
10.Dan ShinDan Shin是一位居住在纽约的设计师，目前在Square任职产品设计师。他的作品集布局简洁合理，主要由3个主要部分组成：首页，项目列表和作品展示。首页大图和超大号文字创造了强烈的对比。Shin还采用了视差滚动设计。
11.Mark WheelerMark Wheeler是一位专注于交互和界面的设计师。他来自英国，现在在西雅图工作。他的作品集网页以抽屉作为导航，打开它你可以看到所有项目和作品集的详细列表。
12.Sam SmallSam Small目前在堪萨斯城工作，担任Citrusbyte的UI/UX设计师。他的作品集最大的亮点就是大胆的配色，简直就是一盘色彩盒，却不显得脏乱。
13.Kristen DeGraffKristen DeGraff是一位产品设计师，他擅长UX和视觉设计，与很多团队有过合作，他总是能攻克各类项目难点，并做出为以用户为中心的设计解决方案，进而提升品牌体验。他的作品集有三大亮点：图标，右侧的固定社交媒体分享按钮和可下载PDF格式的简历。
14.Corey SnyderTangerine Industries（TI）是Corey Snyder的个人作品集。Corey Snyder非常有名气，他是曾获得艾美奖的设计师。他的作品集采用了水平滚动，很是新颖。
15.Jackie NgoJackie Ngo目前任职于一家创业公司，他曾为Uber、Apple、Beats music、ZURB、MadeService、Zooka Creative和1185 Design等品牌做过设计工作，擅长视觉设计、UX/UI、前端开发、插图和品牌设计。Ngo最大的设计天赋就是对于字体的灵活运用，简直是锦上添花的一笔。Ngo的作品集也采用了视差滚动设计。
16.Liana KongLiana Kong于2015年5月毕业于卡内基梅隆大学，获得过工业设计学士学位。她目前是Nest的一位设计师。她的每个作品封面上都有一个漂亮的白色小图标，小小的心思让整个界面看起来更加连贯流畅。
17.Bryan MedwayBryan Medway是一位创意总监，拥有超过17年的设计。Medway是一位用色大胆的设计师，他使用红色作为背景颜色和悬停颜色。红色可以很好的引起用户注意并影响用户的情绪和行为。
18. Kelly KimKelly Kim是位于旧金山湾区的一位UI设计师，他的作品集设计采用了具有视差滚动效果的大图，非常具有视觉冲击力。
19.Dine InitiumDine Initium是一家位于中国北京的创意设计工作室。这是一个聚集了他们工作室所有设计师作品的作品集网站，首页提供了订阅通道，你可以订阅他们的信息，了解他们的最新设计作品。
20.Agustín SchelstraeteAgustín Schelstraete是一名产品设计师，目前就职于一家初创公司。他的作品集采用了黑色背景和白色大文本对比的形式，给访客带来了强烈的视觉冲击，文本的可读性也很棒。
绛旓細Simon Foster鏄竴浣嶅薄鑾锋畩鑽ｇ殑鍓嶇缃戦〉璁捐甯堛備粬涓撴敞浜庣洿瑙傦紝鏄撶敤鍜岀編瑙傜殑鍝嶅簲寮忕綉绔欒璁°備粬鐨勪綔鍝侀泦涓嶈蛋瀵诲父璺紝濡傛灉浣犵涓娆＄湅鍒颁粬鐨勪綔鍝侀泦锛屼篃璁镐細浠ヤ负鍙槸涓浜涢粦鐧界殑鍥剧墖鍑屼贡鐨勫垎甯冨湪鐣岄潰涓婏紝浣嗗鏋滀綘灏嗛紶鏍囨偓鍋滃湪涓婇潰锛岄粦鐧藉皝闈㈢珛鍗冲氨浼氬憟鐜拌壊褰╋紝闈炲父濂界帺銆侳oster杩樺垎浜簡浠栫殑缃戦〉璁捐鎬濊矾銆7.Seba...
绛旓細涓轰簡搴嗙璁捐鐣岀殑鍗撹秺鎴愬氨浠ュ強璁捐瀵瑰叏鐞冧骇鐢熺殑娣辫繙褰卞搷锛屾垜浠壒鍒帹鍑轰簡涓鏈绮鹃変綔鍝侀泦銆傝繖鏈功姹囬泦浜嗗ぇ绾400浣嶅叏鐞冮《灏栧垱鎰忎汉鎵嶇殑2000澶氫欢鏉颁綔锛屽睍绀轰簡浠栦滑瀵硅璁¤壓鏈殑娣卞埢鐞嗚В鍜屽垱鏂板疄璺点傝繖浜涗綔鍝佹兜鐩栦簡鍒涗笟涓庝骇涓氱殑骞挎硾棰嗗煙锛屾棤璁烘槸绉戞妧銆佽壓鏈佹椂灏氳繕鏄幆淇濓紝閮借兘鍦ㄨ繖閲屾壘鍒扮嫭鐗圭殑璁捐瑙嗚銆傛瘡涓浠朵綔鍝...
绛旓細3銆佹杩版妧鑳藉拰璇︾粏鐨勫伐浣滅粡楠屻傝冭檻鍙兘浼氶渶瑕佺殑鎶鑳姐傚皢杩欎簺鎶鑳芥斁鍒板墠闈紝骞舵彁渚涘彲浠ユ弧瓒宠繖浜涜姹傜殑渚嬪瓙銆傚垪鍑轰换浣曡兘灞曠ず浣犲伐浣滄妧鑳界殑宸ヤ綔缁忓巻銆傜畝鍒楀嚭琛ㄧ幇鑷繁鎿呴暱杩欎竴鎶鑳界殑涓汉鎬ф牸鐗瑰緛锛屽苟鎻愪緵鍏蜂綋鐨勪緥瀛愩4銆佸寘鍚渚嬨傛敞鎰忔渚嬬被鍨嬪簲鏍规嵁鑷繁鐨勪綔鍝侀泦鍜屾劅鍏磋叮鐨勯鍩熺殑涓嶅悓鑰屼笉鍚屻傚浜庡浘褰㈣壓鏈強鍏剁浉鍏...
绛旓細浣滃搧闆鏀荤暐 鍑嗗浣滃搧闆嗘椂锛岄鍏堣鏄庣‘浣犵殑涓撲笟鏂瑰悜銆俇X璁捐甯堝彲鑳藉亸鐖卞叧娉ㄧ敤鎴蜂綋楠岀殑椤圭洰锛屾柊濯掍綋鑹烘湳鑰呭垯鍙兘灞曠ず鍒涙剰浜や簰瑁呯疆锛岃孒CI鍒欏彲鑳戒晶閲嶄簬闃愯堪浜轰笌璁惧鐨勪簰鍔ㄨ繃绋嬨備竴鑸潵璇达紝浣滃搧闆嗗寘鍚4-5涓」鐩紝浣嗗叿浣撻」鐩唴瀹归渶鏍规嵁鐩爣闄㈡牎鐨勮姹傝繘琛岃皟鏁淬備綔鍝侀泦瑕佹眰 浣滃搧闆嗗簲鍏峰20-25椤碉紝淇濇寔鍦10MB浠ヤ笅...
绛旓細姣斿鎴戠敵璇稧oldsmiths灏辨槸闇瑕佹妸浣滃搧闆嗛噸鏂版暣鐞嗘垚20浠闀挎潯PDF鏂囦欢鏍煎紡,Kingston鐨勬椂鍊欙紝灏遍渶瑕佹妸鎺掑ソ鐗鐨勪綔鍝侀泦涓婁紶鍒扮綉涓婏細Behance銆丗lickr銆佺瓑绀句氦濯掍綋锛屾渶鍚庨掍氦鐨勬椂鍊欑粰涓涓綉绔欓摼鎺;鍏充簬椤圭洰鏁伴噺杩欎釜闂锛屼篃鏄洜浜鸿屽紓鐨勶紝鎴戝綋鏃跺仛鐨勬椂鍊欙紝鏍规嵁鎴戣嚜宸辩殑鐮旂┒鍐呭锛屽拰鎶鑳藉垎鏋愶紝澶ф璁惧畾浜4涓ぇ椤圭洰锛岀劧鍚...
绛旓細浣欑闆ㄧ粡鍏告暎鏂囬泦 浣欑闆1962骞村紑濮嬪彂琛浣滃搧銆傜潃鏈夌郴鍒楁暎鏂囬泦銆婃枃鍖栬嫤鏃呫嬨婂北灞呯瑪璁般嬨婇湝鍐烽暱娌炽嬨婂崈骞翠竴鍙广嬨婅鑰呮棤鐤嗐嬨婃懇鎸插ぇ鍦般嬨婂瑙呬腑鍗庛嬨婁綍璋撴枃鍖栥嬨婁腑鍥芥枃鑴夈嬬瓑銆 銆婃枃鍖栬嫤鏃呫嬫槸浣欑闆ㄧ殑浠ｈ〃浣溿傘婃枃鍖栬嫤鏃呫嬩互浣欑闆ㄥ湪鍏ㄥ浗鍚勫湴鐨勬枃鍖栭仐杩逛箣鍦扮殑娓歌杩囩▼涓虹嚎绱,浠ユ繁鍒绘濇兂鍜屾瀬鍏烽渿鎾煎姏鐨勮瑷,鎻ず...
绛旓細浣滃搧闆嗭細闄ゆ涔嬪锛屽鏍′細瑕佹眰鐢宠鑰呴掍氦浣滃搧闆嗭紙Portfolio锛夛紝鍐呭鍖呮嫭绱犳弿銆佹补鐢汇佸姩鐢汇佺綉椤点佸鍐呰璁′綔鍝佹垨鍙睍鐜拌壓鏈ぉ鍒嗗拰瀹ゅ唴璁捐鐨勫垱浣滐紝涓鑸槸10-20浠锛屽苟涓斾负姣忎竴涓綔鍝佸啓涓婁竴娈佃鏄庣殑鏂囧瓧銆備綔鍝侀泦瑕佺敤褰╄壊鎵撳嵃锛屼笉瑕佺敤榛戠櫧锛屽浜庡疄闄呯殑璁捐鍥剧焊涓嶈浣跨敤PS缂栬緫銆傞櫎浜嗙焊璐鐨勪綔鍝侀泦浠ュ锛岃繕鏈塁D鍜...
绛旓細tep1纭涓婚锛岀瓫閫変綔鍝 棣栧厛浣犻渶瑕佹槑纭湴鐭ラ亾鎯宠閫氳繃杩欓儴浣滃搧琛ㄨ揪浠涔堟剰鎬濓紝涔熷氨鏄渶瑕佺‘瀹氫綘浣滃搧闆鐨勪富棰樸傞夋嫨浣犺涓鸿嚜宸辨渶濂鐨勪綔鍝锛5-6涓綔鍝佹槸姣旇緝濂界殑瀹归噺锛屼綔鍝佺殑璁捐绫诲瀷灏藉彲鑳界殑澶氭牱涓浜涳紝瑕嗙洊闈㈠箍涓鐐癸紝灞曠ず浣犵殑鍏ㄩ潰鑳藉姏銆倀ep2鏁翠綋鎬т笌缁勭粐瀹夋帓 鏈変簡绱犳潗涔嬪悗锛屽浣曠粍缁囪捣鏉ユ垚涓轰竴鏈唽瀛愬憿锛
绛旓細鑽ｈ幏绗洓灞婇瞾杩呮枃瀛﹀锛2004-2006骞达級鍏ㄥ浗浼樼鏁ｆ枃鏉傛枃濂栵紝杩欐槸瀵瑰叾鍦ㄦ暎鏂囧垱浣滈鍩熸澃鍑鸿础鐚殑鏈楂樿偗瀹氥傛荤殑鏉ヨ锛岄煩灏戝姛绮鹃夐泦涓鐨勪綔鍝涓嶄粎涓板瘜澶氭牱锛岃屼笖鍝佽川涓婁箻锛屾棤璁烘槸鐭瘒銆佷腑绡囪繕鏄暱绡囷紝鏃犺鏄皬璇磋繕鏄暎鏂囷紝閮藉嚌鑱氫簡浣滆呮繁鍘氱殑鑹烘湳鍔熷姏鍜岀嫭鐗圭殑鏂囧瑙佽В锛屾槸璇昏呮帰绱腑鍥芥枃瀛﹀疂搴撶殑涓浠介噸瑕佽祫婧愩
绛旓細姣旇緝濂界殑骞磋交浣滃寰堝,浠ヤ笅鍙槸浠栦滑涓殑涓浜涗郊浣艰.閮戝皬鐞:濂,1980骞寸敓,2001骞存潵涓滆帪鎵撳伐骞跺啓璇,鏈夊绡囪瘲姝屾暎鏂囧彂琛ㄤ簬銆婅瘲鍒娿嬨婂北鑺便嬨婅瘲閫夊垔銆嬨婃槦鏄熴嬨婂ぉ娑嬨婃暎鏂囬夊垔銆嬬瓑鎶ュ垔,浣滃搧澶氭鍏ラ夊勾搴︽渶浣崇瓑閫夋湰,鏇惧弬鍔犵涓夊眾鍏ㄥ浗鏁ｆ枃璇楃瑪浼氥佽瘲鍒婄浜屽崄涓灞婇潚鏄ヨ瘲浼氥2007骞磋幏寰椻滃埄缇*浜烘皯鏂囧濂栤濄備唬琛ㄤ綔:璇楁瓕...
