您當前位置:圖趣網(Tuquu) >> 網頁設計教程 >> 視覺設計 >> 瀏覽設計教程

3大速成法則!幫你輕松搞定極簡主義網站設計

極簡主義風格網站,越來越受到眾設計師和公司青睞,一方面能更準確的傳達文字信息,另一方面極簡的網站看上去更加的高大上;

本文來自@念經的大獼猴桃的譯文,很不錯,對于沒有經驗,想借鑒他人的設計師,如果沒有強大的歸納能力,閱遍極簡也枉然。恰好這篇文章把極簡主義必備/拋棄的元素,可以運用的技巧,如何與其他風格結合這幾個關鍵點都說得非常仔細,怒馬不多說!

如今極簡設計已普遍被應用于網頁設計中,當然這擁有充分理由。輕量級的布局和低維修成本使其靈活適用于響應式設計。自然優(yōu)雅極具美感,使得很多品牌和機構青睞并采用。然而贊賞這一設計風格和創(chuàng)造它是兩碼事。

看起來,由于極簡主義元素不多,復制某種風格似乎變的及其容易。然而事實卻正好相反,由于設計師可利用的元素極少,創(chuàng)造一個極簡主義的設計設計師往往要付出更多思考和努力。


3大速成法則幫你輕松搞定極簡主義網站 三聯(lián)


這篇文章將解釋如何充分利用極簡主義設計的優(yōu)點,我們可以通過以下標準快速判斷極簡設計是否適用于你的網站設計,然后深入去做最佳實踐,因為你需要后續(xù)和技術討論合作。

極簡主義是否適合你的網站?

根據免費電子書《Web Design Book of Trends 2015-2016》的推薦。極簡主義設計并不是每個網站最好的選擇。雖然這項技術非常適合簡單的企業(yè)機構像是事務所網站和創(chuàng)意個人簡歷,但對于更復雜的網站情況會變得非常棘手。


js220150908


讓我們來看看一些常見的網站應用極簡主義時遇到的問題:

1. 內容太多:

比如ebay或是Amazon的網站需要一個支持多內容分類的詳盡界面,所以一個極簡主義的界面并不是最佳選擇。然而,這些網站仍應用了極簡設計的一些準則,比如在你不需要的時候,將內容隱藏。

2. 廣告太多:

總的來說,外部的廣告和極簡主義無法很好并存。極簡主義準確而細致,如果你無法確認外部的廣告服務器會在網站插入怎樣的廣告,你的整個設計可能會被一些瑣碎的元素打亂,比如廣告圖片的顏色。即便廣告是被預設好的,仍然可能會成為你設計中多余的元素。

3. 兒童和年輕人的網站:

年輕觀眾可能會因為極簡主義的設計感到無聊,他們常常會喜歡更多視覺刺激的網站,甚至也可以包含一些音頻。

相比于其他的風格,極簡主義有一套特定的風格標準,當你決定使用這種風格前,需仔細思考。

極簡主義的最佳實踐

看看這些有價值的極簡主義的指導方針:

1. 只有著陸頁:對一些內容豐富的網站來說,極少的元素并不有利。這種情況下,更好的選擇是創(chuàng)造一個極簡主義的著陸頁,以這個頁面作為一個更復雜網站的入口。

2. 干脆利落的設計稿:一般來說,“省略不必要的詞”是極棒的寫作建議,甚至更適用于極簡設計。在做設計稿的時候,想象你是海明威在寫作吧~

3. 重視頂部空間:根據用戶瀏覽的習慣,將高質量的內容以充足的負空間排版放置于頁面頂端,隨著向下滾動頁面逐漸增加內容的密度。


js201150908 (1)


4. 保持趣味性:對極簡主義來說,無聊始終是一種威脅,所以改變你的布局以進一步吸引用戶,交替沿z字形布局模式可以幫助閱讀。

5. 一頁一個概念:簡潔設計的主旨,每個頁面/屏幕圍繞一個視覺,專注在一個概念上。

6. 少于等于五部分:內容最好不多于五個部分,否則便縮減它們。

7. 從簡入繁:最好在設計的時候先從黑白的框架入手,然后再慢慢往里面添加元素比如說顏色等等,這樣做的目的是幫助你搞明白什么是必要的,什么可以省去。

如果你是學習極簡設計的新手,如何取舍是極痛苦的選擇。下面我們做了一個列表給新手們。

1. 必要元素——logo,導航選項,正文內容,聯(lián)系信息

2. 可以舍去的——社交媒體鏈接/圖標,頁腳,小部件(尤其是列表,比如最熱門點擊)。

從好的一面看,隨著你更深入地進行極簡設計,你直覺就會越清楚哪些可以被省略。將必要的和多余的內容元素區(qū)分開來是所有設計風格都需要的技能(更不需要提你的生活或工作以外的事情)。

極簡主義與其他設計風格

《極簡主義設計之美》 這篇文章的一部分是講極簡主義是如何與其他設計風格很好配合的??梢园褬O簡主義當作一種屬性,而它可以添加或結合其他的風格和技術以揚長避短。

特別是,現(xiàn)今流行的移動設備和重加載動畫,極簡主義設計提供了一個方法來保證質量的同時降低維護成本。因此,極簡主義設計常常和其他風格的設計并用。

1. 扁平化設計


js201150908 (2)


極簡設計和扁平化設計兩者搭配相得益彰,因為兩者重點都是強調簡潔之特性。同樣都是舍棄了很多設計上的技巧而將重點放在內容上,扁平化設計的基本風格就其本身來說,其實便是極簡化設計。

2. 英雄標題和圖片


boneandgold


先不談及光鮮的扁平設計,真實照片和大尺寸篇幅的照片正在越來越廣泛地被應用。隨著這大量又極具吸引力的影相自然而然成為屏幕上最吸引人的焦點,將他們同極簡主義設計結合可以防止分散太多用戶的注意力。

3. 簡單的導航


js201150908 (3)


換句話說,你大可以簡化你的導航為漢堡按鈕(左上三條橫線),當你需要顯示全部導航內容的時候,只需要點擊或鼠標滑過。

雖然這個方法是實現(xiàn)純粹極簡主義設計的最快策略,但并不推薦用于所有網站——這種過于簡單化的導航致使用戶更難發(fā)現(xiàn)導航,所以對于一些不熟悉的頁面并不適合用這種導航來吸引用戶。

4. 具有藝術性的排版


js201150908 (4)


因為對于極簡設計來說,文字總是不可或缺的組成部分,文字的排版因此顯得舉足輕重。也成為創(chuàng)造更具有有個性和感染力的極簡主義網站的幾種方式之一。

總結

極簡主義設計有諸多的優(yōu)點,例如減少加載時間更適合響應式設計,值得我們去研究。如果你的設計符合上面所提到的所有標準,便可以嘗試用更少的元素重新構思你的網站,可以當作只是一個練習。你會發(fā)現(xiàn)有很多你曾經覺得必要的元素也是可以被省略。


[教程作者:@念經的大獼猴桃]
免責聲明:本站文章系圖趣網整理發(fā)布,如需轉載,請注明出處,素材資料僅供個人學習與參考,請勿用于商業(yè)用途!
本文地址:http://irelandcustomcontracting.com/tutorial/ui2909.html
吊炸天!網頁設計中三種簡易實用毛筆字設計
如何利用6個攝影構圖法搞定設計布局?
圖趣網微信
建議反饋
×