欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

設計師詳解電商設計中的極簡設計風格

站酷   發(fā)布時間:2018-04-18 11:08:39   作者: 聶聶咯咯   我要評論
近幾年,電商設計風格逐步走向簡潔乃至極簡的風格,文章從排版、顏色、字體3個方面詳細講解了如何做極簡的設計,每個里面都有一些具體的知識點,對于極簡設計風格還不是很了解的朋友可以看看

耐克的設計同樣是采用這個方法,一般來說廠商想要特意退爆款會選擇一種爆款的顏色或配色,而耐克這樣設計的頁面也是更好的展示了這個商品的獨特的特點,讓人們在任何地方看到這種顏色都會回想起耐克的這款鞋。

C、使用的顏色不要超過3種。

通過上面的案例我們發(fā)現(xiàn),這些設計師所用的顏色都不會超過3種,而做為極簡設計有時候只使用2種顏色,甚至只用黑白灰的變化來進行設計。

2.看似很復雜的顏色搭配其實很簡單

在極簡設計中,顏色的搭配需要非常用心,因為畫面的顏色搭配簡單時,即使稍微有點不協(xié)調(diào)也會被放大很多,因此我們需要了解顏色的幾個屬性:色相、飽和度、明度,還有對比色、相近色等概念。

對于極簡設計的配色也有幾個方法:

A、 統(tǒng)一明度和飽和度;

下圖中的明度和飽和度非常協(xié)調(diào),既不覺得哪個顏色過亮也不覺得哪個顏色過暗。雖然是不同的顏色,但是整個畫面也是非常協(xié)調(diào)統(tǒng)一的,我們現(xiàn)在分析一下畫面的顏色。

我們來看一下,上面4個圓形中的顏色是我從圖片中提取出來的,下面4幅圖是顏色的位置和參數(shù),主要看顏色的位置,就是每幅圖的圓圈位置,我們看到圖中有兩條線,這兩條線就是代碼這4個顏色的明度,可以看到綠色和橘色的明度位置非常相近,黃色和深藍色的明度位置也很相近,綠色和橘色占整個畫面的絕大面積,因此整個畫面看起來是非常協(xié)調(diào)的。而飽和度就是越接近色板的右上角飽和度就越高,我們看到除了深藍色,其他3種顏色都處于飽和度比較高的位置,并且位置比較靠近。

大家可以用這兩幅設計來實驗一下,自己親手解構一下配色的明度和飽和度。而我覺得做為設計師對于顏色的細致理解是非常有必要的。

B、控制顏色的層次;

所謂顏色的層次我們依然用小牛電動車的圖來分析,可以看到所有的顏色都提取出來后圓形中的顏色。

這樣我們很容易的就能看出來顏色的層次,灰色系有7個層次,而紅色系有4個層次,正因為這樣的層次讓整個設計顯得非常豐富,并且有立體感而不至于太“平”。

三、考究的字體

文字在電商設計中的位置極其重要,它承擔著直觀信息傳播的用途,例如活動頁面的折扣信息、商品宣傳頁面的賣點信息、商品的優(yōu)惠價格、文案內(nèi)容的表現(xiàn)等。而在極簡設計中,字體的選擇更為講究。

1.選用符合整體設計風格的字體

字體也是有自己的外貌、性格和風格的,當字體的風格與設計完美的融合在一起的時候,會給整個設計加分不少。

上面的兩張圖是“什么值得買”的閃屏頁面,我們來仔細觀察一下眼鏡、相機與字體(文案)的關系。眼鏡和相機的款式都是非常復古的,有種民國時代的感覺,因此設計師選用了一種仿古字體來配合圖案,給人非常統(tǒng)一的感覺,配上精彩的文案就會給人一個民國時期的場景,這也可以叫帶入感。如果我們把圖中的字體換成非常現(xiàn)代的藝術字會怎么樣?

換了字體后可以看出,雖然每個字體單獨看都不錯,但是與配圖放在一起就感覺非常的不搭,立刻失去了文案和圖片想要傳達的那種“工匠”的感覺。

英文的選擇也是如此,看上圖,英文Animal Prints是動物圖案的意思,你會發(fā)現(xiàn)右側的女性人物應該是穿著一條連衣裙的,因此我猜測這是賣女性服裝的一個Banner,而且是屬于比較成熟的那種(看模特身材就能看出來),因此在選擇字體的時候應該選擇偏細膩柔美的字體,而不是黑粗體。

來看看下圖,感覺是不是差了很多?

下面再來看幾組圖例,試著自己分析一下。

相關文章

最新評論