取舍有道!有哪些關(guān)鍵技巧能搞定極簡風(fēng)格網(wǎng)站?

0 評論 12530 瀏覽 0 收藏 10 分鐘

極簡設(shè)計,只使用可讀性強(qiáng)和使用率高的元素:使用留白,簡介的內(nèi)容,服務(wù)內(nèi)容的細(xì)節(jié)等等。讓界面簡潔但又不缺乏內(nèi)容。

使用留白的極簡主義是現(xiàn)代設(shè)計的大趨勢之一。很好地使用留白的人往往可以使你的頁面第一眼看上去非常清爽,但是實際上用少量的元素和大量的留白做好設(shè)計還是有些難度的。甚至有些情況下你的客戶不會那么喜歡,因為他們總是想要盡可能在頁面上放更多的信息。

但是很多設(shè)計師都把極簡主義的風(fēng)格當(dāng)做是一種挑戰(zhàn)。極簡主義風(fēng)格的網(wǎng)頁可以在不同的終端上轉(zhuǎn)換,當(dāng)然也適用于打印,頁面設(shè)計和包裝設(shè)計。接下來,我們來分析一下使用極簡主義的特別棒的案例。

巧妙使用留白

jijian2

每當(dāng)設(shè)計師談?wù)摰綐O簡主義的時候,總會有一種“所見即所得”的態(tài)度。因為實際上也沒有什么法則可以幫助你運(yùn)用極簡設(shè)計。

下面是一些大部分設(shè)計師都贊同的貢獻(xiàn)。極簡主義設(shè)計風(fēng)格包括

摒棄復(fù)雜, 使用基本元素

簡單的功能交互

能承載整個項目的小細(xì)節(jié)

大量留白

使用簡單和少量的色彩

只是用一種或兩種字體

簡單的內(nèi)容

極簡設(shè)計不僅僅是圖像設(shè)計的理論。極簡主義海運(yùn)用在藝術(shù),音樂,流行,家裝和文學(xué)上。每當(dāng)人們談?wù)摌O簡主義的時候,那句名句“Less is more”就會被經(jīng)常重復(fù)。盡管它確實是聽上去有些陳詞濫調(diào),但是卻是描述極簡主義最好的方式之一。

使用留白是極簡設(shè)計中最關(guān)鍵的一步。但是它只當(dāng)你使用更少量的元素,更開闊的空間的時候。為了創(chuàng)建一個有效的設(shè)計項目,你不得不從一開始就思考。

簡潔的內(nèi)容

jijian3

你應(yīng)當(dāng)為了內(nèi)容而設(shè)計,內(nèi)容才是一切。

如果你想要創(chuàng)建一個極簡設(shè)計,記住一定不能讓信息超載。內(nèi)容的樣式應(yīng)該和設(shè)計樣式的大綱相匹配。

在設(shè)計內(nèi)容的時候,不妨問自己以下幾個問題:

它容易理解么?

能向用戶簡單的表達(dá)么?

圖像和文字都足夠簡潔了么?

在沒有解釋的情況下,你的想法能傳達(dá)給人們么?

如果你的回答是,那么一個簡單的大綱就成型了。否則,你就應(yīng)當(dāng)暫停下來,思考這些問題應(yīng)當(dāng)如何解決。

把設(shè)計技巧都忘卻

jijian4

在過去的幾年,設(shè)計師們都討論了很多關(guān)于扁平化設(shè)計和擬物化設(shè)計,那也正是極簡派抽象藝術(shù)誕生的時候,因為設(shè)計師們都放棄了所有的設(shè)計技巧和原則。

所以當(dāng)想設(shè)計出一個極簡化的風(fēng)格,這也是最重要的需要考慮的地方。設(shè)計需要擯棄那些小花招,除非他們絕對必要。對陰影,夸張的質(zhì)地,圖片邊框和字體都需要足夠的注意。

先排除所有,再仔細(xì)想想設(shè)計元素中最基本的東西——顏色,類型,空間,網(wǎng)格和必要的設(shè)計元素。

關(guān)注細(xì)節(jié)

jijian5

細(xì)節(jié)都是為內(nèi)容服務(wù)的。在極簡化設(shè)計中,物體和元素都不應(yīng)當(dāng)隱藏在你的設(shè)計中。每個細(xì)節(jié)都非常重要,所以必須謹(jǐn)慎。

注意細(xì)節(jié)也要注意網(wǎng)格線和對齊元素。井井有條的設(shè)計看上去更和諧,考慮用戶在交互的時候的感你才能創(chuàng)造出能好的元素。

顏色需要目的

jijian6

有的時候既簡化設(shè)計可以讓人們自然而然的想起黑白設(shè)計的視覺感。但是盡管潮流如此,極簡化設(shè)計也是可以使用顏色的。

選擇使用基礎(chǔ)色調(diào)的畫布,并且明度和飽和度都適中的顏色。堅持只是用一到兩種顏色,淺色也是如此。

想想你的顏色用于什么地方,是設(shè)計的背景嗎?還是用于強(qiáng)調(diào)的設(shè)計元素?持續(xù)使用這個顏色。

想想你的排版

jijian7

排版和色彩在設(shè)計項目中也很重要,它需要簡單直接。

無襯線字體是極簡化設(shè)計中的常用字體。字體通常運(yùn)用為圖像的主要元素,加大加粗更是可以成為視覺的焦點。你的字體可讀性強(qiáng),你的作品才能成效。

當(dāng)你考慮到排版的時候,畫布上的文字和排版一樣重要。如果你的設(shè)計很簡潔,那么你的文字應(yīng)當(dāng)同樣的簡單。不要讓你的設(shè)計負(fù)載太多的問題。你要堅持突出你想表達(dá)的圖標(biāo)和品牌,那么你的導(dǎo)航和標(biāo)題只用短短的幾行詞就足夠了。

使用大量的留白

jijian8

留白是極簡化設(shè)計中的關(guān)鍵一步。如果沒有太多的圖像和文字元素,那么一定有很多的空白。

當(dāng)運(yùn)用空白的時候,你的設(shè)計應(yīng)當(dāng)是開闊的。那么一開始你就要保證你的設(shè)計使用的鋪陳元素就是空白。

然后想一想你的設(shè)計和其他元素的關(guān)系。把你的圖像整體加一個外邊距,并保持在文字范圍之間,使之可點擊。

你每個元素邊的空白實際上都是強(qiáng)調(diào)用的,你元素的空白使用要有目的并且報紙一致。如果你隨意使用空白,你的設(shè)計感覺就很雜亂無章,你可以使用網(wǎng)格來幫你好好組織規(guī)劃你的設(shè)計。

編輯設(shè)計

jijian9

這是意義重大的一步。在你把你的設(shè)計初稿完成后,好好編輯它。進(jìn)一步簡化你的設(shè)計,因為很有可能你還是使用了太多的元素了。

選擇一個焦點,然后去除周圍的所有元素。再去除掉你頁面上與你的焦點完全不相關(guān)的元素。如果有必要你可以把你的設(shè)計元素加回來,這樣想的話你就可以放心大膽的去掉更多的元素。重復(fù)以上步驟,你就會明白對你的設(shè)計而言什么才是不必要的東西。

人們常常會因為沒有元素可以去掉而爭論不休,這樣的話你不妨嘗試另一種設(shè)計方法,打破常規(guī)設(shè)計。難道你真的需要:

圖標(biāo)和社交媒體?

廣告和流行語?

RSS訂閱或者其他流行的欄目?

多層級菜單?

我上面提到的幾條就是我認(rèn)為的極簡設(shè)計的黃金法則,再很多極簡設(shè)計的項目中,上面幾點就是我第一次修改草稿中所要考慮到的幾點。通常他們包括你的商業(yè)品牌,標(biāo)題,導(dǎo)航欄和空白。

如果你有問題,暫時離開你的設(shè)計稍后再回來。接著繼續(xù)修改。然后再多去掉一些元素,去除設(shè)計元素直到再刪掉一個讓你感到不舒服,那么就把它添加回來吧。

小結(jié)

當(dāng)我們談?wù)摌O簡主義,只使用可讀性強(qiáng)和使用率高的元素。其他所有就都是裝飾。

極簡設(shè)計就是讓你的設(shè)計回歸本源的一種方式。很多情況下我們都過度設(shè)計了,很多設(shè)計元素和裝飾看上去都是雜亂無章的堆砌起來的。你可以使用上面的思考方式來想想你的設(shè)計要如何重新構(gòu)建。

 

來源:優(yōu)設(shè)網(wǎng)

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!