用戶體驗至上：移動UI完美視覺設(shè)計法則

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