《交互數字內容設計》課件-第八章 交互界面視覺設計_第1頁
《交互數字內容設計》課件-第八章 交互界面視覺設計_第2頁
《交互數字內容設計》課件-第八章 交互界面視覺設計_第3頁
《交互數字內容設計》課件-第八章 交互界面視覺設計_第4頁
《交互數字內容設計》課件-第八章 交互界面視覺設計_第5頁
已閱讀5頁，還剩29頁未讀， 繼續免費閱讀

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

第八章交互界面視覺設計8.1交互界面視覺層面解析界面設計的視覺層面主要可以分為三個維度來解析：信息傳遞、視覺美化、創意創新。1.清晰1.1清晰-降噪-容器整合1.2清晰-聚焦-局部放大2.和諧2.1和諧-呼應-顏色互用2.2和諧-節奏感-對比變化我們會發現很多產品首頁帶有封面圖的列表都有很多種排法，例如1帶多，1x2，2x2，2x3等等：2.3和諧-飽滿-負形縮減在做圖標或者字體的時候，經常要講一個原則就是“飽滿”，界面上每個“不能拆分的元素”都需要盡量做到飽滿，比如圖標，再比如下面這個信息組件：正文就屬于不能拆分的單一原子，大家可能會問，這種信息不就是方方正正的一個信息塊嗎，怎么會不飽滿呢，比如行間距過大：再比如，我們在發信息的時候，發現正文出現的表情遠遠大于文字，如下圖：表情一旦出現，就會造成大量空隙（負形過大），導致整體不夠飽滿、和諧。3.獨特

如果你的界面做到了清晰、和諧，在視覺層面就已經算是及格了，如果還能加上一點小創意，就可以讓人眼前一亮。如何能夠做到獨特？可以從兩方面出發，1是品牌，2是內容本身含義。3.1獨特-品牌延展-吉祥物結合3.2獨特-事物本意延展-事物圖形化除了品牌，還可以根據事物本身的意思來延展圖形，比如日間夜間模式的切換按鈕，男女性別的切換按鈕，都可以利用事物本身的含義來延展圖形設計:這里需要注意下，有時候如果圖形過于普通，可以配合動效來增加獨特性，但一定要注意開發成本。8.2交互界面的視覺設計要點8.2.1圖像交互界面中占比最大的就是圖像。這里的圖像，包含了圖片與圖形兩部分，兩者品質的好壞以及設計的美丑都決定了整個交互界面的成敗。1.圖片（1）JPEG（.jpg）（2）GIF（.gif）（3）PNG（.png）（4）點九PN（.9.png）2.圖形8.2.2文字1.正確用字文字設計的要點：（1）字體的選擇要正確（2）字體的使用要正確（3）字體的使用數量不宜過多（4）字體與背景要分明2.常用字體類型（1）以黑體為代表的無襯線字體（2）以手寫書法體為代表的毛筆字體（3）具有動態美感的藝術字體8.2.3色彩1.色彩對比（1）純度對比（2）明度對比（3）面積對比2.色彩分析3.色彩感受4.色彩使用規范8.2.4構圖1.九宮格式構圖

2.圓心點放射式構圖3.三角式構圖

4.視覺導向式構圖5.

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網頁內容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間，僅對用戶上傳內容的表現方式做保護處理，對用戶上傳分享的文檔內容本身不做任何修改或編輯，并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容，請與我們聯系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論