Godzilla. 2018-11-12
網(wǎng)站建設(shè)
12個(gè)驚人的UX設(shè)計(jì)組合網(wǎng)站
設(shè)計(jì)組合相當(dāng)容易設(shè)置。您可以構(gòu)建項(xiàng)目網(wǎng)格或添加可視化案例研究來(lái)展示您的工作，并立即顯示質(zhì)量。使用UX設(shè)計(jì)時(shí)，它有點(diǎn)困難，因?yàn)樗ǔＥc每個(gè)項(xiàng)目的過程和結(jié)果有關(guān)。為了制作出色的用戶體驗(yàn)組合，我建議學(xué)習(xí)其他人來(lái)獲取想法。
此次集合絕不是UX設(shè)計(jì)器組合站點(diǎn)的完整集合。但它是開始尋找想法和研究其他UX設(shè)計(jì)師如何展示其作品的絕佳場(chǎng)所。
1. Hanna Jung
Hanna的投資組合網(wǎng)站提供簡(jiǎn)約風(fēng)格，主要關(guān)注工作。它使用大量的視覺效果來(lái)銷售項(xiàng)目，但它并不像“只是”用戶體驗(yàn)組合。
標(biāo)題和標(biāo)語(yǔ)清楚地闡明了Hanna的作用，這可能是吸引注意力的最佳方式。如果您正在為自己設(shè)計(jì)一個(gè)投資組合網(wǎng)站，請(qǐng)盡量分享您的早期工作，以便訪問者知道他們?cè)诳词裁础?br />
網(wǎng)格內(nèi)的每個(gè)項(xiàng)目照片都鏈接到包含更多信息的內(nèi)部頁(yè)面。您可以將其轉(zhuǎn)換為詳細(xì)的照片庫(kù)，快速概要，甚至是詳細(xì)的案例研究。但是，在單獨(dú)的頁(yè)面上提供有關(guān)每個(gè)項(xiàng)目的更多信息絕不是一個(gè)壞主意。
2. Adham Dannaway
許多人都知道Adham Dannaway的網(wǎng)站，因?yàn)樗驯痪W(wǎng)絡(luò)畫廊中的特色所吸引。并且有充分的理由！
他的主頁(yè)使用了一個(gè)精美的圖形來(lái)說(shuō)明他所做的工作類型：設(shè)計(jì)和代碼。
UI設(shè)計(jì)師和UX設(shè)計(jì)師之間存在顯著的重疊，因此許多自由職業(yè)者將自己定位于這種重疊。 對(duì)于那些可能想要雇傭這兩種技能的客戶來(lái)說(shuō)，或者只是知道這兩種技能相互理解的人，這對(duì)你來(lái)說(shuō)更有價(jià)值。
但Adham投資組合運(yùn)作良好的真正原因是，他的投資組合項(xiàng)目頁(yè)面的內(nèi)部結(jié)構(gòu)。那么，如何選擇合適的設(shè)計(jì)項(xiàng)目，就看看這個(gè)作為例子。注意它是如何以線性方式讀取并幫助銷售在該項(xiàng)目上完成的工作。絕對(duì)是從頭開始啟動(dòng)UX組合網(wǎng)站的任何人的最佳選擇。
3. Val Head
Val Head是一位著名的設(shè)計(jì)師，擁有UI / UX動(dòng)畫專業(yè)以及交互設(shè)計(jì)。她的投資組合網(wǎng)站證明了她所做的所有工作。
而且你會(huì)注意到主頁(yè)不會(huì)使用她標(biāo)志之外的單個(gè)圖像。
無(wú)論是專注于Val的時(shí)事通訊，她的演講活動(dòng)，還是她最近的博客文章，這個(gè)結(jié)構(gòu)都會(huì)引起你的注意。一個(gè)夢(mèng)幻般的設(shè)計(jì)，展示了如何在沒有很多視覺效果的情況下銷售您的UX工作。
4. Paul Lapkin
一些設(shè)計(jì)師不愿意將他們的個(gè)人照片添加到他們的投資組合中。其他人喜歡它，因?yàn)樗黾恿藗€(gè)性，讓游客有機(jī)會(huì)看到他們是誰(shuí)。
Paul Lapkin使用全屏標(biāo)題背景肖像立即引起注意。標(biāo)題文本描述了他作為UI + UX設(shè)計(jì)師的工作以及下面的更多細(xì)節(jié)。
這個(gè)介紹文本旨在吸引您的注意力，讓您想要更多。“查看工作”鏈接非常清楚，如果您可以編寫也能引起注意的副本，這種風(fēng)格也可能對(duì)您有用。
5. Nick Finck
Nick Finck有一個(gè)更傳統(tǒng)的網(wǎng)站，有清晰的標(biāo)題，導(dǎo)航和頁(yè)腳區(qū)域。并非所有現(xiàn)代投資組合都是這樣的，但這種布局運(yùn)作良好并且已有多年。
深圳網(wǎng)站設(shè)計(jì)在主頁(yè)上真正喜歡的一件事是帶有Nick照片的標(biāo)題部分。這包括兩個(gè)CTA，鼓勵(lì)您深入挖掘Nick的工作。
他的很多投資組合的本質(zhì)是寫作和他過去的項(xiàng)目工作，如Adobe和谷歌。這意味著它不再是銷售，而是更多關(guān)于與潛在客戶建立聯(lián)系。
6. Christina Richardson
不久前，我正在瀏覽投資組合，找到了Christina Richardson的網(wǎng)站。
由于一些原因，這一直是我的最愛。它自然具有個(gè)性感，但它不會(huì)感到太雜亂或嚴(yán)重定制。整個(gè)網(wǎng)站作為單頁(yè)設(shè)計(jì)運(yùn)行，因此它也非常容易導(dǎo)航。
但我也非常喜歡UX時(shí)間軸功能，因?yàn)樗枪ぷ黧w驗(yàn)的直觀表現(xiàn)。
這聽起來(lái)比無(wú)聊的簡(jiǎn)歷更加對(duì)用戶友好，但它會(huì)傳達(dá)相同的信息。如果我自己這么說(shuō)的話，非常有用。
7. Ionut Zamfir
如果您有合適的照片，分頁(yè)設(shè)計(jì)效果很好。Ionut Zamfir在他的UX設(shè)計(jì)組合中非常出色地遵循這一趨勢(shì)。
背景圖片在頁(yè)面的每個(gè)部分都亂丟，你甚至可以找到一個(gè)以他的作品為主題的幻燈片。
這絕對(duì)是一個(gè)簡(jiǎn)單的網(wǎng)站，但有時(shí)這就是你所需要的。 一些有助于銷售的視覺效果，有關(guān)設(shè)計(jì)師的信息和聯(lián)系表格。
8. Kevin M. Hoffman
除了照片，您還可以使用對(duì)比度和顏色來(lái)吸引注意力。這就是你在Kevin M. Hoffman的網(wǎng)站上找到的內(nèi)容，它也打破了水平塊部分的頁(yè)面。
文本非常容易閱讀，并且不遵循任何特定的公式。 更不用說(shuō)顏色不完全匹配，但它們也不會(huì)發(fā)生沖突。
我稱這是一個(gè)實(shí)驗(yàn)性的投資組合布局，但它確實(shí)有用。
9. Simon Pan
Simon Pan的投資組合網(wǎng)站是案例研究布局的最佳場(chǎng)所之一。你可以通過他的作品集和閱讀他的案例研究來(lái)學(xué)到很多東西。
深圳網(wǎng)站設(shè)計(jì)認(rèn)為通過UX設(shè)計(jì)，它更多的是通過流程銷售您的知識(shí)。客戶想要了解您在項(xiàng)目中所做的工作以及您如何為過去的客戶解決問題。
Simon Pan的文案很精致，有助于他的作品暢銷。如果你正在推動(dòng)案例研究的心態(tài)，這是你可以學(xué)到的最好的技能之一。
10. Adrian Zumbrunnen
憑借極簡(jiǎn)主義和動(dòng)態(tài)效果的獨(dú)特組合，這個(gè)產(chǎn)品組合無(wú)疑是引人注目的。
Adrian Zumbrunnen使用深色+淺色配色方案，感覺很多設(shè)計(jì)組合中的典型。
但他還包括其他元素，如大膽的CTA按鈕，他的談話錄像的鏈接，甚至是他自己的插圖。 很獨(dú)特！
11. Ramin Nasibov
Ramin Nasibov遵循典型的網(wǎng)格布局，適用于視覺設(shè)計(jì)師的投資組合。這個(gè)網(wǎng)站真的很容易瀏覽，它也適用于移動(dòng)設(shè)備（以及其他網(wǎng)格式布局！）
我想在Ramin的主頁(yè)上看到的一件事是關(guān)于他自己的更多信息。 但他在設(shè)計(jì)領(lǐng)域做了很多工作，因此只關(guān)注工作是有意義的。
如果你試圖更多地關(guān)注你的工作，而不是你自己，我推薦一個(gè)像這樣的網(wǎng)格式布局。
12. Nishtha Mehrotra
在Nishtha Mehrotra的網(wǎng)站上，你會(huì)發(fā)現(xiàn)一切都很好。 它使用帶有動(dòng)畫的自定義英雄標(biāo)題，可視化投資組合網(wǎng)格以及帶有電子郵件和電話號(hào)碼的干凈聯(lián)系部分。
該網(wǎng)站感覺非常專業(yè)，它的設(shè)計(jì)考慮了用戶。 如果您可以將想要說(shuō)的所有內(nèi)容放在一個(gè)頁(yè)面上，單頁(yè)面投資組合通常會(huì)更好。
我也喜歡簡(jiǎn)歷部分，它比PDF文檔更容易瀏覽。 總體而言，這是一個(gè)非常干凈的網(wǎng)站，如果你想要單頁(yè)組合外觀，那么值得研究。
文章標(biāo)簽：
UX設(shè)計(jì) 網(wǎng)站設(shè)計(jì)
Godzilla 簽
為了在編輯、圖象設(shè)計(jì)方面進(jìn)一步的提高，我想投身于網(wǎng)站行業(yè)中，一展所長(zhǎng)，為所在的公司和社會(huì)貢獻(xiàn)一分力量!
文章評(píng)論：