無(wú)論是做設(shè)計(jì)，還是搞定自己的作品集，總是有基本的規(guī)則可供遵循的，但無(wú)論怎么做，你總得將自己的設(shè)計(jì)，以最吸引人的方式呈現(xiàn)出來(lái)。你可以看書(shū)，可以自己揣摩，也可以向別人學(xué)習(xí)。

而設(shè)計(jì)機(jī)構(gòu)的作品集，是諸多學(xué)習(xí)對(duì)象中，最值得學(xué)習(xí)的一類。毫無(wú)疑問(wèn)，設(shè)計(jì)機(jī)構(gòu)比起絕大多數(shù)的個(gè)人設(shè)計(jì)師更有錢(qián)，有時(shí)間，有資源，來(lái)完成更優(yōu)秀、更高規(guī)格的設(shè)計(jì)作品、產(chǎn)品項(xiàng)目，所以通常情況下，個(gè)人設(shè)計(jì)作品少有能夠匹敵他們的設(shè)計(jì)標(biāo)準(zhǔn)的。絕大多數(shù)的設(shè)計(jì)機(jī)構(gòu)的作品集網(wǎng)站是可望而不可及的——但是它們非常值得學(xué)習(xí)，極其值得參考和揣摩，你可以從中學(xué)習(xí)到作品集相關(guān)基礎(chǔ)知識(shí)，了解優(yōu)秀作品集的設(shè)計(jì)技巧和手法，體會(huì)最新設(shè)計(jì)趨勢(shì)的使用方式。

跟著世界最頂尖的設(shè)計(jì)機(jī)構(gòu)學(xué)習(xí)設(shè)計(jì)總歸是沒(méi)錯(cuò)的。

01. Act Normal?

Act Normal 是一個(gè)斯德哥爾摩的數(shù)字工作室，由Oskar Sundberg 和 Per Stenius 在2015年建立，工作室主要進(jìn)行品牌營(yíng)銷，品牌設(shè)計(jì)和創(chuàng)新。Act Normal 工作室非常喜歡報(bào)紙的標(biāo)題式的設(shè)計(jì)，在他們自己的作品集網(wǎng)站上，也大多使用這種排版模式，結(jié)合動(dòng)效，吸引每一個(gè)點(diǎn)進(jìn)來(lái)的訪客繼續(xù)往下瀏覽。

02. Facility

Facility 的歷史并不悠久，這家設(shè)計(jì)機(jī)構(gòu)成立于去年6月，位于烏克蘭基輔，在不到一年的時(shí)間里，擁有了許多高素質(zhì)的大客戶。對(duì)于在網(wǎng)絡(luò)上展示設(shè)計(jì)作品這件事，F(xiàn)acility 表現(xiàn)的非?？酥?，這可能和他們的合作方有關(guān)系，但是他們所展現(xiàn)出來(lái)的作品也足夠我們學(xué)習(xí)了。Facility 非常擅長(zhǎng)于使用大畫(huà)幅、內(nèi)容豐富的圖片和微妙的滾動(dòng)效果，兩者的結(jié)合能極大的吸引用戶的注意力，但是又不會(huì)讓人覺(jué)得受干擾。

03. Clearleft

Clearleft 是一家位于Brighton的用戶體驗(yàn)咨詢機(jī)構(gòu)，也是目前用戶體驗(yàn)設(shè)計(jì)和網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域最負(fù)盛名的設(shè)計(jì)機(jī)構(gòu)之一。他們的公司網(wǎng)站正在改版中，非常值得期待。

Clearleft 在展示自己作品的時(shí)候，并不是單純的展示視覺(jué)效果，而是用視覺(jué)化的方式呈現(xiàn)整個(gè)項(xiàng)目的設(shè)計(jì)過(guò)程，吸引訪客一步步深入地閱讀下去。他們的設(shè)計(jì)中并不乏華麗的動(dòng)效，但是他們?cè)谡宫F(xiàn)設(shè)計(jì)作品的時(shí)候，更多的是利用堅(jiān)實(shí)的設(shè)計(jì)，讓訪客流連忘返。

04. Maison Carnot

一般說(shuō)來(lái)，視頻和滾動(dòng)特效并不是什么太過(guò)新鮮的東西，而這家來(lái)自法國(guó)巴黎的設(shè)計(jì)機(jī)構(gòu) Maison Carnot 則將這兩者創(chuàng)造性地融入到他們的網(wǎng)站當(dāng)中，創(chuàng)造出引人入勝的視覺(jué)和瀏覽體驗(yàn)。首頁(yè)上展現(xiàn)了9個(gè)不同的項(xiàng)目，向下滾動(dòng)就可以逐個(gè)瀏覽。當(dāng)你滾動(dòng)到某個(gè)項(xiàng)目的位置，開(kāi)始它是靜止的，當(dāng)你選擇停留的時(shí)候，靜態(tài)的界面會(huì)無(wú)縫地過(guò)渡到精心剪輯的短視頻上，整個(gè)體驗(yàn)極其平滑，近乎炫技。

05. Adaptable

Adaptable 是一家位于英國(guó)伯明翰的數(shù)字設(shè)計(jì)工作室，專精于電商和生活方式類的用戶體驗(yàn)設(shè)計(jì)。他們的作品展示頁(yè)采用的是相對(duì)簡(jiǎn)約的布局，但是整體設(shè)計(jì)相當(dāng)?shù)拿烙^整潔，圖片的選取和色彩的使用都非?？季浚Y(jié)合有趣的滾動(dòng)效果，你會(huì)發(fā)現(xiàn) Adaptable 的美學(xué)特質(zhì)非常值得學(xué)習(xí)借鑒。

06. HE WAS BORN

HE WAS BORN 是一個(gè)韓國(guó)設(shè)計(jì)工作室，工作室的業(yè)務(wù)范疇包括網(wǎng)站搭建、動(dòng)態(tài)圖形設(shè)計(jì)、品牌設(shè)計(jì)和移動(dòng)APP設(shè)計(jì)開(kāi)發(fā)。工作室將自家最優(yōu)秀的設(shè)計(jì)項(xiàng)目，列舉在了網(wǎng)站頂端的矩形區(qū)塊內(nèi)，光標(biāo)懸停在某個(gè)區(qū)塊上，會(huì)有特效展現(xiàn)出來(lái)。點(diǎn)擊進(jìn)入，可以看到更多內(nèi)容。

07. WANNA

WANNA 是一個(gè)網(wǎng)站設(shè)計(jì)和開(kāi)發(fā)工作室，位于日本仙臺(tái)縣。你在瀏覽他們的首頁(yè)的時(shí)候會(huì)發(fā)現(xiàn)，這個(gè)工作室在展示方式上非常有意思。當(dāng)你向下瀏覽到不同項(xiàng)目的時(shí)候，首先展現(xiàn)在你面前的并非是每個(gè)項(xiàng)目的主視覺(jué)，而是配色，借用配色來(lái)抓住用戶的注意力是非常有想象力的做法。當(dāng)然，如果你點(diǎn)擊進(jìn)去，會(huì)看到更多相關(guān)的內(nèi)容，

08. Humaan

Humaan 是一家位于澳大利亞屢獲殊榮的設(shè)計(jì)機(jī)構(gòu)，他們專注于網(wǎng)頁(yè)設(shè)計(jì)、移動(dòng)端APP設(shè)計(jì)、電商設(shè)計(jì)以及數(shù)字項(xiàng)目策劃。雖然黑色系背景少見(jiàn)于作品集類網(wǎng)頁(yè)，但是Humaan 無(wú)疑可以輕松駕馭這樣的風(fēng)格，通過(guò)巧妙的布局，讓每個(gè)項(xiàng)目都獨(dú)立地展現(xiàn)出來(lái)，實(shí)際效果拔群。

09. Herokid Studio

Herokid Studio 是一家位于巴塞羅那的設(shè)計(jì)工作室，他們的客戶分布于全世界各地，而 Herokid Studio 為客戶提供的服務(wù)包括創(chuàng)意設(shè)計(jì)、合成藝術(shù)、技術(shù)支持、產(chǎn)品策略等。通過(guò)豐富的色彩組合、多樣的柵格布局和漂亮的動(dòng)畫(huà)視頻，Herokid Studio 將設(shè)計(jì)的最前沿展現(xiàn)在網(wǎng)站訪客面前。

10. Creatlive Studios

Creatlive Studios 是一家位于印度海德拉巴 的多學(xué)科設(shè)計(jì)機(jī)構(gòu)，雖然他們的網(wǎng)站的布局并不是太特殊，但是在配色和產(chǎn)品設(shè)計(jì)上頗有獨(dú)到之處。這家機(jī)構(gòu)的品牌色是黃色，產(chǎn)品展示頁(yè)的設(shè)計(jì)在黃色的點(diǎn)綴下顯得新鮮、年輕且充滿活力。

【2017年的設(shè)計(jì)趨勢(shì)都在這里】

1. 《作為8年DRIBBBLE粉，和設(shè)計(jì)師聊聊未來(lái)的視覺(jué)趨勢(shì)》
2. 《PS教程！教你打造2017年最受歡迎的漸變幻彩風(fēng)格》
3. 《趨勢(shì)搶先知！2017年設(shè)計(jì)師都在討論的服務(wù)設(shè)計(jì)到底是什么？》
4. 《2017年，這5個(gè)網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格可能會(huì)成為主流趨勢(shì)》

原文地址：creativebloq
原文作者：Tom May
優(yōu)設(shè)譯文：@陳子木

本文由優(yōu)設(shè)網(wǎng)原創(chuàng)翻譯，請(qǐng)尊重版權(quán)和譯者成果，轉(zhuǎn)摘請(qǐng)附上優(yōu)設(shè)鏈接，違者必究。謝謝各位編輯同仁配合。

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：yuan@uisdc.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書(shū)：史上最全的設(shè)計(jì)師圖書(shū)導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量180萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com