作家寫書墅冷,歌手出唱片,人們選擇各種方式呈現(xiàn)最佳的自己或油。對于UI/UX設(shè)計師而言寞忿,我想,一個設(shè)計精美的個人網(wǎng)站顶岸,一定會是一種相當(dāng)不錯的方式腔彰。無論你是想要展示自己的設(shè)計作品,還是分享自己的設(shè)計經(jīng)驗和理念辖佣,還是吸引互動增加靈感霹抛,還是渴望獲得一份更好的工作,一個能充分展示你設(shè)計才能的個人網(wǎng)站卷谈,一定能夠讓人更好的了解你杯拐,并且記住你。
在加入Mockplus團(tuán)隊之后世蔗,我開始真正接觸設(shè)計端逼,為了得到更多的設(shè)計靈感,持續(xù)搜集了一些國外優(yōu)秀設(shè)計師的個人網(wǎng)站污淋。這些網(wǎng)站呈現(xiàn)不同風(fēng)格顶滩,并且具有不同的價值,是設(shè)計師自我展示的自由呈現(xiàn)寸爆。通常來講礁鲁,個人網(wǎng)站的類別包含以下幾種:
1. 簡歷型個人網(wǎng)站 - 優(yōu)化傳統(tǒng)簡歷,更好的呈現(xiàn)自己的作品和技能赁豆,找到更好的工作仅醇;
2. 作品展示型個人網(wǎng)站 - 類似于Dribbble和Behance等平臺,設(shè)計師展示個人作品歌憨,但個人網(wǎng)站主動性和功能性更強 ? ? ? 更豐富;
3. Blog風(fēng)格的個人網(wǎng)站 - 設(shè)計師分享自己的設(shè)計理念和想法墩衙,交換信息务嫡,吸引粉絲和關(guān)注;
4. 個人品牌推廣型個人網(wǎng)站 - 認(rèn)識和了解設(shè)計師的最佳門戶漆改;
5. Online shop型的個人網(wǎng)站 - 此類個人網(wǎng)站會有商業(yè)用途心铃;
以及其他。
通常挫剑,設(shè)計師的個人網(wǎng)站具有一種或多種用途去扣,比如blog和作品集的結(jié)合,簡歷和作品的結(jié)合樊破,一下的17個范例中愉棱,我將標(biāo)注每個個人網(wǎng)站的類型唆铐,大家可以根據(jù)需要好好研究。希望能對您的個人網(wǎng)站設(shè)計帶來靈感奔滑。
1) Devon Stank
適用類型:簡歷艾岂,作品集,博客
簡單明了的首屏朋其,黑色背景色先高雅穩(wěn)重王浴;
Stank的設(shè)計技能和他的個性完美融合,呈現(xiàn)給人一個清晰的設(shè)計師形象梅猿;
博客的設(shè)計是亮點氓辣。
適用類型:簡歷
典型的簡歷型個人網(wǎng)站,與標(biāo)準(zhǔn)的簡歷文檔不同袱蚓,Sheng的網(wǎng)站包含各類可點擊的鏈接和按鈕钞啸,從而更好的呈現(xiàn)他的軟件工程和網(wǎng)頁開發(fā)技能。想要摒棄傳統(tǒng)紙質(zhì)簡歷開拓創(chuàng)新的設(shè)計師朋友們癞松,一定不容錯過爽撒。
?
適用類型:簡歷,作品集
作品集展示和設(shè)計理念的完美看結(jié)合响蓉,“提供創(chuàng)意設(shè)計解決方案來解決業(yè)務(wù)問題是我最擅長的硕勿。”
配色選取網(wǎng)頁安全色藍(lán)色枫甲。
首屏文本排版的對比和層次符合網(wǎng)頁文本排版規(guī)范源武。
UI色彩采用經(jīng)典藍(lán)白。
?
4)Thalida
適用類型:簡歷
這是一位高級軟件工程師的個人網(wǎng)站想幻。
用黃色亮點和綠色laingdian點綴單一文字粱栖,很有創(chuàng)意,像在屏幕上涂鴉脏毯。
色彩對比鮮明活潑闹究。
頁面一分為二,左側(cè)歡迎界面固定食店,右側(cè)可滾動查看作品已經(jīng)工作經(jīng)歷渣淤,動靜結(jié)合。
?
適用類型:簡歷
Nik Papic是Nik.org的設(shè)計師吉嫩,開發(fā)人員价认。
單一暖色調(diào)背景色,網(wǎng)站看上去相當(dāng)干凈自娩,協(xié)調(diào)用踩。
Story-telling 的方式講述工作經(jīng)歷。
?
適用類型:博客
Miss Thrift是英國最受歡迎的博客之一,這個博客的偉大之處在于品牌的對話風(fēng)格和真正的人物的參與脐彩。
創(chuàng)始人是以為懷孕母親碎乃。
?
7)Osvaldas
適用類型:博客,作品集丁屎,商業(yè)
Osvaldas Valutis是一位網(wǎng)頁設(shè)計師荠锭。他自2003年以來一直在做網(wǎng)站。他的個人網(wǎng)站設(shè)計晨川,包括一個博客证九,網(wǎng)上商店和 ?他的作品。配色方案很好共虑,柔軟愧怜,淺綠色感覺像大自然。
?
適用類型:博客
這個個人網(wǎng)站像是設(shè)計師Tobias Reich的咖啡品鑒雜志妈拌。布局靈活拥坛,頁面精美。很多人在這里訂購和品嘗咖啡尘分。是個非常成功的商業(yè)性個人網(wǎng)站猜惋。
?
適用類型:博客,商業(yè)
這是關(guān)于品牌和營銷的熱門博客培愁,旨在幫助創(chuàng)意企業(yè)家構(gòu)建夢想的業(yè)務(wù)著摔。該博客的創(chuàng)始人是一個品牌營銷策略師, ?目前取得了巨大成功定续。
?
適用類型:博客
這是一個旅游主題的博客谍咆,訪問者不僅可以輕松訪問博客內(nèi)部,還可以通過鏈接輕松探索博客以外的部分私股。
配色溫暖摹察,中性的,沒有過多的雜亂倡鲸。
記錄關(guān)于旅行過程中的故事供嚎。
?
?
11)Brett
適用類型:作品集,個人品牌
Brett是一位專門從事創(chuàng)作軟件產(chǎn)品的設(shè)計師峭状,開發(fā)人員和創(chuàng)意總監(jiān)克滴。
首屏是白紙黑字的純文本介紹;
下拉會有一個精彩的視頻宁炫,包含了其精彩的設(shè)計作品偿曙;
首屏和頁末風(fēng)格對比鮮明氮凝。
?
12)Vtcreative
適用類型:作品集羔巢,個人品牌
Vincent Tantardini是法國UI / UX設(shè)計師。
單頁的個人網(wǎng)站,風(fē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è)置有課程谈秫。
博客也是不錯的展示扒寄。
?
適用類型:博客
這個個人網(wǎng)站記錄了作者的一系列咖啡會議。
特別之處在于不適用簡單的文字拟烫,而是使用攝影和視覺效果來幫助告訴她漫長的故事该编。
?
希望這些優(yōu)秀的設(shè)計案例能給你帶來全新的靈感。如今硕淑,因為各種各樣的website builder课竣,比如強大的Wordpress嘉赎,還有Wix,stringkly等等于樟,往往不需要花費過多的精力就可以自己創(chuàng)建公条,甚至不用一行代碼,就連UI也有付費和免費的主題可以一鍵搞定迂曲。但是如果想要擁有獨一無二的個人網(wǎng)站靶橱,設(shè)計師只有去真正的進(jìn)行創(chuàng)作和設(shè)計。你需要好的設(shè)計靈感路捧,一點一點打造关霸,這里推薦您使用國內(nèi)最好的原型設(shè)計工具M(jìn)ockplus進(jìn)行初步構(gòu)思,把界面和元素進(jìn)行整合排版杰扫,并且搭建相應(yīng)的交互谒拴。最大的優(yōu)點是你可以在網(wǎng)頁進(jìn)行HTML演示,在線查看您的構(gòu)思是否合理涉波,設(shè)計是否美觀英上,這對后期的設(shè)計和開發(fā)都將大有裨益。????