欧美成人粉红派对在线不卡_亚洲精品口爆av美女_国产成人乱码一二三区性色qery_日韩加勒比无码成人精品_国产口爆骚妇一区色色

當前位置: 首頁 > 設計資訊 > 設計教程 > 正文

學會這3個方法做出極簡風格的電商設計

2018-01-08 1939 0
電子商務經過了幾年的發(fā)展已經逐漸成熟,并且已經發(fā)展出了自己的模式和風格。但是對于電商的設計風格大多數(shù)人還停留在最初的用商品堆砌+文字信息+各種亂七八糟的效果。而這兩年各個電商公司已經非常重視設計了,而且設計風格也逐步走向簡潔乃至極簡的風格。這種變化是隨著電商的不斷發(fā)展,更加重視產品的品質而進化的。
下面從3個方面來講一下如何做極簡的設計,每個里面都有一些具體的知識點。 先看一下極簡設計的案例: uisdc-201609023 這是錘子T1的頁面設計,雖然好多人都不喜歡老羅,但是我覺得他有對設計特有的一種完美主義的偏執(zhí),無論是手機的外型(各種對稱)還是系統(tǒng)UI的設計,我覺得作為設計師我還應該多向他學習一下?;氐巾撁嬖O計本身,我們來分析一下這個頁面的設計。
一、極致的版式 可能大家開始畫畫的時候就接觸和學習構圖了,而構圖就是版式設計的基礎。但我們往往忽略了對于構圖和版式的極致追求,一般我們總會說,差不多看著舒服就行,可是對于設計師的能力晉升我們還需要更加重視版式的設計。 下面是幾個版式設計的技巧:
1. 對齊——最基礎但也最重要 uisdc-201609024 上面圖A、B、C是對頁面重新排版,圖D是原有的設計。雖然總體看起來都還可以,但是我們仍然可以很直觀的看出來,圖A的構圖有些頭重腳輕,讓人感覺中心偏下;圖B的手機主體物有種對文案的擠壓感,讓人覺得壓抑;圖C的手機和文案成為90°的夾角,讓人覺得有種阻礙感,不順滑;圖D的設計很好的協(xié)調了主體圖與文案的關系,并且給人一種從遠及近的中距離縱深感。整個畫面中間對齊更能最大限度的突出主體——手機。從錘子的網頁設計中我們可以觀察到,這種排版方式是中間對齊,無論是橫向還是豎向。 再看幾個中間對齊的例子:
b9ac57c4cb420000012e7e7bc642.jpg 上面的設計家也是用的中間對齊方式,大寫的V視覺沖擊力非常強,而左上角的Logo信息和右下角的信息成為對角形式,讓人感覺畫面非常平衡而又穩(wěn)定。 uisdc-201609026 小米2015年的新品發(fā)布會海報也采用了中間對齊的形式,讓觀看者很容易的就聚焦到中間“新年禮物”的重要信息上。
uisdc-201609027
下面的圖例是左右排版方式:
uisdc-201609028 uisdc-201609029 由此我們總結出對齊的版式的幾個特點和作用: A、視覺聚焦; B、強化頁面統(tǒng)一性和條理性; C、對視覺的導向作用。


22
評論區(qū)(0)
正在加載評論...
相關推薦