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