設計觀點
您當前的位置:主頁 > 設計觀點 > 正文
網站的視覺-界面設計 日期:2014-04-14 20:59:41

自己從工藝品設計到平面設計到網絡設計,雖然設計原則不離其宗,但經驗下來的心得告訴自己,設計媒介的變化帶來很多媒介自身的特殊性,下面總結下網站視覺/平面設計的一些要點,有他人經驗,也有自己的心得:1、...

自己從工藝品設計到平面設計到網絡設計,雖然設計原則不離其宗,但經驗下來的心得告訴自己,設計媒介的變化帶來很多媒介自身的特殊性,下面總結下網站視覺/平面設計的一些要點,有他人經驗,也有自己的心得:

1logo

  基本logo特征,符合logo設計基礎(平面設計通用)顯示器效果:清晰度,最小尺寸(因顯示器分辨率而帶來的,等同線下平面設計的印刷效果)

2、文字:

  內容等級決定字體、字號大小、粗細;狀態決定顏色(默認或者根據網站特殊統一)

3、廣告、內容圖片:

  尺寸樣式的定位,同一頁面的和諧性,圖片的優化,位置的節奏,大小對比。

4icon

  品牌性,表達準確合理,設計手法(依據品牌性),一致性,作用:吸引,醒目,方便識別、理解、操作、記憶。

5、可點擊(button)

  區別(不可點擊),根據人的生活經驗:厚度,可按,質感(實體聯想),色彩(品牌性、統一性、對比性);統一的樣式大小(依據里面文字的內邊距統一)

6、背景圖片:

  氛圍效果營造,同產品的統一性,優化(品質大小,色彩信息,實現方案),

7、圖文排版:

  主圖次文,圖文節奏,空隙,模塊化。

8、當前狀態:

  放大(形狀),變色(反色、對比色、明度純度區別色),鏈進鏈出后指定內容提示。

9、交互控件:

   樣式合理準確性(人對系統默認的認知和生活常規認知),狀態(視覺表現樣式和動作過程優化),創意。

10loading

  內容關聯性(loading前后的內容關聯),無聊等待的樂趣,體積、面積優化,創意。

11、用戶反饋成功、出錯、提示、無結果:

  文案(明確、合理、人性化、創意),圖形(明確、醒目、色彩的心理認知準確度)。

12、動畫效果:

  過程合理(模擬真實環境的合理化),連續,節奏感,用戶日常動作表現,音效配合,創意。

13、首尾設計:

  首(品牌宣傳、自身特點、明確內容、氣氛表達、創意。尾:呼應、節奏(與首),創意。

14、適應屏設計(全屏設計):

  最大最小屏幕的考慮(文字、圖片的位置、折行效果)

15、固定尺寸的柵格設計:

  合理的單元格(考慮黃金分割),單元格面積節奏,邊距統一性

16demo設計樣稿:

  對內容最多最少的考慮。

17、頁面:

  品牌性,基調元素一致性,復用性,節奏感、面積感,視覺第一吸引,引導瀏覽,點線

面關系,素描原理(運用素描的基本規律來做頁面)。

18、閱讀:

  背景對閱讀(視力)的舒適度,內容與背景的對比舒適度。

  其實還有很多設計的點比如交互設計,比如代碼設計,我們可以展示給用戶看到的這些綜上所述,構成了用戶體驗設計的一個大過程,自己在做的很多時候其實也不是都能估計到每個點的,總結出來以幫助隨時審視!