網站美工設計是網站的重要組成部分,一好網站讓人看了心情愉悅,設計原則不離其宗,下面總結下網站視覺設計的一些要點:
1—logo:
基本logo特征,符合logo設計基礎(平面設計通用)顯示器效果:清晰度,最小尺寸(因顯示器分辨率而帶來的,等同線下平面設計的印刷效果)
2—文字:
內容等級決定字體、字號大小、粗細;狀態(tài)決定顏色(默認或者根據網站特殊統(tǒng)一)
3—廣告、內容圖片:
尺寸樣式的定位,同一頁面的和諧性,圖片的優(yōu)化,位置的節(jié)奏,大小對比。
4—icon:
品牌性,表達準確合理,設計手法(依據品牌性),一致性,作用:吸引,醒目,方便識別、理解、操作、記憶。
5—可點擊(button):
區(qū)別(不可點擊),根據人的生活經驗:厚度,可按,質感(實體聯想),色彩(品牌性、統(tǒng)一性、對比性);統(tǒng)一的樣式大。ㄒ罁锩嫖淖值膬冗吘嘟y(tǒng)一)
6—背景圖片:
氛圍效果營造,同產品的統(tǒng)一性,優(yōu)化(品質大小,色彩信息,實現方案),
7—圖文排版:
主圖次文,圖文節(jié)奏,空隙,模塊化。
8—當前狀態(tài):
放大(形狀),變色(反色、對比色、明度純度區(qū)別色),鏈進鏈出后指定內容提示。
9—交互控件:樣式合理準確性(人對系統(tǒng)默認的認知和生活常規(guī)認知),狀態(tài)(視覺表現樣式和動作過程優(yōu)化),創(chuàng)意。
10—loading:
內容關聯性(loading前后的內容關聯),無聊等待的樂趣,體積、面積優(yōu)化,創(chuàng)意。
11—用戶反饋_ 成功、出錯、提示、無結果:
文案(明確、合理、人性化、創(chuàng)意),圖形(明確、醒目、色彩的心理認知準確度)。
12—動畫效果:
過程合理(模擬真實環(huán)境的合理化),連續(xù),節(jié)奏感,用戶日常動作表現,音效配合,創(chuàng)意。
13—首尾設計:
首(品牌宣傳、自身特點、明確內容、氣氛表達、創(chuàng)意。尾:呼應、節(jié)奏(與首),創(chuàng)意。
14—適應屏設計(全屏設計):
最大最小屏幕的考慮(文字、圖片的位置、折行效果)
15—固定尺寸的柵格設計:
合理的單元格(考慮黃金分割),單元格面積節(jié)奏,邊距統(tǒng)一性
16—demo設計樣稿:
對內容最多最少的考慮。
17—頁面:
品牌性,基調元素一致性,復用性,節(jié)奏感、面積感,視覺第一吸引,引導瀏覽,點線面關系,素描原理(運用素描的基本規(guī)律來做頁面)。
18—閱讀:
背景對閱讀(視力)的舒適度,內容與背景的對比舒適度。