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

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

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

　　簡約+撞色，視覺體驗滿分

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

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

　　人物+動效，趣味體驗滿分

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

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

　　留白+熒光色，反差體驗滿分

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

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

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

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

　　襯線體+高級灰，視覺體驗滿分

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

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

　　文字+動效，視覺體驗滿分

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

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

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

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

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

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

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

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

視覺平面設(shè)計作品集點線面如何練習(xí)

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