眼前一亮！這些網(wǎng)頁設(shè)計我愛了！
時間：2022-08-13 17:36:01 | 來源：網(wǎng)站運營
時間：2022-08-13 17:36:01 來源：網(wǎng)站運營
自上世紀(jì)末開始，中國互聯(lián)網(wǎng)高速發(fā)展的近三十年，對比90年代緩慢的網(wǎng)速、小屏幕超低清的分辨率(只有800x600像素)，如今的網(wǎng)絡(luò)技術(shù)可謂是突飛猛進。加上個人電腦普及以來，媒體和企業(yè)對用戶體驗、頁面動效、富媒體的重視，直接催生了WUI設(shè)計師這樣的職業(yè)。時至今日，網(wǎng)站仍是我們獲取信息的主要平臺之一，電腦端網(wǎng)站體驗并不比手機軟件和APP差。擁有一些網(wǎng)站設(shè)計的規(guī)范和理解網(wǎng)站運行的原理，也許能啟發(fā)一些同學(xué)在未來做WUI設(shè)計師。今天就好好看一些設(shè)計案例，也聊一聊網(wǎng)頁設(shè)計必須懂得的那些事兒：優(yōu)秀的網(wǎng)站長啥樣？一睹為快吧！「Web Design」&「Website design」網(wǎng)頁設(shè)計網(wǎng)站設(shè)計是功能上的設(shè)計，網(wǎng)頁設(shè)計是功能基本開發(fā)之后對具體頁面的排版布局。#01#SUMMERDRINK SOME WRITERRUNNING AGAIN簡約+撞色視覺體驗滿分Pogon是一家集創(chuàng)意、設(shè)計、品牌策劃、網(wǎng)絡(luò)營銷等服務(wù)于一身的事務(wù)所，包括創(chuàng)立品牌、建設(shè)網(wǎng)站、線上購物平臺、社交網(wǎng)絡(luò)、移動應(yīng)用程序。他們專注于針對客戶群體打造最佳用戶體驗化。
●http://pogon.co這樣的工作性質(zhì)使得Pogon的創(chuàng)始人和技術(shù)人員在設(shè)計自己的線上主頁時駕輕就熟。輕松、簡潔的排版和視覺中，除了文本的白色和一些必要的案例配色，偏執(zhí)大膽的幾乎全部選擇了藍(lán)色，輕微動態(tài)的邊欄使使用感極其流暢。
#02#SUMMERDRINK SOME WRITERRUNNING AGAIN人物+動效趣味體驗滿分第二個網(wǎng)頁則是品牌Fluff的官方主頁。Fluff是一家生產(chǎn)和銷售化妝品的公司。創(chuàng)始人Erika Geraerts認(rèn)為現(xiàn)在的年輕人很依賴化妝品，如果不化妝就會覺得自己出門少了些什么。
●https://itsallfluff.com/年輕的Fluff主頁使用了明亮熱情的黃色，這種飽和度很高的顏色很符合年輕用戶群體的審美。Fluff的陽光自信感和前衛(wèi)的Fluff美學(xué)透出屏幕，旨在傳達產(chǎn)品的功能不會遮蓋每個人自身的美，
「The future of beauty is more than makeup」#03#SUMMERDRINK SOME WRITERRUNNING AGAIN留白+熒光色反差體驗滿分亞當(dāng)·何（Adam Ho）是紐約布魯克林的獨立設(shè)計師，專注于品牌識別，藝術(shù)指導(dǎo)和互動設(shè)計等學(xué)科的交集。Adam Ho Portfolio是他的個人作品網(wǎng)站。
●https://www.adamho.com/#04#SUMMERDRINK SOME WRITERRUNNING AGAIN字體+復(fù)古色懷舊體驗滿分這是圣彼得堡鋼琴節(jié)的宣傳和活動宣傳網(wǎng)站。視覺上的一個很重要的特征就是文字外觀的粗體設(shè)計、顏色的選擇。紅、白、藍(lán)三色構(gòu)成了網(wǎng)站的主色調(diào)，黑色作為背景的想法是來源于國旗，音樂家分別來自瑞士、法國和俄羅斯，這些顏色就是取自這些國家的的國旗。
●https://pianotriofest.com/設(shè)計師首先是把時間表放在第一頁，同時讓人們熟悉藝術(shù)家的背景信息。這個網(wǎng)頁的設(shè)計避免將內(nèi)容拆分為多個頁面，使用戶能夠進行平滑的過渡，無需額外的HTTP請求即可單擊藝術(shù)家的姓名，從而了解他們的信息。
#05#SUMMERDRINK SOME WRITERRUNNING AGAIN襯線體+高級灰視覺體驗滿分http://dpotferstudio.com/是D.Potfer Studio的主頁。這是一家設(shè)計工作室，位于法國南部和巴黎，與當(dāng)?shù)剡€有國籍品牌合作，涉及文化、奢侈品、生活藝術(shù)等領(lǐng)域的設(shè)計、創(chuàng)意以及品牌的相關(guān)工作。
●https://dpotferstudio.com/創(chuàng)始人Daisy曾與Chanel、Swatch Group、Fours Seasons等品牌合作在Realms of communication和Digital Strategy方面有近十年的歷史。她創(chuàng)立自己具有濃厚美學(xué)品味的品牌D.Potfer Studio，面對全新挑戰(zhàn)和有意義的合作并渴望獲得卓越的表現(xiàn)。
#06#SUMMERDRINK SOME WRITERRUNNING AGAIN文字+動效視覺體驗滿分http://angelamilosevic.com/是設(shè)計師Angela Milosevic的個人網(wǎng)站。與之合作的品牌包含ADOBE、AIGA、APPLE、 Nike、FACEBOOK等等。
●https://angelamilosevic.com/與此同時，Angela Milosevic還是一位數(shù)字插畫師，它的網(wǎng)站與它的插畫作品風(fēng)格和配色都很像，網(wǎng)站最有趣的就是一個故障風(fēng)交互，當(dāng)用戶拖動鼠標(biāo)，圖片便會出現(xiàn)無數(shù)層。
#07#SUMMERDRINK SOME WRITERRUNNING AGAIN構(gòu)圖+復(fù)古紅視覺體驗滿分科普向網(wǎng)站ussr.obys.agency/——蘇聯(lián)設(shè)計年鑒令人驚艷。從配色到構(gòu)圖，濃濃上世紀(jì)社會主義陣營風(fēng)味的視覺體驗，對比當(dāng)今設(shè)計界異彩紛呈，網(wǎng)頁當(dāng)中交互動畫的巧思，一瞬間讓蘇聯(lián)設(shè)計的遺產(chǎn)躍然紙上。
●http://ussr.obys.agency/蘇聯(lián)設(shè)計是一個大國留下的無價遺產(chǎn)，它是至上主義、構(gòu)成主義又是先鋒主義。雖然作為藝術(shù)遺產(chǎn)，但在現(xiàn)如今各種各樣但設(shè)計風(fēng)格中，眾所周知以包豪斯著稱的德國設(shè)計、北歐的極簡風(fēng)格以及同樣極簡但富有東方禪意的日本設(shè)計獨樹一幟。
今日總結(jié) 許多優(yōu)秀的網(wǎng)頁設(shè)計作品，不僅僅有著突出的排版設(shè)計，而且在動效、交互、體驗上有著頗為值得學(xué)習(xí)的地方。如果你愿意仔細(xì)揣摩，還會發(fā)現(xiàn)每個網(wǎng)頁都有自己的性格，許多細(xì)節(jié)的處理技巧和內(nèi)容相結(jié)合的搭配策略。設(shè)計的靈感來源多種多樣，不僅僅要了解別人的視覺設(shè)計，而且需要仔細(xì)體驗實際的效果。想比起零散地設(shè)計作品，這些來自著名設(shè)計機構(gòu)的網(wǎng)站，在不同需求下誕生的網(wǎng)站產(chǎn)品，更有價值。
在線咨詢