打造設(shè)計(jì)師的“第二張臉”：25個(gè)精選作品集網(wǎng)站賞析”

時(shí)間：2023-09-03 17:36:02 | 來源：網(wǎng)站運(yùn)營

時(shí)間：2023-09-03 17:36:02 來源：網(wǎng)站運(yùn)營

打造設(shè)計(jì)師的“第二張臉”：25個(gè)精選作品集網(wǎng)站賞析”：對于設(shè)計(jì)師來說，作品集不只是實(shí)力的最好證明，更是求職時(shí)的金牌敲門磚。一份集特色、美觀、實(shí)用于一體的作品集，往往能在設(shè)計(jì)師求職過程中發(fā)揮重要的作用。如今，越來越多的設(shè)計(jì)師選擇將作品集放在線上，以個(gè)人網(wǎng)站的形式展示。那么如何做出一個(gè)好的個(gè)人作品集網(wǎng)站呢？別著急，小摹為大家精選了25個(gè)優(yōu)秀的作品集網(wǎng)站，一定能讓你靈感爆表。


1.Charlie Waite

Charlie Waite 目前就職于 Uber ，曾擔(dān)任 GoPro 的UX總監(jiān)和 Focus Lab 的互動總監(jiān)。Charlie Waite 在個(gè)人網(wǎng)站的首頁表明了自己的身份是“設(shè)計(jì)師、思想家、丈夫&父親”，除了工作之外，也展示了生活對他的重要性。因此 Charlie Waite 的網(wǎng)站也采用的溫暖的配色方案，作品采用了背景圖拼接的方式展示，左右滑動可以查看更多內(nèi)容。






2.Circularchaos

來自倫敦的自由產(chǎn)品設(shè)計(jì)師 Balraj ，從事設(shè)計(jì)工作已有8年以上，積累了豐富的設(shè)計(jì)經(jīng)驗(yàn)。Balraj 認(rèn)為自己是一個(gè)“狂熱的夢想家”，因此在設(shè)計(jì)上也喜歡使用熱情飽滿的顏色。在設(shè)計(jì)個(gè)人網(wǎng)站時(shí)，使用了黑色背景來突出自己的設(shè)計(jì)。






3.Bady.co

Bady 是一位來自新加坡的UI設(shè)計(jì)師，他熱愛設(shè)計(jì)，認(rèn)為設(shè)計(jì)是解決人類問題的最好方法。Bady 在設(shè)計(jì)作品集網(wǎng)站時(shí)，采用了大量的留白，界面干凈而舒適。此外，網(wǎng)站還增設(shè)了一個(gè)日志欄目，來記錄自己的設(shè)計(jì)靈感。






4.Markwheeler

Mark 是一位專注于用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)和UI設(shè)計(jì)的資深設(shè)計(jì)師，目前就職于微軟。Mark的作品兼具了創(chuàng)意與實(shí)用性，在設(shè)計(jì)作品集網(wǎng)站時(shí)，也采用了整屏鋪陳作品的方式來展示，沒有多余的信息。






5.Tangerine Industries

Tangerine Industries 是設(shè)計(jì)師 Corey Snyder 的個(gè)人作品集。Corey Snyder 非常有名，曾獲得包括艾美獎在內(nèi)的多個(gè)獎項(xiàng)。他的作品集網(wǎng)站最大的特色是采用了水平滾動的方式來展示，有點(diǎn)類似于查看幻燈片的感覺。






6.Dan Shin
Dan Shin 來自紐約，在交互方面有著豐富的經(jīng)驗(yàn)。他的作品集網(wǎng)站主要由3個(gè)部分組成：首頁、項(xiàng)目列表和作品展示，首頁大圖和超大號文字形成了強(qiáng)烈的對比，整體布局簡潔合理。此外，Shin 還采用了視差滾動設(shè)計(jì)，來讓自己的網(wǎng)站更加豐富有趣。






7.Beta Takaki

溫哥華高級產(chǎn)品設(shè)計(jì)師 Beta 對設(shè)計(jì)充滿了熱情，喜歡創(chuàng)造令人愉悅且具有意義的產(chǎn)品，來兼顧用戶的需求和作品的業(yè)務(wù)目標(biāo)。Beta 的網(wǎng)站風(fēng)格典雅，主要分為UX案例研究和UI設(shè)計(jì)兩部分，UI設(shè)計(jì)作品可自由查看，UX案例研究則需要單獨(dú)輸入密碼。






8.Dine hq

Dine 是一家位于杭州的創(chuàng)意設(shè)計(jì)工作室，這個(gè)網(wǎng)站則匯集了該工作室所有設(shè)計(jì)師的作品。Dine 在早期專門從事創(chuàng)業(yè)公司的產(chǎn)品設(shè)計(jì)，如今，Dine 已經(jīng)創(chuàng)建了許多優(yōu)秀的作品，同樣，這個(gè)交互流暢，排版精煉的作品集網(wǎng)站也是 Dine 的作品之一。






9.Bryan Medway

Bryan Medway是一位擁有超過17年設(shè)計(jì)經(jīng)驗(yàn)的創(chuàng)意總監(jiān)，用色大膽，喜歡使用紅色的背景或按鈕顏色。他認(rèn)為紅色可以很好地引起用戶注意，并影響用戶的情緒和下一步動作。這一點(diǎn)在他的作品集網(wǎng)站中，也有所體現(xiàn)。






10.Jermshaw

Jeremiah Shaw 是一位致力于3D插畫、動畫、UI設(shè)計(jì)和品牌設(shè)計(jì)的設(shè)計(jì)師，目前在Google工作。Jeremiah Shaw 的作品集網(wǎng)站，采用了深色背景，3D幾何圖形漂浮在背景中，導(dǎo)航和個(gè)人介紹則采用了與背景色對比強(qiáng)烈的白色線形文字，極具特色和藝術(shù)感。






11.Chris Kirknielsen

Christopher Kirk-Nielsen 是一名設(shè)計(jì)師出身的開發(fā)人員，專注于動態(tài)網(wǎng)站設(shè)計(jì)。Chris 的個(gè)人網(wǎng)站融合了他對版式設(shè)計(jì)、色彩、構(gòu)圖和動畫的研究，風(fēng)格復(fù)古，有種在觀看90年代科幻大片開頭部分的感覺。






12.By Matt Lee

UX設(shè)計(jì)師 Matt Lee 幫助品牌打造創(chuàng)意十足的解決方案。他的創(chuàng)意在他的個(gè)人網(wǎng)站中同樣有所體現(xiàn)。黑色系的個(gè)人網(wǎng)站中，暗含著像素元素，字體及LOGO也進(jìn)行了不同層次的灰度處理，配合流暢的交互效果，給人眼前一亮的感覺。






13.Malte Gruhl

自由設(shè)計(jì)師 Malte Gruhl 的網(wǎng)站和他的名字一樣，充滿了奇妙的色彩。黑色背景+白色動態(tài)元素，看似簡約，卻有不能用“簡約”來形容他的設(shè)計(jì)特點(diǎn)。漂浮的介紹窗口、hover后的顏色切換、意義不明的白色線條……無一不彰顯出這個(gè)網(wǎng)站“迷幻”的設(shè)計(jì)精髓。






14.Ben Bate

來自英國的產(chǎn)品設(shè)計(jì)師Ben，從事設(shè)計(jì)行業(yè)已有數(shù)十年。Ben為初創(chuàng)公司或老牌公司提供產(chǎn)品設(shè)計(jì)服務(wù)，來改善其產(chǎn)品的易用性。具體工作包含了線框和原型制作、界面設(shè)計(jì)以及前端開發(fā)等。Ben的個(gè)人網(wǎng)站以文字內(nèi)容為主，首屏設(shè)計(jì)了大量留白，保持了極簡的設(shè)計(jì)風(fēng)格，也提升了用戶的閱讀體驗(yàn)。






15.Booreiland.amsterdam

Simon Ammann 在設(shè)計(jì)網(wǎng)站時(shí)，采用了一種反常規(guī)、反套路的模式。網(wǎng)站使用了大量的留白和少量的文字，看起來非常干凈。而作為頁面中唯一的元素，這些文字信息反而顯得更加突出，且別具特色。






16.Timothyachumba

《 Interface Lovers》是一本面向?qū)I(yè)人士的在線雜志，其設(shè)計(jì)師 Timothy Achumba 所創(chuàng)建的網(wǎng)站，目標(biāo)和雜志一樣，都是為了給用戶打造一個(gè)專注于瀏覽和閱讀體驗(yàn)的環(huán)境。因此這個(gè)網(wǎng)站無論是設(shè)計(jì)風(fēng)格還是配色，都滲透著熟悉又現(xiàn)代的感覺。






17.Latinmedios

這個(gè)名為Latin Medios 的設(shè)計(jì)機(jī)構(gòu)，整個(gè)網(wǎng)站的設(shè)計(jì)都充滿了復(fù)古的感覺?？此屏鑱y的元素、古早的界面，配合視差滾動效果，反而讓網(wǎng)站擁有了更多的記憶點(diǎn)。






18.Dries Van Broeck

動效設(shè)計(jì)師 Dries Van Broeck 在個(gè)人網(wǎng)站中融入了各種充滿心機(jī)的小設(shè)計(jì)，循環(huán)播放的作品集封面圖，可以瞬間抓住訪客的眼睛。精美的布局排版和令人舒適的配色方案，都是網(wǎng)站的加分項(xiàng)。






19.George Hastings

產(chǎn)品設(shè)計(jì)師 George Hastings 喜歡在界面設(shè)計(jì)中隱藏一些不經(jīng)意的視覺交互效果，來激發(fā)用戶的興趣。首頁除了風(fēng)趣的自我介紹以外，還展示了三個(gè)不同類型的案例介紹，可以直觀了解到他的設(shè)計(jì)風(fēng)格。






20.Anakin.co

Anakin 是一家設(shè)計(jì)工作室，在品牌推廣和界面設(shè)計(jì)方面都擁有非常豐富的經(jīng)驗(yàn)。Anakin的客戶主要以品牌方、代理機(jī)構(gòu)或政府為主，所以在設(shè)計(jì)上除了簡潔，保持典雅的設(shè)計(jì)風(fēng)格也是他們的設(shè)計(jì)目標(biāo)之一。






21.Mrcthms

Marc Thomas 的作品集網(wǎng)站設(shè)計(jì)，在標(biāo)題中采用了“問候”式的文案，創(chuàng)造了一種同訪客互動和對話的感覺，拉近了彼此的距離。首頁背景使用了紅綠拼接，活潑的顏色，加上細(xì)節(jié)的處理，顯得俏皮而又不失分寸。





22.Derek Boateng

Derek Boateng 擁有15年的創(chuàng)意策劃與品牌推廣經(jīng)驗(yàn)，擅長通過樹立品牌特性來推動增長。在設(shè)計(jì)個(gè)人作品集網(wǎng)站時(shí)，也采用了獨(dú)特的配色方案，讓人眼前一亮。






23.Lisher

Oli Lisher 除了網(wǎng)站設(shè)計(jì)外，也擅長平面設(shè)計(jì)，插畫也是他的拿手好活之一。他的作品集網(wǎng)站，使用了大量插畫元素，用插畫來隱喻他們像客戶提供的各種服務(wù)。






24.Studio Thomas

Studio Thomas 是一個(gè)設(shè)計(jì)工作室網(wǎng)站，網(wǎng)站在保持整體的簡約設(shè)計(jì)風(fēng)格外，還融入了一些有趣的動效。首屏的巨大色塊，會隨著鼠標(biāo)的移動而移動，別出心裁又不影響使用。通過這樣大膽的設(shè)計(jì)，可以更快給訪客留下深刻的印象。





25.Bepatrickdavid

意大利設(shè)計(jì)師 Bepatrickdavid 的作品集網(wǎng)站，采用了hover展示的效果，既不占用版面，又能很好地展示作品。網(wǎng)站交互流暢，在底部導(dǎo)航中，還可以切換到彩色模式，切換后，頁面部分文字會變成橙色，讓黑白網(wǎng)頁瞬間活潑起來。






小結(jié)

好的作品集可以體現(xiàn)出設(shè)計(jì)師良好的設(shè)計(jì)思維和能力，因此作品集也被稱為設(shè)計(jì)師的“第二張臉”。以上介紹的25個(gè)作品集網(wǎng)站，除了展示設(shè)計(jì)師的設(shè)計(jì)能力，還融合了獨(dú)特的創(chuàng)意，值得我們學(xué)習(xí)。如果想要搭建屬于自己的作品集網(wǎng)站，先在摹客這樣的專業(yè)原型設(shè)計(jì)平臺繪制原型，驗(yàn)證想法，再進(jìn)行設(shè)計(jì)和開發(fā)，是一個(gè)不錯的選擇。