作家寫書庸娱,歌手出唱片,人們選擇各種方式呈現(xiàn)最佳的自己谐算。對(duì)于UI/UX設(shè)計(jì)師而言熟尉,我想,一個(gè)設(shè)計(jì)精美的個(gè)人網(wǎng)站洲脂,一定會(huì)是一種相當(dāng)不錯(cuò)的方式斤儿。無(wú)論你是想要展示自己的設(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ù)搜集了一些國(guó)外優(yōu)秀設(shè)計(jì)師的個(gè)人網(wǎng)站卜录。這些網(wǎng)站呈現(xiàn)不同風(fēng)格戈擒,并且具有不同的價(jià)值,是設(shè)計(jì)師自我展示的自由呈現(xiàn)暴凑。通常來(lái)講峦甩,個(gè)人網(wǎng)站的類別包含以下幾種:
1. 簡(jiǎn)歷型個(gè)人網(wǎng)站 - 優(yōu)化傳統(tǒng)簡(jiǎn)歷,更好的呈現(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ǎn)歷和作品的結(jié)合坏晦,一下的17個(gè)范例中萝玷,我將標(biāo)注每個(gè)個(gè)人網(wǎng)站的類型嫁乘,大家可以根據(jù)需要好好研究。希望能對(duì)您的個(gè)人網(wǎng)站設(shè)計(jì)帶來(lái)靈感球碉。
1) Devon Stank
適用類型:簡(jiǎn)歷蜓斧,作品集,博客
簡(jiǎn)單明了的首屏睁冬,黑色背景色先高雅穩(wěn)重挎春;
Stank的設(shè)計(jì)技能和他的個(gè)性完美融合,呈現(xiàn)給人一個(gè)清晰的設(shè)計(jì)師形象豆拨;
博客的設(shè)計(jì)是亮點(diǎn)直奋。
適用類型:簡(jiǎn)歷
典型的簡(jiǎn)歷型個(gè)人網(wǎng)站,與標(biāo)準(zhǔn)的簡(jiǎn)歷文檔不同辽装,Sheng的網(wǎng)站包含各類可點(diǎn)擊的鏈接和按鈕帮碰,從而更好的呈現(xiàn)他的軟件工程和網(wǎng)頁(yè)開發(fā)技能。想要摒棄傳統(tǒng)紙質(zhì)簡(jiǎn)歷開拓創(chuàng)新的設(shè)計(jì)師朋友們拾积,一定不容錯(cuò)過(guò)殉挽。
適用類型:簡(jiǎn)歷,作品集
作品集展示和設(shè)計(jì)理念的完美看結(jié)合拓巧,“提供創(chuàng)意設(shè)計(jì)解決方案來(lái)解決業(yè)務(wù)問(wèn)題是我最擅長(zhǎng)的斯碌。”
配色選取網(wǎng)頁(yè)安全色藍(lán)色肛度。
首屏文本排版的對(duì)比和層次符合網(wǎng)頁(yè)文本排版規(guī)范傻唾。
UI色彩采用經(jīng)典藍(lán)白。
4)Thalida
適用類型:簡(jiǎn)歷
這是一位高級(jí)軟件工程師的個(gè)人網(wǎng)站承耿。
用黃色亮點(diǎn)和綠色laingdian點(diǎn)綴單一文字冠骄,很有創(chuàng)意,像在屏幕上涂鴉加袋。
色彩對(duì)比鮮明活潑凛辣。
頁(yè)面一分為二,左側(cè)歡迎界面固定职烧,右側(cè)可滾動(dòng)查看作品已經(jīng)工作經(jīng)歷扁誓,動(dòng)靜結(jié)合。
適用類型:簡(jiǎn)歷
Nik Papic是Nik.org的設(shè)計(jì)師蚀之,開發(fā)人員蝗敢。
單一暖色調(diào)背景色,網(wǎng)站看上去相當(dāng)干凈足删,協(xié)調(diào)寿谴。
Story-telling 的方式講述工作經(jīng)歷。
適用類型:博客
Miss Thrift是英國(guó)最受歡迎的博客之一壹堰,這個(gè)博客的偉大之處在于品牌的對(duì)話風(fēng)格和真正的人物的參與拭卿。
創(chuàng)始人是以為懷孕母親骡湖。
7)Osvaldas
適用類型:博客,作品集峻厚,商業(yè)
Osvaldas Valutis是一位網(wǎng)頁(yè)設(shè)計(jì)師响蕴。他自2003年以來(lái)一直在做網(wǎng)站。他的個(gè)人網(wǎng)站設(shè)計(jì)惠桃,包括一個(gè)博客浦夷,網(wǎng)上商店和 ?他的作品。配色方案很好辜王,柔軟劈狐,淺綠色感覺像大自然。
適用類型:博客
這個(gè)個(gè)人網(wǎng)站像是設(shè)計(jì)師Tobias Reich的咖啡品鑒雜志呐馆。布局靈活肥缔,頁(yè)面精美。很多人在這里訂購(gòu)和品嘗咖啡汹来。是個(gè)非常成功的商業(yè)性個(gè)人網(wǎng)站续膳。
適用類型:博客,商業(yè)
這是關(guān)于品牌和營(yíng)銷的熱門博客收班,旨在幫助創(chuàng)意企業(yè)家構(gòu)建夢(mèng)想的業(yè)務(wù)坟岔。該博客的創(chuàng)始人是一個(gè)品牌營(yíng)銷策略師, ?目前取得了巨大成功摔桦。
適用類型:博客
這是一個(gè)旅游主題的博客社付,訪問(wèn)者不僅可以輕松訪問(wèn)博客內(nèi)部,還可以通過(guò)鏈接輕松探索博客以外的部分邻耕。
配色溫暖鸥咖,中性的,沒有過(guò)多的雜亂兄世。
記錄關(guān)于旅行過(guò)程中的故事扛或。
11)Brett
適用類型:作品集,個(gè)人品牌
Brett是一位專門從事創(chuàng)作軟件產(chǎn)品的設(shè)計(jì)師碘饼,開發(fā)人員和創(chuàng)意總監(jiān)。
首屏是白紙黑字的純文本介紹悲伶;
下拉會(huì)有一個(gè)精彩的視頻艾恼,包含了其精彩的設(shè)計(jì)作品;
首屏和頁(yè)末風(fēng)格對(duì)比鮮明麸锉。
12)Vtcreative
適用類型:作品集钠绍,個(gè)人品牌
Vincent Tantardini是法國(guó)UI / UX設(shè)計(jì)師。
單頁(yè)的個(gè)人網(wǎng)站花沉,風(fēng)格簡(jiǎn)潔柳爽。
全部為黑白色系搭配媳握,但動(dòng)態(tài)元素的加入有所點(diǎn)綴,不顯沉悶磷脯。
13)Matinux
適用類型:博客蛾找,作品集,簡(jiǎn)歷
Matin是加拿大的UX設(shè)計(jì)師赵誓。他喜歡在每個(gè)主題上都有各種各樣的展示打毛;
綠色背景,顯得柔和俩功;
動(dòng)畫推入介紹作品和經(jīng)歷幻枉,具有互動(dòng)性。
14)Dave Gamache
適用類型:個(gè)人品牌
Dave Gamache是之前Twitter&Medium的設(shè)計(jì)師诡蜓。
色彩對(duì)比強(qiáng)烈但很和諧熬甫;
單頁(yè)個(gè)人網(wǎng)站;
Call to actiona鏈接到各種不同的媒體平臺(tái)蔓罚。
15)Sacha Greif
適用類型:個(gè)人品牌椿肩,博客,作品集
Sacha Greif是一名設(shè)計(jì)師脚粟,開發(fā)人員和企業(yè)家覆旱。目前住在日本的大阪。
他的歡迎語(yǔ)是Say hello, or keep scrolling核无。 入股選擇say hello扣唱,可以通過(guò)郵箱界面; 滾動(dòng)頁(yè)面會(huì)看到他各個(gè)板塊,使 用不同的配色方案來(lái)展示作品团南,工作經(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ì)議。
特別之處在于不適用簡(jiǎn)單的文字冗疮,而是使用攝影和視覺效果來(lái)幫助告訴她漫長(zhǎng)的故事萄唇。
希望這些優(yōu)秀的設(shè)計(jì)案例能給你帶來(lái)全新的靈感。如今术幔,因?yàn)楦鞣N各樣的website builder另萤,比如強(qiáng)大的Wordpress,還有Wix,stringkly等等四敞,往往不需要花費(fèi)過(guò)多的精力就可以自己創(chuàng)建泛源,甚至不用一行代碼,就連UI也有付費(fèi)和免費(fèi)的主題可以一鍵搞定忿危。但是如果想要擁有獨(dú)一無(wú)二的個(gè)人網(wǎng)站达箍,設(shè)計(jì)師只有去真正的進(jìn)行創(chuàng)作和設(shè)計(jì)。
你需要好的設(shè)計(jì)靈感癌蚁,一點(diǎn)一點(diǎn)打造幻梯,這里推薦您使用國(guó)內(nèi)最好的原型設(shè)計(jì)工具M(jìn)ockplus 進(jìn)行初步構(gòu)思,把界面和元素進(jìn)行整合排版努释,并且搭建相應(yīng)的交互碘梢。最大的優(yōu)點(diǎn)是你可以在網(wǎng)頁(yè)進(jìn)行HTML演示,在線查看您的構(gòu)思是否合理伐蒂,設(shè)計(jì)是否美觀煞躬,這對(duì)后期的設(shè)計(jì)和開發(fā)都將大有裨益。