設計師詳解電商設計中的極簡設計風格
耐克的設計同樣是采用這個方法,一般來說廠商想要特意退爆款會選擇一種爆款的顏色或配色,而耐克這樣設計的頁面也是更好的展示了這個商品的獨特的特點,讓人們在任何地方看到這種顏色都會回想起耐克的這款鞋。
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,而且是屬于比較成熟的那種(看模特身材就能看出來),因此在選擇字體的時候應該選擇偏細膩柔美的字體,而不是黑粗體。
來看看下圖,感覺是不是差了很多?

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



相關文章

全畫幅不是半畫幅的兩倍有什么區(qū)別? 聊聊相機的傳感器尺寸
說到相機畫幅,估計平時聽到最多的可能就是全畫幅與半畫幅了,以至于不少人認為中畫幅比全畫幅要小,為了避免這種常識性錯誤,這篇文章就來和大家說說相機的不同畫幅,所謂2025-04-07
4紙和A5紙因其尺寸適中,使用尤為廣泛,但你知道它們之間有何區(qū)別嗎?今天,就讓我們一起來探討這個話題2025-02-01
各類商務印刷品的尺寸怎么選? 印刷設計常用的尺寸紙張/克重都在這里了
日常經(jīng)常印刷各種東西,哪些尺寸,紙張更合適呢?本文為大家整理了常用印刷尺寸,方便圖文廣告店、印企在日常接單生產(chǎn)中能夠快速掌握客戶關鍵性信息,詳細請看下文介紹2024-02-10
現(xiàn)如今,證件照已成為我們生活中不可或缺的一部分,無論是求職應聘,還是入學注冊,亦或是辦理各種證件,都需要提交符合規(guī)定格式和要求的證件照,那么,這些證件照的尺寸和2024-02-10
平面設計是一個注重視覺效果的設計,簡單的排版方式有時候不能滿足視覺突出的效果,業(yè)務很難達到吸引用戶的眼球,下面我們就來看看8個平面設計技巧分享2023-10-08
每個設計師都有自己最喜歡的設計軟件,并把軟件作為自己的第二語言,今天我們來推薦10款UI設計不可或缺的工具,詳細請看下文介紹2023-10-08
夏日電影風怎么調(diào)色調(diào)色? 適合夏季的柔和綠色調(diào)調(diào)色分享
夏日電影風怎么調(diào)色調(diào)色?夏天快到了,想要調(diào)節(jié)夏季電影風的畫面,該怎么操作呢?下面我們就來看看適合夏季的柔和綠色調(diào)調(diào)色分享2023-04-02
什么是真RAW 什么是偽RAW? 簡單說說真 RAW 和 偽RAW
隨著索尼α7RV(ILCE-7RM5)正式發(fā)售,近期有不少網(wǎng)友跟我咨詢索尼相機“無損壓縮(M)”和“無損壓縮(S)”RAW的問題,今天做一個統(tǒng)一答復2022-12-24
手機UI設計尺寸有哪些?作為新手在設計手機ui的頁面的時候,發(fā)現(xiàn)自己設計的尺寸都很奇怪,如果能有元素尺寸介紹就好了,下面就來看看我們匯總的超全面的UI元素尺寸設置指南2021-08-06
常用照片尺寸有哪幾個?我們經(jīng)常說一寸照片,二寸照片,這些照片的尺寸是怎么計算的?下面我們就來看看照片標準尺寸/像素對照表匯總2021-08-06









