留學(xué)網(wǎng)頁(yè)設(shè)計(jì)專業(yè)，必須要了解哪些事？網(wǎng)站是我們獲取信息的主要平臺(tái)之一，電腦端網(wǎng)站體驗(yàn)并不比手機(jī)軟件和APP差，擁有一些網(wǎng)站設(shè)計(jì)的規(guī)范和理解網(wǎng)站運(yùn)行的原理，也許能啟發(fā)一些同學(xué)，在未來(lái)做WUI設(shè)計(jì)師。今天我們就好好看一些設(shè)計(jì)案例，優(yōu)秀的網(wǎng)站長(zhǎng)啥樣？一睹為快吧！

　 留學(xué)網(wǎng)頁(yè)設(shè)計(jì)專業(yè)：

　　網(wǎng)站設(shè)計(jì)是功能上的設(shè)計(jì)，網(wǎng)頁(yè)設(shè)計(jì)是功能基本開(kāi)發(fā)之后對(duì)具體頁(yè)面的排版布局。

　　簡(jiǎn)約+撞色，視覺(jué)體驗(yàn)滿分

　　Pogon是一家集創(chuàng)意、設(shè)計(jì)、品牌策劃、網(wǎng)絡(luò)營(yíng)銷等服務(wù)于一身的事務(wù)所，包括創(chuàng)立品牌、建設(shè)網(wǎng)站、線上購(gòu)物平臺(tái)、社交網(wǎng)絡(luò)、移動(dòng)應(yīng)用程序。他們專注于針對(duì)客戶群體打造最佳用戶體驗(yàn)化。

　　這樣的工作性質(zhì)使得Pogon的創(chuàng)始人和技術(shù)人員在設(shè)計(jì)自己的線上主頁(yè)時(shí)駕輕就熟。輕松、簡(jiǎn)潔的排版和視覺(jué)中，除了文本的白色和一些必要的案例配色，偏執(zhí)大膽的幾乎全部選擇了藍(lán)色，輕微動(dòng)態(tài)的邊欄使用感極其流暢。

　　人物+動(dòng)效，趣味體驗(yàn)滿分

　　第二個(gè)網(wǎng)頁(yè)則是品牌Fluff的官方主頁(yè)。Fluff是一家生產(chǎn)和銷售化妝品的公司。創(chuàng)始人Erika Geraerts認(rèn)為現(xiàn)在的年輕人很依賴化妝品，如果不化妝就會(huì)覺(jué)得自己出門少了些什么。

　　年輕的Fluff主頁(yè)使用了明亮熱情的黃色，這種飽和度很高的顏色很符合年輕用戶群體的審美。Fluff的陽(yáng)光自信感和前衛(wèi)的Fluff美學(xué)透出屏幕，旨在傳達(dá)產(chǎn)品的功能不會(huì)遮蓋每個(gè)人自身的美，「The future of beauty is more than makeup」。

　　留白+熒光色，反差體驗(yàn)滿分

　　亞當(dāng)·何（Adam Ho）是紐約布魯克林的獨(dú)立設(shè)計(jì)師，專注于品牌識(shí)別，藝術(shù)指導(dǎo)和互動(dòng)設(shè)計(jì)等學(xué)科的交集。Adam Ho Portfolio是他的個(gè)人作品網(wǎng)站。

　　字體+復(fù)古色，懷舊體驗(yàn)滿分

　　這是圣彼得堡鋼琴節(jié)的宣傳和活動(dòng)宣傳網(wǎng)站。視覺(jué)上的一個(gè)很重要的特征就是文字外觀的粗體設(shè)計(jì)、顏色的選擇。紅、白、藍(lán)三色構(gòu)成了網(wǎng)站的主色調(diào)，黑色作為背景的想法是來(lái)源于國(guó)旗，音樂(lè)家分別來(lái)自瑞士、法國(guó)和俄羅斯，這些顏色就是取自這些國(guó)家的的國(guó)旗。

　　設(shè)計(jì)師首先是把時(shí)間表放在第一頁(yè)，同時(shí)讓人們熟悉藝術(shù)家的背景信息。這個(gè)網(wǎng)頁(yè)的設(shè)計(jì)避免將內(nèi)容拆分為多個(gè)頁(yè)面，使用戶能夠進(jìn)行平滑的過(guò)渡，無(wú)需額外的HTTP請(qǐng)求即可單擊藝術(shù)家的姓名，從而了解他們的信息。推薦：平面設(shè)計(jì)留學(xué)就業(yè)好嗎

　　襯線體+高級(jí)灰，視覺(jué)體驗(yàn)滿分

　　D.Potfer Studio的主頁(yè)，這是一家設(shè)計(jì)工作室，位于法國(guó)南部和巴黎，與當(dāng)?shù)剡€有國(guó)籍品牌合作，涉及文化、奢侈品、生活藝術(shù)等領(lǐng)域的設(shè)計(jì)、創(chuàng)意以及品牌的相關(guān)工作。

　　創(chuàng)始人Daisy曾與Chanel、Swatch Group、Fours Seasons等品牌合作在Realms of communication和Digital Strategy方面有近十年的歷史。她創(chuàng)立自己具有濃厚美學(xué)品味的品牌D.Potfer Studio，面對(duì)全新挑戰(zhàn)和有意義的合作并渴望獲得卓越的表現(xiàn)。

　　文字+動(dòng)效，視覺(jué)體驗(yàn)滿分

　　設(shè)計(jì)師Angela Milosevic的個(gè)人網(wǎng)站，與之合作的品牌包含ADOBE、AIGA、APPLE、Nike、FACEBOOK等等。

　　與此同時(shí)，Angela Milosevic還是一位數(shù)字插畫(huà)師，它的網(wǎng)站與它的插畫(huà)作品風(fēng)格和配色都很像，網(wǎng)站最有趣的就是一個(gè)故障風(fēng)交互，當(dāng)用戶拖動(dòng)鼠標(biāo)，圖片便會(huì)出現(xiàn)無(wú)數(shù)層。

　　構(gòu)圖+復(fù)古紅，視覺(jué)體驗(yàn)滿分

　　科普向網(wǎng)站，蘇聯(lián)設(shè)計(jì)年鑒令人驚艷。從配色到構(gòu)圖，濃濃上世紀(jì)社會(huì)主義陣營(yíng)風(fēng)味的視覺(jué)體驗(yàn)，對(duì)比當(dāng)今設(shè)計(jì)界異彩紛呈，網(wǎng)頁(yè)當(dāng)中交互動(dòng)畫(huà)的巧思，一瞬間讓蘇聯(lián)設(shè)計(jì)的遺產(chǎn)躍然紙上。

　　蘇聯(lián)設(shè)計(jì)是一個(gè)大國(guó)留下的無(wú)價(jià)遺產(chǎn)，它是至上主義、構(gòu)成主義又是先鋒主義。雖然作為藝術(shù)遺產(chǎn)，但在現(xiàn)如今各種各樣但設(shè)計(jì)風(fēng)格中，眾所周知以包豪斯著稱的德國(guó)設(shè)計(jì)、北歐的極簡(jiǎn)風(fēng)格以及同樣極簡(jiǎn)但富有東方禪意的日本設(shè)計(jì)獨(dú)樹(shù)一幟。

　　許多優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)作品，不僅僅有著突出的排版設(shè)計(jì)，而且在動(dòng)效、交互、體驗(yàn)上有著頗為值得學(xué)習(xí)的地方。如果你愿意仔細(xì)揣摩，還會(huì)發(fā)現(xiàn)每個(gè)網(wǎng)頁(yè)都有自己的性格，許多細(xì)節(jié)的處理技巧和內(nèi)容相結(jié)合的搭配策略。設(shè)計(jì)的靈感來(lái)源多種多樣，不僅僅要了解別人的視覺(jué)設(shè)計(jì)，而且需要仔細(xì)體驗(yàn)實(shí)際的效果。想比起零散地設(shè)計(jì)作品，這些來(lái)自著名設(shè)計(jì)機(jī)構(gòu)的網(wǎng)站，在不同需求下誕生的網(wǎng)站產(chǎn)品，更有價(jià)值。

更多關(guān)于網(wǎng)頁(yè)平面設(shè)計(jì)留學(xué)相關(guān)：

創(chuàng)意圖形在平面設(shè)計(jì)作品集中如何應(yīng)用？

視覺(jué)平面設(shè)計(jì)作品集點(diǎn)線面如何練習(xí)

本文均屬自然光線國(guó)際藝術(shù)教育團(tuán)隊(duì)原創(chuàng)文章，未經(jīng)允許不能以任何形式的商業(yè)轉(zhuǎn)載，如有發(fā)現(xiàn)必追究法律責(zé)任。