用戶體驗(yàn)至上：移動(dòng)UI完美視覺設(shè)計(jì)法則

前言
如何獲取云空間資料
第1章你需要了解移動(dòng)UI視覺設(shè)計(jì)
1.1移動(dòng)UI視覺設(shè)計(jì)原9- 
1.1.1移耐JUI的相關(guān)概念 
1.1.2移動(dòng)ui視覺設(shè)計(jì)與用戶體驗(yàn) 
1.2宏觀認(rèn)知移動(dòng)uI視覺設(shè)計(jì) 
1.2.1移動(dòng)ui視覺設(shè)計(jì)的重要性   
l.2.2移~JUI視覺設(shè)計(jì)的設(shè)計(jì)流程 
1.2.3移動(dòng)UI視覺設(shè)計(jì)的設(shè)計(jì)總則 
第2章彰顯界面中的文字可讀性
2.1讓用戶能夠更快更準(zhǔn)地辨識文字
法則一避免使用易產(chǎn)生歧義的字體 
法則二盡量使用熟悉的詞匯與搭配 
法則三把握字體粗細(xì)避免含糊
視覺效果 
2.2巧用大小寫讓界面富有
視賞變化的樂趣
法則一大小寫的穿插帶來活力感 
法則二大小寫的搭配也能均衡界面 
法則三利用大小寫的變化
吸引用戶的注意力 
2.3字體、字體尺寸與易讀性
法則一統(tǒng)一的字體不統(tǒng)一的尺寸 
法則二無須縮放操控也能輕易閱讀 
2.4 lbl距與閱讀流暢體驗(yàn) 
法則一適當(dāng)調(diào)整間距別讓文字擁擠 
法則二調(diào)節(jié)間距帶來閱讀
界面的節(jié)奏感     
2.5用戶被文字色彩的交替所吸引 
法則一轉(zhuǎn)換文字色彩突出
界面重點(diǎn)信息     
法則二調(diào)節(jié)文字色彩
與背景色彩的對比關(guān)系 
精致享受 
第3章移動(dòng)IU中不容輕視的“圖”的存在
3.1  圈片在界面中的布局展示形式  
法則一傳統(tǒng)矩陣式平鋪布局   
法則二定寬不定高瀑布式布局    
法則三承接關(guān)系的瀏覽布局 
法則四打破屏幕局限的全景式布局 
3.2注意界面中圈片的尺寸與l例  
法則一不要破壞圖片的品質(zhì)視覺感 
法則二過度拉伸讓圖片失真 
3.3圖片處理突顯界面魅力 
法則一透明和疊加效果帶來的精致享受
法則二  “模糊”質(zhì)感也是一種美的
體驗(yàn) 
3.4圖形符號的裝飾與引導(dǎo)   
法則一提高效率的反饋圖形符號 
法則二讓圖形符號具有方向的
引導(dǎo)性 
3.5能讓用戶識別的圈標(biāo)設(shè)計(jì) 
法則一保持設(shè)計(jì)的一致性 
法則二準(zhǔn)確地隱喻塑造辨識度 
第4章APP中的色彩誘惑
?4.1界面色彩中隱藏的秘密   
法則一色彩也能“綁架”用戶的眼球
法則二有時(shí)“無色”勝“有色”    
4.2色彩間的格葡腦羽環(huán)同界面風(fēng)格 
法則一淡色調(diào)和粉色系展現(xiàn)
甜美與柔和   
法則二暗色調(diào)中的沉穩(wěn)與時(shí)尚   
法則三高純度色彩帶來的活力感 
法則四冷色調(diào)和藍(lán)色系突顯
科技與智慧 
4.3影響視覺感受的對比度的控制 1 
法則一在明度對比中突出界面重點(diǎn)1 
法則二利用純度對比刺激用戶眼球 
法則三過度刺激只會使用戶退縮 
4.4色彩面積決定界面關(guān)鍵點(diǎn)   一1 
法則一在大面積中突顯點(diǎn)睛色   l 
法則二面積均等中的無彩色調(diào)節(jié) 
第5章用格式塔理論武裝設(shè)計(jì)思維與界面
5.1接近性與相似性原理   
法則一合理安排信息間的組合位置 
法則二利用線條或色塊
增強(qiáng)信息的聯(lián)系 
5.2連續(xù)性原理     
法則一別讓圖形的裝飾破壞連續(xù)性1 3 
法則二添加背景裝飾圖形
增強(qiáng)整體感    ．  
法則三適當(dāng)?shù)慕换フf明
讓連續(xù)感更明顯 
法則五低純度色彩和中性色中
的樸實(shí)與復(fù)古     
5.3封閉性與簡化對稱性原理
法則一封閉性帶來的界面美化  
法則二簡化對稱性讓界面更為簡潔
5.4主體與背景原理  
法則  發(fā)揮背景的誘導(dǎo)性 l
法則二別讓背景裝飾與主體脫節(jié) 
5.5共同命運(yùn)原理 
法則一去掉多余的裝飾說明 l
法則二界面元素與操控習(xí)慣的
連接要合理   
第6章圖表化表達(dá)、界面空間與操控趣味
6.1利用信息可視化圖表
濃縮界面內(nèi)容   
法則一少告訴，多展示     
法則二打破常規(guī)去表達(dá) l
法則三讓視覺形成焦點(diǎn)     
法則四清晰的文字說明 讓信息氣味更濃郁     
6.2利用顏色加強(qiáng)圖表視覺效果 一
法則一選擇符合信息表述的顏色   
法則二合理利用色彩的
對比突顯信息 l
6.3動(dòng)態(tài)圖表為界面增添表現(xiàn)力 
法則一前后變化增加操控與參與感 
法則二添加動(dòng)態(tài)設(shè)計(jì)
博取用戶關(guān)注點(diǎn) l
第7章界面布局與用戶體驗(yàn)
?7.1格式化布局
法則一合理劃分信息的層次  
法則二巧用首屏展現(xiàn)信息    
法則三將重點(diǎn)放在看得見的地方 
7.2界面導(dǎo)航的布局形式一     
法則一跳板式布局 l
法則二列表菜單式布局   
法則三選項(xiàng)卡式布局        
法則四  陳列館式布局
法則五儀表式布局
法則六超級菜單式布局 
法則七隱喻式布局
7.3更具情感的界面布局   
法則一利用插圖活躍界面氛圍
法則二步驟圖標(biāo)讓布局
更加人性化
第8章不可忽視的交互設(shè)計(jì)
8.1觸控模式的設(shè)計(jì)    
法則一設(shè)計(jì)界面交互元素讓手勢
更加輕松
法則二通過元素變化增添觸感體驗(yàn) 
8.2注意用戶的觸控范圍     
法則一交互按鈕能使用戶命中目標(biāo) 
法則二不居中更好用
8.3將次級信息“隱藏”起來
法則一滾動(dòng)式“隱藏”
法則二抽屜式“隱藏”
法則三菜單式“隱藏”
法則四圖標(biāo)式“隱藏”