UI設計教程分享:電商網頁頁面設計常見表現手法

programmer_feng發表於2018-10-26

1.手繪插畫 

 場景、人物以及加上故事的創意繪畫 會給人夢幻若隱若現的感覺,留下深刻的印象,適合做活動頁面以及宣傳自已的品牌

 

6716d924a5a5454fb43daa7092c82fbb.png

 

2.簡約

  顏色少於三色,背景以明度偏低的顏色為主,在資訊大爆炸的時代,我們開啟手機電腦都會翻開頁面瀏覽資訊,當乾淨利落的頁面呈現人的面前,會更直接突出產品,帶給人大牌正式規範的公司企業形象

 

3.顏色 

 顏色是很直觀的感覺,黃色活潑/可愛/活力/陽光。綠色年輕/希望/新鮮/自由

 

4.誇張  

顏色飽和度都夠高,主要以紅,黃,藍,紫鮮亮的顏色,變形的字型再加上搞怪的模特給人親和力更能突出促銷活動的氛圍,給人更直觀的感覺

 

5.圖不好字型設計來湊 

字型設計也分為很多形式,而每一種的形式給人的直觀感覺都不一樣

 

6.形式  

海報/字型排版形式有正方形,圓形,三角形,動感斜的矩形,左右式,網頁頁面也有這樣的關係,而這種形式就是能貫通頁面,就像寫文章有前後呼應式,並列式等.

 

網頁頁面形式:

上一/二,下二/三/四,規矩整齊明瞭

以一個素材環繞下來如綢帶、絲帶,氛圍足也增添趣味性

以某個元素上大下收小/上小下變大,如咖啡,橘子,適合用於產品少的店鋪,能強烈介紹產品裡的好處,當然裡面的修圖也是一大技法啦,就像告訴讀者我家的咖啡特別醇,好喝,看著圖片就能把人的食慾激發出來以裙子、桌布、瀑布、呈現下來,形式感強,增加創意,氛圍足以區塊顏色(填充圖)/變形的區塊顏色/斜形動感顏色區塊上下錯開式,能增添頁面的動感----

 

編輯:千鋒UI設計

相關文章