




版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領
文檔簡介
第八章交互界面視覺設計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. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 轉讓鋼廠項目協議書
- 餐廳臨時出租協議書
- 針灸推拿醫生協議書
- 裝修公司學徒協議書
- 營運車輛入股協議書
- 銀行貸款免還協議書
- 餐廳經營轉讓協議書
- 食品貨車司機協議書
- 閑置水廠合作協議書
- 音樂機構入股協議書
- DB23T 3711-2024市縣級礦產資源總體規劃編制技術規程
- 智能座艙域控制器液冷散熱設計及仿真研究
- 2025年沈陽汽車城開發建設集團有限公司招聘筆試參考題庫含答案解析
- 田徑理論考試復習題庫300題(含各題型)
- 泛海三江JB-QGL-9000、JB-QTL-9000、JB-QBL-9000火災報警控制器
- 員工團建就餐合同
- 電氣工程及其自動化畢業設計 基于PLC的噴涂機器人控制系統的設計
- 滑雪培訓服務合同
- 肌肉注射課件(共45張課件)
- 工程經濟學(青島理工大學)知到智慧樹章節測試課后答案2024年秋青島理工大學
- 2025年國家電網有限公司招聘筆試參考題庫含答案解析
評論
0/150
提交評論