老外的我的網站原來是這樣設計的：17個最佳範例給你靈感

做家寫書，歌手出唱片，人們選擇各類方式呈現最佳的本身。對於UI/UX設計師而言，我想，一個設計精美的我的網站，必定會是一種至關不錯的方式。不管你是想要展現本身的設計做品，仍是分享本身的設計經驗和理念，仍是吸引互動增長靈感，仍是渴望得到一份更好的工做，一個能充分展現你設計才能的我的網站，必定可以讓人更好的瞭解你，而且記住你。

在加入Mockplus 團隊以後，我開始真正接觸設計，爲了獲得更多的設計靈感，持續蒐集了一些國外優秀設計師的我的網站。這些網站呈現不一樣風格，而且具備不一樣的價值，是設計師自我展現的自由呈現。一般來說，我的網站的類別包含如下幾種：

1. 簡歷型我的網站 - 優化傳統簡歷，更好的呈現本身的做品和技能，找到更好的工做；

2. 做品展現型我的網站 - 相似於Dribbble和Behance等平臺，設計師展現我的做品，但我的網站主動性和功能性更強       更豐富；

3. Blog風格的我的網站 - 設計師分享本身的設計理念和想法，交換信息，吸引粉絲和關注；

4. 我的品牌推廣型我的網站 - 認識和了解設計師的最佳門戶；

5. Online shop型的我的網站 - 此類我的網站會有商業用途；

以及其餘。

一般，設計師的我的網站具備一種或多種用途，好比blog和做品集的結合，簡歷和做品的結合，一下的17個範例中，我將標註每一個我的網站的類型，你們能夠根據須要好好研究。但願能對您的我的網站設計帶來靈感。

1) Devon Stank

適用類型：簡歷，做品集，博客

簡單明瞭的首屏，黑色背景色先高雅穩重；

Stank的設計技能和他的個性完美融合，呈現給人一個清晰的設計師形象；

博客的設計是亮點。

 

 

 

2)Gary Sheng

適用類型：簡歷

典型的簡歷型我的網站，與標準的簡歷文檔不一樣，Sheng的網站包含各種可點擊的連接和按鈕，從而更好的呈現他的軟件工程和網頁開發技能。想要摒棄傳統紙質簡歷開拓創新的設計師朋友們，必定不容錯過。

 

 

 

3)JESSDESIGNTAN

適用類型：簡歷，做品集

做品集展現和設計理念的完美看結合，「提供創意設計解決方案來解決業務問題是我最擅長的。」

配色選取網頁安全色藍色。

首屏文本排版的對比和層次符合網頁文本排版規範。

UI色彩採用經典藍白。

 

 

 

4)Thalida

適用類型：簡歷

這是一位高級軟件工程師的我的網站。

用黃色亮點和綠色laingdian點綴單一文字，頗有創意，像在屏幕上塗鴉。

色彩對比鮮明活潑。

頁面一分爲二，左側歡迎界面固定，右側可滾動查看做品已經工做經歷，動靜結合。

 

 

 

5)Nik Papic

適用類型：簡歷

Nik Papic是Nik.org的設計師，開發人員。

單一暖色調背景色，網站看上去至關乾淨，協調。

Story-telling 的方式講述工做經歷。

 

 

 

6)Miss thrifty

適用類型：博客

Miss Thrift是英國最受歡迎的博客之一，這個博客的偉大之處在於品牌的對話風格和真正的人物的參與。

創始人是覺得懷孕母親。

 

 

 

7)Osvaldas

適用類型：博客，做品集，商業

Osvaldas Valutis是一位網頁設計師。他自2003年以來一直在作網站。他的我的網站設計，包括一個博客，網上商店和  他的做品。配色方案很好，柔軟，淺綠色感受像大天然。

 

 

 

8)Coffee Table

適用類型：博客

這個我的網站像是設計師Tobias Reich的咖啡品鑑雜誌。佈局靈活，頁面精美。不少人在這裏訂購和品嚐咖啡。是個很是成功的商業性我的網站。

 

 

 

9)Jasmine Star

適用類型：博客，商業

這是關於品牌和營銷的熱門博客，旨在幫助創意企業家構建夢想的業務。該博客的創始人是一個品牌營銷策略師，  目前取得了巨大成功。

 

 

 

10)Everywhereist

適用類型：博客

這是一個旅遊主題的博客，訪問者不只能夠輕鬆訪問博客內部，還能夠經過連接輕鬆探索博客之外的部分。

配色溫暖，中性的，沒有過多的雜亂。

記錄關於旅行過程當中的故事。

 

 

 

11)Brett

適用類型：做品集，我的品牌

Brett是一位專門從事創做軟件產品的設計師，開發人員和創意總監。

首屏是白紙黑字的純文本介紹；

下拉會有一個精彩的視頻，包含了其精彩的設計做品；

首屏和頁末風格對比鮮明。

 

 

 

12)Vtcreative

適用類型：做品集，我的品牌

Vincent Tantardini是法國UI / UX設計師。

單頁的我的網站，風格簡潔。

所有爲黑白色系搭配，但動態元素的加入有所點綴，不顯沉悶。

 

 

 

13)Matinux

適用類型：博客，做品集，簡歷

Matin是加拿大的UX設計師。他喜歡在每一個主題上都有各類各樣的展現；

綠色背景，顯得柔和；

動畫推入介紹做品和經歷，具備互動性。

 

 

 

14)Dave Gamache

適用類型：我的品牌

Dave Gamache是以前Twitter＆Medium的設計師。

色彩對比強烈但很和諧；

單頁我的網站；

Call to actiona連接到各類不一樣的媒體平臺。

 

 

 

15)Sacha Greif

適用類型：我的品牌，博客，做品集

Sacha Greif是一名設計師，開發人員和企業家。目前住在日本的大阪。

他的歡迎語是Say hello, or keep scrolling。 入股選擇say hello，能夠經過郵箱界面; 滾動頁面會看到他各個板塊，使 用不一樣的配色方案來展現做品，工做經歷，成就，技能。

很是具備動感和互動性。

 

 

 

16)Nicole Saidy

適用類型：我的推廣

Singe Page網站具備可愛的移動背景效果和Behance Feed做爲他的做品集的展現部分。

別具一格的是設置有課程。

博客也是不錯的展現。

 

 

 

17)Fifty Coffees

適用類型：博客

這個我的網站記錄了做者的一系列咖啡會議。

特別之處在於不適用簡單的文字，而是使用攝影和視覺效果來幫助告訴她漫長的故事。

 

 

 

但願這些優秀的設計案例能給你帶來全新的靈感。現在，由於各類各樣的website builder，好比強大的Wordpress，還有Wix，stringkly等等，每每不須要花費過多的精力就能夠本身建立，甚至不用一行代碼，就連UI也有付費和免費的主題能夠一鍵搞定。可是若是想要擁有獨一無二的我的網站，設計師只有去真正的進行創做和設計。

你須要好的設計靈感，一點一點打造，這裏推薦您使用國內最好的原型設計工具Mockplus 進行初步構思，把界面和元素進行整合排版，而且搭建相應的交互。最大的優勢是你能夠在網頁進行HTML演示，在線查看您的構思是否合理，設計是否美觀，這對後期的設計和開發都將大有裨益。