老外的個(gè)人網(wǎng)站原來(lái)是這樣設(shè)計(jì)的:17個(gè)最佳范例給你靈感

作家寫書庸娱,歌手出唱片,人們選擇各種方式呈現(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)直奋。




2)Gary Sheng

適用類型:簡(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ò)殉挽。




3)JESSDESIGNTAN

適用類型:簡(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é)合。




5)Nik Papic

適用類型:簡(jiǎn)歷

Nik Papic是Nik.org的設(shè)計(jì)師蚀之,開發(fā)人員蝗敢。

單一暖色調(diào)背景色,網(wǎng)站看上去相當(dāng)干凈足删,協(xié)調(diào)寿谴。

Story-telling 的方式講述工作經(jīng)歷。




6)Miss thrifty

適用類型:博客

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)上商店和 ?他的作品。配色方案很好辜王,柔軟劈狐,淺綠色感覺像大自然。




8)Coffee Table

適用類型:博客

這個(gè)個(gè)人網(wǎng)站像是設(shè)計(jì)師Tobias Reich的咖啡品鑒雜志呐馆。布局靈活肥缔,頁(yè)面精美。很多人在這里訂購(gòu)和品嘗咖啡汹来。是個(gè)非常成功的商業(yè)性個(gè)人網(wǎng)站续膳。




9)Jasmine Star

適用類型:博客,商業(yè)

這是關(guān)于品牌和營(yíng)銷的熱門博客收班,旨在幫助創(chuàng)意企業(yè)家構(gòu)建夢(mèng)想的業(yè)務(wù)坟岔。該博客的創(chuàng)始人是一個(gè)品牌營(yíng)銷策略師, ?目前取得了巨大成功摔桦。




10)Everywhereist

適用類型:博客

這是一個(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ò)的展示局义。




17)Fifty Coffees

適用類型:博客

這個(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ā)都將大有裨益。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末逸邦,一起剝皮案震驚了整個(gè)濱河市恩沛,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌缕减,老刑警劉巖雷客,帶你破解...
    沈念sama閱讀 211,348評(píng)論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異桥狡,居然都是意外死亡搅裙,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,122評(píng)論 2 385
  • 文/潘曉璐 我一進(jìn)店門裹芝,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)部逮,“玉大人,你說(shuō)我怎么就攤上這事嫂易⌒峙螅” “怎么了?”我有些...
    開封第一講書人閱讀 156,936評(píng)論 0 347
  • 文/不壞的土叔 我叫張陵怜械,是天一觀的道長(zhǎng)颅和。 經(jīng)常有香客問(wèn)我,道長(zhǎng)缕允,這世上最難降的妖魔是什么融虽? 我笑而不...
    開封第一講書人閱讀 56,427評(píng)論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮灼芭,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘般又。我一直安慰自己彼绷,他們只是感情好巍佑,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,467評(píng)論 6 385
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著寄悯,像睡著了一般萤衰。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上猜旬,一...
    開封第一講書人閱讀 49,785評(píng)論 1 290
  • 那天脆栋,我揣著相機(jī)與錄音,去河邊找鬼洒擦。 笑死椿争,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的熟嫩。 我是一名探鬼主播秦踪,決...
    沈念sama閱讀 38,931評(píng)論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼掸茅!你這毒婦竟也來(lái)了椅邓?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,696評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤昧狮,失蹤者是張志新(化名)和其女友劉穎景馁,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體逗鸣,經(jīng)...
    沈念sama閱讀 44,141評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡合住,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,483評(píng)論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了慕购。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片聊疲。...
    茶點(diǎn)故事閱讀 38,625評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖沪悲,靈堂內(nèi)的尸體忽然破棺而出获洲,到底是詐尸還是另有隱情,我是刑警寧澤殿如,帶...
    沈念sama閱讀 34,291評(píng)論 4 329
  • 正文 年R本政府宣布贡珊,位于F島的核電站,受9級(jí)特大地震影響涉馁,放射性物質(zhì)發(fā)生泄漏门岔。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,892評(píng)論 3 312
  • 文/蒙蒙 一烤送、第九天 我趴在偏房一處隱蔽的房頂上張望寒随。 院中可真熱鬧,春花似錦、人聲如沸妻往。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,741評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)讯泣。三九已至纫普,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間好渠,已是汗流浹背昨稼。 一陣腳步聲響...
    開封第一講書人閱讀 31,977評(píng)論 1 265
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留拳锚,地道東北人假栓。 一個(gè)月前我還...
    沈念sama閱讀 46,324評(píng)論 2 360
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像晌畅,于是被迫代替她去往敵國(guó)和親但指。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,492評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容