文章開頭：本文是Mockplus團隊老師發(fā)表在產(chǎn)品壹佰的文章（http://www.chanpin100.com/article/105550 ）轉(zhuǎn)載文章僅供大家習寨腔，不作任何商業(yè)用途。
作家寫書倚搬，歌手出唱片乾蛤，人們選擇各種方式呈現(xiàn)最佳的自己。對于UI/UX設(shè)計師而言眨层，一個設(shè)計精美的個人網(wǎng)站趴樱，一定會是一種相當不錯的方式酪捡。
作家寫書，歌手出唱片捺疼，人們選擇各種方式呈現(xiàn)最佳的自己帅涂。對于UI/UX設(shè)計師而言尤蛮，我想，一個設(shè)計精美的個人網(wǎng)站醇锚，一定會是一種相當不錯的方式焊唬。無論你是想要展示自己的設(shè)計作品看靠，還是分享自己的設(shè)計經(jīng)驗和理念，還是吸引互動增加靈感挟炬，還是渴望獲得一份更好的工作，一個能充分展示你設(shè)計才能的個人網(wǎng)站婿滓，一定能夠讓人更好的了解你凸主，并且記住你。為了得到更多的設(shè)計靈感旁舰，持續(xù)搜集了一些國外優(yōu)秀設(shè)計師的個人網(wǎng)站但两。這些網(wǎng)站呈現(xiàn)不同風格谨湘，并且具有不同的價值，是設(shè)計師自我展示的自由呈現(xiàn)坊罢。通常來講擅耽，個人網(wǎng)站的類別包含以下幾種：
1. 簡歷型個人網(wǎng)站 - 優(yōu)化傳統(tǒng)簡歷乖仇，更好的呈現(xiàn)自己的作品和技能，找到更好的工作起趾；
2. 作品展示型個人網(wǎng)站 - 類似于Dribbble和Behance等平臺训裆，設(shè)計師展示個人作品蜀铲，但個人網(wǎng)站主動性和功能性更強 ? ? ? 更豐富记劝；
3. Blog風格的個人網(wǎng)站 - 設(shè)計師分享自己的設(shè)計理念和想法，交換信息定欧，吸引粉絲和關(guān)注；
4. 個人品牌推廣型個人網(wǎng)站 - 認識和了解設(shè)計師的最佳門戶；
5. Online shop型的個人網(wǎng)站 - 此類個人網(wǎng)站會有商業(yè)用途睦番；
以及其他耍属。
通常厚骗，設(shè)計師的個人網(wǎng)站具有一種或多種用途，比如blog和作品集的結(jié)合夫嗓，簡歷和作品的結(jié)合舍咖，以下的17個范例中锉桑，我將標注每個個人網(wǎng)站的類型民轴，大家可以根據(jù)需要好好研究。希望能對您的個人網(wǎng)站設(shè)計帶來靈感瑰钮。
1) Devon Stank
適用類型：簡歷轻抱，作品集祈搜，博客
簡單明了的首屏，黑色背景色先高雅穩(wěn)重梁呈；
Stank的設(shè)計技能和他的個性完美融合官卡，呈現(xiàn)給人一個清晰的設(shè)計師形象；
博客的設(shè)計是亮點哮翘。
2)Gary Sheng
適用類型：簡歷
典型的簡歷型個人網(wǎng)站饭寺，與標準的簡歷文檔不同叫挟，Sheng的網(wǎng)站包含各類可點擊的鏈接和按鈕抹恳，從而更好的呈現(xiàn)他的軟件工程和網(wǎng)頁開發(fā)技能。想要摒棄傳統(tǒng)紙質(zhì)簡歷開拓創(chuàng)新的設(shè)計師朋友們健霹，一定不容錯過骤公。
3)JESSDESIGNTAN
適用類型：簡歷阶捆，作品集
作品集展示和設(shè)計理念的完美看結(jié)合钦听，“提供創(chuàng)意設(shè)計解決方案來解決業(yè)務(wù)問題是我最擅長的朴上。”
配色選取網(wǎng)頁安全色藍色叼架。
首屏文本排版的對比和層次符合網(wǎng)頁文本排版規(guī)范衣撬。
UI色彩采用經(jīng)典藍白具练。
4)Thalida
適用類型：簡歷
這是一位高級軟件工程師的個人網(wǎng)站扛点。
用黃色亮點和綠色laingdian點綴單一文字岂丘，很有創(chuàng)意奥帘，像在屏幕上涂鴉翩概。
色彩對比鮮明活潑返咱。
頁面一分為二咖摹，左側(cè)歡迎界面固定难述，右側(cè)可滾動查看作品已經(jīng)工作經(jīng)歷胁后，動靜結(jié)合。
5)Nik Papic
適用類型：簡歷
Nik Papic是Nik.org的設(shè)計師屯断，開發(fā)人員殖演。
單一暖色調(diào)背景色年鸳，網(wǎng)站看上去相當干凈搔确，協(xié)調(diào)膳算。
Story-telling 的方式講述工作經(jīng)歷。
6)Miss thrifty
適用類型：博客
Miss Thrift是英國最受歡迎的博客之一坎吻，這個博客的偉大之處在于品牌的對話風格和真正的人物的參與瘦真。
創(chuàng)始人是以為懷孕母親。
7)Osvaldas
適用類型：博客，作品集穿肄，商業(yè)
Osvaldas Valutis是一位網(wǎng)頁設(shè)計師际看。他自2003年以來一直在做網(wǎng)站仲闽。他的個人網(wǎng)站設(shè)計，包括一個博客屑彻，網(wǎng)上商店和 ?他的作品社牲。配色方案很好悴了，柔軟湃交，淺綠色感覺像大自然。
8)Coffee Table
適用類型：博客
這個個人網(wǎng)站像是設(shè)計師Tobias Reich的咖啡品鑒雜志。布局靈活腮敌，頁面精美糜工。很多人在這里訂購和品嘗咖啡。是個非常成功的商業(yè)性個人網(wǎng)站油坝。
9)Jasmine Star
適用類型：博客澈圈，商業(yè)
這是關(guān)于品牌和營銷的熱門博客瞬女，旨在幫助創(chuàng)意企業(yè)家構(gòu)建夢想的業(yè)務(wù)。該博客的創(chuàng)始人是一個品牌營銷策略師坤学， ?目前取得了巨大成功深浮。
10)Everywhereist
適用類型：博客
這是一個旅游主題的博客飞苇，訪問者不僅可以輕松訪問博客內(nèi)部洋闽，還可以通過鏈接輕松探索博客以外的部分诫舅。
配色溫暖刊懈，中性的娃闲，沒有過多的雜亂皇帮。
記錄關(guān)于旅行過程中的故事。
11)Brett
適用類型：作品集，個人品牌
Brett是一位專門從事創(chuàng)作軟件產(chǎn)品的設(shè)計師尊浓，開發(fā)人員和創(chuàng)意總監(jiān)纯衍。
首屏是白紙黑字的純文本介紹；
下拉會有一個精彩的視頻基协，包含了其精彩的設(shè)計作品谷丸；
首屏和頁末風格對比鮮明刨疼。
12)Vtcreative
適用類型：作品集揩慕，個人品牌
Vincent Tantardini是法國UI / UX設(shè)計師迎卤。
單頁的個人網(wǎng)站，風格簡潔劲藐。
全部為黑白色系搭配聘芜，但動態(tài)元素的加入有所點綴缝龄，不顯沉悶叔壤。
13)Matinux
適用類型：博客炼绘，作品集，簡歷
Matin是加拿大的UX設(shè)計師仗哨。他喜歡在每個主題上都有各種各樣的展示厌漂；
綠色背景苇倡，顯得柔和；
動畫推入介紹作品和經(jīng)歷晓褪，具有互動性综慎。
14)Dave Gamache
適用類型：個人品牌
Dave Gamache是之前Twitter＆Medium的設(shè)計師涣仿。
色彩對比強烈但很和諧；
單頁個人網(wǎng)站示惊；
Call to actiona鏈接到各種不同的媒體平臺好港。
15)Sacha Greif
適用類型：個人品牌，博客米罚，作品集
Sacha Greif是一名設(shè)計師钧汹，開發(fā)人員和企業(yè)家。目前住在日本的大阪录择。
他的歡迎語是Say hello, or keep scrolling。 入股選擇say hello隘竭，可以通過郵箱界面; 滾動頁面會看到他各個板塊塘秦，使 用不同的配色方案來展示作品，工作經(jīng)歷动看，成就尊剔，技能。
非常具有動感和互動性弧圆。
16)Nicole Saidy
適用類型：個人推廣
Singe Page網(wǎng)站具有可愛的移動背景效果和Behance Feed作為他的作品集的展示部分赋兵。
別具一格的是設(shè)置有課程笔咽。
博客也是不錯的展示搔预。
17)Fifty Coffees
適用類型：博客
這個個人網(wǎng)站記錄了作者的一系列咖啡會議。
特別之處在于不適用簡單的文字叶组，而是使用攝影和視覺效果來幫助告訴她漫長的故事拯田。
希望這些優(yōu)秀的設(shè)計案例能給你帶來全新的靈感。如今甩十，因為各種各樣的website builder船庇，比如強大的Wordpress，還有Wix侣监，stringkly等等鸭轮，往往不需要花費過多的精力就可以自己創(chuàng)建，甚至不用一行代碼橄霉，就連UI也有付費和免費的主題可以一鍵搞定窃爷。但是如果想要擁有獨一無二的個人網(wǎng)站，設(shè)計師只有去真正的進行創(chuàng)作和設(shè)計。
文章結(jié)尾：再次申明所有轉(zhuǎn)載文章僅供學習按厘，感謝Mockplus團隊老師的分享医吊，如果喜歡我們的文章點關(guān)注??吧！比心呦逮京！
