• 相關文章
  • 文字效果
  • 調色教學
  • 合成教學
  • 去背教學
  • 照片後製
  • 電腦繪圖
  • 設計教學
  • 動畫教學
  • 簽名製作
  • 其他教學
  • Illustrator
  • CorelDraw教學
  • 攝影教學
  • 3DMAX教學
  • AUTOCAD教學
  • MAYA教學
  • FireWorks教學
  • flash教學
  • 繪畫教學
  • PS作品欣賞
  • 包裝設計範例
  • LOGO設計範例
  • 封面設計範例
  • 名片設計範例
  • CG繪圖設計
  • 海報設計
  • 網頁設計範例
  • PS筆刷下載
  • PS濾鏡下載
  • PS動作下載
  • PS背景下載
  • PS樣式下載




  • 【 設計理論】淺談視覺設計傳達的4件東西




    淺談視覺設計傳達的4件東西

    這一次的教學是屬於設計理論領域中的設計理論的相關教學。

    文章出處是來自站酷的設計理論類文章,寫教學的作者是Danis2011,感謝Danis2011提供設計理論的實作教學。

    教學大綱:

    在大家着迷用戶體驗設計,關注用戶研究、人機交互的時候,視覺設計好像被遺忘了。


    設計理論教學開始

    在大家着迷用戶體驗設計,關注用戶研究、人機交互的時候,視覺設計好像被遺忘了。

    我想說的是,視覺設計一如既往地重要着。

    視覺設計處在產品表現層,跟諾曼先生提出的情感化設計本能層設計水平直接相關。

    如果想讓用戶一見鍾情進而買單,讓客戶點頭通過方案,給他們視覺上的第一印象至關重要。

    沒有視覺的最終落地,前面的研究和交互,似乎都將付諸東流。

    因為視覺設計至少做了這四件事情:

    1 傳達“品牌”。

    視覺設計形成一種氛圍,與公司品牌建立聯繫。

    既是一種宣傳,也加深了用戶對品牌的認知度。

    淺談視覺設計傳達的4件東西

    蘭芝的產品、界面和包裝都是一致的藍

    2 傳達“美感”。

    漂亮的東西總是比醜陋的東西容易被人接受。

    這裡指的“美感”應該是“恰當地漂亮”,

    每個人的審美不一樣,甲之熊掌乙之砒霜,所以所謂的美感因人而異,因目標用戶打造。

    小孩認為的美跟大人認為的美也許是不一樣的。

    男人認為的美跟女人認為的美也許是不一樣的。

    文藝青年的美跟土老闆認為的美也許是不一樣的。

    甚至同一個人身上,當他扮演不同的角色的時候,也應該給他恰當的美。

    比如一個人潮人醫生,他使用的手機界面應該新潮,而使用的醫療器械界面卻應該簡約。

    淺談視覺設計傳達的4件東西

    漂亮的產品也許會讓用戶痴迷並忘記一部分學習成本

    3 傳達“信息”。

    它將產品上的信息/數據視覺化,以容易識別、容易理解的方式表達出來。

    比如對於信息優先級的識別,通過視覺對比讓用戶知道我們想給他優先看什麼。

    淺談視覺設計傳達的4件東西

    從報紙的設計可以讀出信息優先級

    比如對於信息關聯度的識別,哪些內容跟哪些內容是相關的,哪些是包含被包含的。

    淺談視覺設計傳達的4件東西

    邊框是區分邏輯關係的一種視覺手段

    比如通過樹狀圖、熱點圖等圖形表達數據的統計,比純粹羅列數據更好理解。

    淺談視覺設計傳達的4件東西

    4 傳達“行為”。

    交互的理念通過視覺傳達,視覺暗示將行為、狀態傳達給用戶。

    一個操作的線索,操作的過程,操作的結果都需要視覺來交待。

    比如憤怒的小鳥,在拉動彈弓,拉到什麼程度,彈出小鳥,砸中積木,整個過程都是豐富的視覺效果在負責交待。

    淺談視覺設計傳達的4件東西

    最後舉個例子,在一顆按鈕身上可以也許可以體現出來這四件事情:

    淺談視覺設計傳達的4件東西

    這顆麥當勞的按鈕,

    紅色的主色,中間有些許黃色的光暈,透露“品牌”。

    質感、發光的處理代表“美感”。

    鼠標懸停、按下的時候(這個是我yy的,實際上他們沒有做 =.=),有相應的狀態反饋,傳遞“交互”。

    按鈕上的字說明“信息”。

    — —

    文章永久連結為: 淺談視覺設計傳達的4件東西