看起來高大上極簡風(fēng)格的網(wǎng)站是怎么建設(shè)的?
初級設(shè)計師學(xué)做加法,高級設(shè)計師學(xué)做減法。今天以極簡風(fēng)格的網(wǎng)站設(shè)計為例,教同學(xué)們可以從哪幾個方面給網(wǎng)站做減法。極簡不是刪刪刪,而是繁中取精,取舍得當(dāng),想點亮這個技能,來學(xué)習(xí)。
使用留白的極簡主義是現(xiàn)代設(shè)計的大趨勢之一。很好地使用留白的人往往可以使你的頁面第一眼看上去非常清爽,但是實際上用少量的元素和大量的留白做好設(shè)計還是有些難度的。甚至有些情況下你的客戶不會那么喜歡,因為他們總是想要盡可能在頁面上放更多的信息。
但是很多設(shè)計師都把極簡主義的風(fēng)格當(dāng)做是一種挑戰(zhàn)。極簡主義風(fēng)格的網(wǎng)頁可以在不同的終端上轉(zhuǎn)換,當(dāng)然也適用于打印,頁面設(shè)計和包裝設(shè)計。接下來,我們來分析一下使用極簡主義的特別棒的案例。
巧妙使用留白
Overclothing
每當(dāng)設(shè)計師談?wù)摰綐O簡主義的時候,總會有一種“所見即所得”的態(tài)度。因為實際上也沒有什么法則可以幫助你運用極簡設(shè)計。
下面是一些大部分設(shè)計師都贊同的貢獻。極簡主義設(shè)計風(fēng)格包括:
使用留白是極簡設(shè)計中最關(guān)鍵的一步。但是它只當(dāng)你使用更少量的元素,更開闊的空間的時候。為了創(chuàng)建一個有效的設(shè)計項目,你不得不從一開始就思考。
簡潔的內(nèi)容
你應(yīng)當(dāng)為了內(nèi)容而設(shè)計,內(nèi)容才是一切。
如果你想要創(chuàng)建一個極簡設(shè)計,記住一定不能讓信息超載。內(nèi)容的樣式應(yīng)該和設(shè)計樣式的大綱相匹配。
在設(shè)計內(nèi)容的時候,不妨問自己以下幾個問題:
如果你的回答是,那么一個簡單的大綱就成型了。否則,你就應(yīng)當(dāng)暫停下來,思考這些問題應(yīng)當(dāng)如何解決。
把設(shè)計技巧都忘卻
在過去的幾年,設(shè)計師們都討論了很多關(guān)于扁平化設(shè)計和擬物化設(shè)計,那也正是極簡派抽象藝術(shù)誕生的時候,因為設(shè)計師們都放棄了所有的設(shè)計技巧和原則。
所以當(dāng)想設(shè)計出一個極簡化的風(fēng)格,這也是最重要的需要考慮的地方。設(shè)計需要擯棄那些小花招,除非他們絕對必要。對陰影,夸張的質(zhì)地,圖片邊框和字體都需要足夠的注意。
先排除所有,再仔細(xì)想想設(shè)計元素中最基本的東西——顏色,類型,空間,網(wǎng)格和必要的設(shè)計元素。
關(guān)注細(xì)節(jié)
細(xì)節(jié)都是為內(nèi)容服務(wù)的。在極簡化設(shè)計中,物體和元素都不應(yīng)當(dāng)隱藏在你的設(shè)計中。每個細(xì)節(jié)都非常重要,所以必須謹(jǐn)慎。
注意細(xì)節(jié)也要注意網(wǎng)格線和對齊元素。井井有條的設(shè)計看上去更和諧,考慮用戶在交互的時候的感你才能創(chuàng)造出能好的元素。
顏色需要目的
有的時候既簡化設(shè)計可以讓人們自然而然的想起黑白設(shè)計的視覺感。但是盡管潮流如此,極簡化設(shè)計也是可以使用顏色的。
選擇使用基礎(chǔ)色調(diào)的畫布,并且明度和飽和度都適中的顏色。堅持只是用一到兩種顏色,淺色也是如此。
想想你的顏色用于什么地方,是設(shè)計的背景嗎?還是用于強調(diào)的設(shè)計元素?持續(xù)使用這個顏色。
想想你的排版
排版和色彩在設(shè)計項目中也很重要,它需要簡單直接。
無襯線字體是極簡化設(shè)計中的常用字體。字體通常運用為圖像的主要元素,加大加粗更是可以成為視覺的焦點。你的字體可讀性強,你的作品才能成效。
當(dāng)你考慮到排版的時候,畫布上的文字和排版一樣重要。如果你的設(shè)計很簡潔,那么你的文字應(yīng)當(dāng)同樣的簡單。不要讓你的設(shè)計負(fù)載太多的問題。你要堅持突出你想表達的圖標(biāo)和品牌,那么你的導(dǎo)航和標(biāo)題只用短短的幾行詞就足夠了。
使用大量的留白
留白是極簡化設(shè)計中的關(guān)鍵一步。如果沒有太多的圖像和文字元素,那么一定有很多的空白。
當(dāng)運用空白的時候,你的設(shè)計應(yīng)當(dāng)是開闊的。那么一開始你就要保證你的設(shè)計使用的鋪陳元素就是空白。
然后想一想你的設(shè)計和其他元素的關(guān)系。把你的圖像整體加一個外邊距,并保持在文字范圍之間,使之可點擊。
你每個元素邊的空白實際上都是強調(diào)用的,你元素的空白使用要有目的并且報紙一致。如果你隨意使用空白,你的設(shè)計感覺就很雜亂無章,你可以使用網(wǎng)格來幫你好好組織規(guī)劃你的設(shè)計。
編輯設(shè)計
這是意義重大的一步。在你把你的設(shè)計初稿完成后,好好編輯它。進一步簡化你的設(shè)計,因為很有可能你還是使用了太多的元素了。
選擇一個焦點,然后去除周圍的所有元素。再去除掉你頁面上與你的焦點完全不相關(guān)的元素。如果有必要你可以把你的設(shè)計元素加回來,這樣想的話你就可以放心大膽的去掉更多的元素。重復(fù)以上步驟,你就會明白對你的設(shè)計而言什么才是不必要的東西。
人們常常會因為沒有元素可以去掉而爭論不休,這樣的話你不妨嘗試另一種設(shè)計方法,打破常規(guī)設(shè)計。難道你真的需要:
我上面提到的幾條就是我認(rèn)為的極簡設(shè)計的黃金法則,再很多極簡設(shè)計的項目中,上面幾點就是我第一次修改草稿中所要考慮到的幾點。通常他們包括你的商業(yè)品牌,標(biāo)題,導(dǎo)航欄和空白。
如果你有問題,暫時離開你的設(shè)計稍后再回來。接著繼續(xù)修改。然后再多去掉一些元素,去除設(shè)計元素直到再刪掉一個讓你感到不舒服,那么就把它添加回來吧。
小結(jié)
當(dāng)我們談?wù)摌O簡主義,只使用可讀性強和使用率高的元素。其他所有就都是裝飾。
極簡設(shè)計就是讓你的設(shè)計回歸本源的一種方式。很多情況下我們都過度設(shè)計了,很多設(shè)計元素和裝飾看上去都是雜亂無章的堆砌起來的。你可以使用上面的思考方式來想想你的設(shè)計要如何重新構(gòu)建。
百度口碑
100%好評
360安全認(rèn)證
安全可信賴
公安機關(guān)
公網(wǎng)備案