|
作家寫書,，歌手出唱片，人們選擇各種方式呈現(xiàn)最佳的自己,。對(duì)于UI/UX設(shè)計(jì)師而言,，我想，一個(gè)設(shè)計(jì)精美的個(gè)人網(wǎng)站,，一定會(huì)是一種相當(dāng)不錯(cuò)的方式,。無論你是想要展示自己的設(shè)計(jì)作品，還是分享自己的設(shè)計(jì)經(jīng)驗(yàn)和理念,，還是吸引互動(dòng)增加靈感,，還是渴望獲得一份更好的工作，一個(gè)能充分展示你設(shè)計(jì)才能的個(gè)人網(wǎng)站,，一定能夠讓人更好的了解你,，并且記住你。 在加入Mockplus 團(tuán)隊(duì)之后，我開始真正接觸設(shè)計(jì),，為了得到更多的設(shè)計(jì)靈感,，持續(xù)搜集了一些國外優(yōu)秀設(shè)計(jì)師的個(gè)人網(wǎng)站。這些網(wǎng)站呈現(xiàn)不同風(fēng)格,，并且具有不同的價(jià)值,，是設(shè)計(jì)師自我展示的自由呈現(xiàn)。通常來講,，個(gè)人網(wǎng)站的類別包含以下幾種： 1. 簡歷型個(gè)人網(wǎng)站 - 優(yōu)化傳統(tǒng)簡歷,，更好的呈現(xiàn)自己的作品和技能，找到更好的工作,； 2. 作品展示型個(gè)人網(wǎng)站 - 類似于Dribbble和Behance等平臺(tái),，設(shè)計(jì)師展示個(gè)人作品，但個(gè)人網(wǎng)站主動(dòng)性和功能性更強(qiáng) 更豐富,； 3. Blog風(fēng)格的個(gè)人網(wǎng)站 - 設(shè)計(jì)師分享自己的設(shè)計(jì)理念和想法,，交換信息，吸引粉絲和關(guān)注,； 4. 個(gè)人品牌推廣型個(gè)人網(wǎng)站 - 認(rèn)識(shí)和了解設(shè)計(jì)師的最佳門戶,； 5. Online shop型的個(gè)人網(wǎng)站 - 此類個(gè)人網(wǎng)站會(huì)有商業(yè)用途； 以及其他,。 通常,，設(shè)計(jì)師的個(gè)人網(wǎng)站具有一種或多種用途，比如blog和作品集的結(jié)合,，簡歷和作品的結(jié)合,，一下的17個(gè)范例中，我將標(biāo)注每個(gè)個(gè)人網(wǎng)站的類型,，大家可以根據(jù)需要好好研究,。希望能對(duì)您的個(gè)人網(wǎng)站設(shè)計(jì)帶來靈感。 1) Devon Stank 適用類型：簡歷,，作品集,，博客 簡單明了的首屏，黑色背景色先高雅穩(wěn)重,； Stank的設(shè)計(jì)技能和他的個(gè)性完美融合,，呈現(xiàn)給人一個(gè)清晰的設(shè)計(jì)師形象； 博客的設(shè)計(jì)是亮點(diǎn),。  適用類型：簡歷 典型的簡歷型個(gè)人網(wǎng)站,，與標(biāo)準(zhǔn)的簡歷文檔不同，Sheng的網(wǎng)站包含各類可點(diǎn)擊的鏈接和按鈕,，從而更好的呈現(xiàn)他的軟件工程和網(wǎng)頁開發(fā)技能,。想要摒棄傳統(tǒng)紙質(zhì)簡歷開拓創(chuàng)新的設(shè)計(jì)師朋友們,，一定不容錯(cuò)過。  適用類型：簡歷,，作品集 作品集展示和設(shè)計(jì)理念的完美看結(jié)合,，“提供創(chuàng)意設(shè)計(jì)解決方案來解決業(yè)務(wù)問題是我最擅長的?！?/p> 配色選取網(wǎng)頁安全色藍(lán)色,。 首屏文本排版的對(duì)比和層次符合網(wǎng)頁文本排版規(guī)范。 UI色彩采用經(jīng)典藍(lán)白,。  4)Thalida 適用類型：簡歷 這是一位高級(jí)軟件工程師的個(gè)人網(wǎng)站,。 用黃色亮點(diǎn)和綠色laingdian點(diǎn)綴單一文字，很有創(chuàng)意,，像在屏幕上涂鴉。 色彩對(duì)比鮮明活潑,。 頁面一分為二,，左側(cè)歡迎界面固定，右側(cè)可滾動(dòng)查看作品已經(jīng)工作經(jīng)歷,，動(dòng)靜結(jié)合,。  適用類型：簡歷 Nik Papic是Nik.org的設(shè)計(jì)師，開發(fā)人員,。 單一暖色調(diào)背景色,，網(wǎng)站看上去相當(dāng)干凈，協(xié)調(diào),。 Story-telling 的方式講述工作經(jīng)歷,。  適用類型：博客 Miss Thrift是英國最受歡迎的博客之一，這個(gè)博客的偉大之處在于品牌的對(duì)話風(fēng)格和真正的人物的參與,。 創(chuàng)始人是以為懷孕母親,。  7)Osvaldas 適用類型：博客，作品集,，商業(yè) Osvaldas Valutis是一位網(wǎng)頁設(shè)計(jì)師,。他自2003年以來一直在做網(wǎng)站。他的個(gè)人網(wǎng)站設(shè)計(jì),，包括一個(gè)博客,，網(wǎng)上商店和 他的作品。配色方案很好,，柔軟,，淺綠色感覺像大自然。  適用類型：博客 這個(gè)個(gè)人網(wǎng)站像是設(shè)計(jì)師Tobias Reich的咖啡品鑒雜志,。布局靈活,，頁面精美,。很多人在這里訂購和品嘗咖啡。是個(gè)非常成功的商業(yè)性個(gè)人網(wǎng)站,。  適用類型：博客,，商業(yè) 這是關(guān)于品牌和營銷的熱門博客，旨在幫助創(chuàng)意企業(yè)家構(gòu)建夢(mèng)想的業(yè)務(wù),。該博客的創(chuàng)始人是一個(gè)品牌營銷策略師,， 目前取得了巨大成功。  適用類型：博客 這是一個(gè)旅游主題的博客,，訪問者不僅可以輕松訪問博客內(nèi)部,，還可以通過鏈接輕松探索博客以外的部分。 配色溫暖,，中性的,，沒有過多的雜亂。 記錄關(guān)于旅行過程中的故事,。  11)Brett 適用類型：作品集,，個(gè)人品牌 Brett是一位專門從事創(chuàng)作軟件產(chǎn)品的設(shè)計(jì)師，開發(fā)人員和創(chuàng)意總監(jiān),。 首屏是白紙黑字的純文本介紹,； 下拉會(huì)有一個(gè)精彩的視頻，包含了其精彩的設(shè)計(jì)作品,； 首屏和頁末風(fēng)格對(duì)比鮮明,。  12)Vtcreative 適用類型：作品集，個(gè)人品牌 Vincent Tantardini是法國UI / UX設(shè)計(jì)師,。 單頁的個(gè)人網(wǎng)站,，風(fēng)格簡潔。 全部為黑白色系搭配,，但動(dòng)態(tài)元素的加入有所點(diǎn)綴,，不顯沉悶。 13)Matinux 適用類型：博客,，作品集,，簡歷 Matin是加拿大的UX設(shè)計(jì)師。他喜歡在每個(gè)主題上都有各種各樣的展示,； 綠色背景,，顯得柔和； 動(dòng)畫推入介紹作品和經(jīng)歷,，具有互動(dòng)性,。 14)Dave Gamache 適用類型：個(gè)人品牌 Dave Gamache是之前Twitter＆Medium的設(shè)計(jì)師。 色彩對(duì)比強(qiáng)烈但很和諧,； 單頁個(gè)人網(wǎng)站,； Call to actiona鏈接到各種不同的媒體平臺(tái),。 15)Sacha Greif 適用類型：個(gè)人品牌，博客,，作品集 Sacha Greif是一名設(shè)計(jì)師,，開發(fā)人員和企業(yè)家。目前住在日本的大阪,。 他的歡迎語是Say hello, or keep scrolling,。 入股選擇say hello，可以通過郵箱界面; 滾動(dòng)頁面會(huì)看到他各個(gè)板塊,，使 用不同的配色方案來展示作品,，工作經(jīng)歷，成就,，技能,。 非常具有動(dòng)感和互動(dòng)性。 16)Nicole Saidy 適用類型：個(gè)人推廣 Singe Page網(wǎng)站具有可愛的移動(dòng)背景效果和Behance Feed作為他的作品集的展示部分,。 別具一格的是設(shè)置有課程,。 博客也是不錯(cuò)的展示。 適用類型：博客 這個(gè)個(gè)人網(wǎng)站記錄了作者的一系列咖啡會(huì)議,。 特別之處在于不適用簡單的文字，而是使用攝影和視覺效果來幫助告訴她漫長的故事,。 希望這些優(yōu)秀的設(shè)計(jì)案例能給你帶來全新的靈感,。如今，因?yàn)楦鞣N各樣的website builder,，比如強(qiáng)大的Wordpress,，還有Wix，stringkly等等,，往往不需要花費(fèi)過多的精力就可以自己創(chuàng)建,，甚至不用一行代碼，就連UI也有付費(fèi)和免費(fèi)的主題可以一鍵搞定,。但是如果想要擁有獨(dú)一無二的個(gè)人網(wǎng)站,，設(shè)計(jì)師只有去真正的進(jìn)行創(chuàng)作和設(shè)計(jì)。 你需要好的設(shè)計(jì)靈感,，一點(diǎn)一點(diǎn)打造,，這里推薦您使用國內(nèi)最好的原型設(shè)計(jì)工具M(jìn)ockplus 進(jìn)行初步構(gòu)思，把界面和元素進(jìn)行整合排版,，并且搭建相應(yīng)的交互,。最大的優(yōu)點(diǎn)是你可以在網(wǎng)頁進(jìn)行HTML演示，在線查看您的構(gòu)思是否合理,，設(shè)計(jì)是否美觀,，這對(duì)后期的設(shè)計(jì)和開發(fā)都將大有裨益,。 |
|
|
