萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 影像處理 >> 平面設計理論

極簡風網站設計六步法:少即是多的實戰指南

 

近年湧現的網頁設計趨勢逐漸成主流,極簡主義便是其中之一。極簡風格歷久彌新,從現代主義運動延續至今,活躍於各設計領域,為何不成網頁設計主流?

除了好看,極簡設計能提升用戶體驗。用戶吐槽導航繁複、佈局冗雜、內容擠壓同頁導致體驗直線下滑。設計界常言「少即是多」,針對 21 世紀網頁設計依然精準。

1. 擁抱扁平化設計

扁平化正取代以蘋果擬物化為代表的寫實風,蘋果自身也在構建扁平化語言,用大膽鮮亮色彩吸睛。

微軟是另一先行者:Windows Phone、Windows 8 系統典型扁平化,官網貫徹始終,意味著全平台高度一致。微軟網站無陰影漸變,一切在 2D 平面;標題正文字體無紋理,佈局乾淨;圖標按鈕純扁平,甚至開始界面背景元素亦扁平化。

2. 留白藝術

稱負空間或留白,它聰明地引導關注核心內容,是極簡標誌性特徵。越來越多網站採用,設計師漸覺其用處之大。

最簡案例:Google、百度搜索首頁。移除無關元素,搜索框攫取全部注意力——輸入、回車、搜索。留白非無內容,與主體元素相互依存、共同構成視覵張力。

3. 有限的選擇

電商/B2B 網站核心目標:提高轉化率、降低選擇難度。移除不必要選項,干擾降低,目標易達,轉化自然升。有限選擇是極簡網站特徵。

登錄頁是展現「有限選擇」最佳場域。Gengo 專業字幕翻譯公司,登錄頁僅一輸入框一翻譯鈕,用戶零選擇——只能輸入、翻譯(付費)。極簡主義者或嫌頂部導航仍有干擾。

4. 專注排版

想悟極簡精髓,看 Brian Danaher 網站。設計師/插畫家/藝術總監,其站點依賴兩大手法:加粗字體、單欄式佈局。簡單粗暴卻實現雙關鍵目標:

  1. 導航單欄化,核心信息直觀呈現:Brian 是誰、做什麼、作品、聯系方式,一屏盡覽;
  2. 善用對比度(字體/背景色對比、字號尺寸對比)呈現有趣內容。

5. 簡化導航欄

探討極簡網站常忽略導航選單設計。它可做大強化視覺,亦可融入背景以靜默無干擾姿態呈現。

看攝影師/設計師 Cristian Ordonez 官網:導航不橫跨頂部,項目靜默置於右上角;無下拉選單、無多層級;顏色巧妙融入背景。

6. 色彩補丁點綴

合理使用小色塊引導關注關鍵部位。960 Grid System 官網即例證:柵格系統簡化開發流程,網站靈活用柵格分塊展示。黃色「view demo」在深色底白字主調中顯眼不喧賓奪主,左上角 Twitter 圖標直鏈主設計師 Nathan Smith 推特。

懂極簡,才能用好極簡

部分設計師誤認極簡不吸睛,事實上極簡已誕生無數優秀設計。極簡網站不僅更簡潔有序,更能融合扁平化、Lowpoly 等趨勢,綻放光彩,帶來更多用戶與收益。

copyright © 萬盛學電腦網 all rights reserved