中文原文:極簡主義網站設計:寓豐富於簡單
譯自:Minimalist Web Design: When Less is More
原作者:Kayla Knight
譯者:神飛
--------------------------------------------------------------------------------
作為設計師,我們都知道,一個極簡的設計可以實現漂亮的效果。
然而,很多設計師在實現上有些麻煩:要麼是沒有時間讓使用如此少的元素製作的頁面看起來漂亮,要麼就是最終的結果隻是看起來“不完美”。
網上有很多關於極簡主義設計的文章,而本文的目的是幫你實現一個漂亮而不空洞的極簡網站設計。
最重要的是,我們將展示一個小的極簡網站設計畫廊,這樣你就可以分析為什麼一些設計可以而其它的則不可以。
什麼是極簡主義設計
極簡主義設計已經被描述為最基本的設計,剔除了多餘的元素、色彩、形狀和紋理。
它的目的是使內容被突出出來並成為焦點。從一個視覺的角度來說,極簡主義設計意味著平靜和將思想帶回本真。
這個設計運動始於瑞士,然後被用於多種媒體:圖形設計、建築、音樂、文學、繪畫以及最近的網頁設計。(拓展閱讀維基百科:極簡主義)
盡管極簡主義已經有幾十年了,早期的互聯網並沒有能夠展示它。即便除了旋轉的logo、滾動和鮮豔的色彩之外,網站設計依然常常是雜亂和咄咄逼人的。
我們將在本文中討論極簡網站設計的基本原理。但是即便你選擇不去追求極簡主義的審美,本文也能幫你簡化你的設計,無論你是哪種風格。
越簡單越豐富
正如提到的,極簡主義將最重要的內容帶到最前面並為用戶避免分散注意力。如果一個頁面有太多的元素,瀏覽者將迷惑於去看哪裏或誤解每個元素的優先級。一個極簡主義設計將焦點正好放到正確的內容上。
比如,在一個黑白設計上的任何色斑,都會引起用戶的注意力。色彩本身也將成為焦點。讓我們來看一個具體的例子:
之前你或許已經見到此類設計:純白背景,一個內容塊和一個圖形元素。
圖形元素使用色彩、紋理和形狀。很明顯這是頁面中最重要的元素,而且它代表了設計師的品牌和個性。
因為這個特殊的圖形元素的複雜性,該頁面中的更多內容會讓它不太醒目,顯得不太重要。保持內容到最小,設計師就實現了完美的平衡。
如何簡化內容
實現極簡設計或者簡化設計的第一步,不是簡單的去掉大部分圖片,而是要重新考慮內容並將其簡化到無遮蓋的需求。隻有那樣才能讓頁面中最重要的元素實現其預期的效果。
就像你策劃任何其它網站一樣,寫下你需要的內容:logo、介紹、導航等等。去掉其它一切不需要的東東。盡可能的丟掉它們。
下面是一些你可能不需要的元素。請注意這僅僅是一個指導。你的確切的需求將依賴於你的具體設計。下面的一些元素對你的網站來說可能不是必須的。
- 社區媒體的圖標或圖形,或者社區媒體部分
- 宣傳員和補充說明或介紹
- “推薦,” “流行”和“最新”列表(包括Twitter和RSS訂閱列表)
- 多於3個主要部分的頁面(比如“介紹” “關於”和“服務”)
- 次級導航頁面
這裏的關鍵並非讓網站有較少的功能,而是去掉不是必要的元素(從而強調必須的元素)或將多個部分整合到一個更簡單的布局(比如,通過合並你的社區媒體鏈接到“關於”或介紹性部分)。
你也可以分割內容到獨立的頁面,給予內容的每個部分更多關注。
如何簡化設計
現在輪到盡可能的簡化設計了。
簡約設計應該有較少的紋理、色彩、形狀、線條、內容或排版。然而,如果太直白,設計將會空洞。與其丟掉所有東西,不如通過給焦點添加一個重要的特征來給設計一些感染力。
選擇焦點可能的樣式,並在你的設計過程中注意一下下面提到的技巧。
使用一個很棒的線框
通過理論下面的展示,我們看到一些設計師通過微妙的色彩填充、獨特布局或有趣的圖形添加一些視覺趣味。然而,或許他們所依賴的最重要的元素,就是一個獨特的線框。
為這樣的網頁創建一個線框需要一些額外的注意事項。通過正確的線框,你可以實現正確的層級和組織以及創建正確的視覺趣味。
要啟動一個線框,請按照以下步驟:
- 確定你絕對需要的內容
- 在一個列表裏面,區分內容的優先級
- 給予你的列表繪製線框的草圖以實驗最佳的視覺層級
當作出了線框之後,考慮一下布置以及視覺上的處理方法。譬如,你的logo使用了一種在其它地方不再重用的顏色,你必須說明原因。
擴展閱讀:從線框圖到最終設計
空白
空白實際上同義與極簡主義。
無論你的設計多麼有創意,一個缺少大量空白的極簡主義設計不是一個真正的極簡主義設計。這樣,一定要在元素周圍比你平時添加更多的空白。
空白對平衡即將出現在頁面中的少量元素是必要的。
平衡、對齊、對比
雖然大部分的布局可以通過空白和良好的線框實現,還是要特別注意一下設計的基本原則。與極簡設計相關的三個最重要的因素是平衡、對齊和對比。
要確保您的設計遵循這些原則,但並不需要一個補充的視覺輔助以看起來“完成”了。
請同時注意其它基本設計原理。回檢它們並實驗不同的選擇來實現最佳的效果。查看 “設計的原理”以獲取更多參考。
當過度設計成為一個習慣
過度設計有時會成為一種習慣。無論你多麼艱難的嚐試將一個設計保持簡單,它最終變得淩亂和複雜。要修正這一點,我們必須養成新的習慣。
試著在每個項目之前回顧上面的技巧並讓它們貫穿整個設計流程。每次集中精力開發一個習慣。比如,努力在將內容放到空白上之前減少和簡化它們。
如果您發現自己左右為難,“有什麼遺漏了”,可以先試著把東西拿出來,而不是加入一些新的東西。
極簡主義的每一個方面,需要不同的天賦。你將這些原理實踐的越多,你的設計就將變得越簡單。
另外,一旦你使用了這裏討論到的技術,看一下最終的產品並查看一下你是否能找到更進一步簡化這個結果的方法。
你可以專注於在設計過程中你不能確定的區域,而且你也可以向其他設計師詢問以指出你可能遺漏的元素。
推薦設計
優秀海報設計精選集(8)海報設計2022-09-23
充滿自然光線!32平米精致裝修設計2022-08-14
親愛的圖書館 | VERSE雜誌版版式設計2022-07-11
生活,就該這麼愛!2022天海報設計2022-06-02
最新文章
國外優秀WEB網頁設計精選網頁設計2023-07-06
國外優秀WEB網頁設計精選網頁設計2023-05-30
Lacoste90周年網頁設計網頁設計2023-05-06
國外優秀WEB網頁設計精選網頁設計2023-01-07