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

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