移動UI完美視覺設計法則

移動UI完美視覺設計法則

《移動UI完美視覺設計法則》是2015年機械工業出版社出版的圖書,作者是張穎。

基本介紹

  • 中文名:移動UI完美視覺設計法則
  • 作者:張穎
  • 出版社:機械工業出版社
  • ISBN:9787111510161
內容簡介,圖書目錄,

內容簡介

隨著智慧型手機、平板電腦等移動設備的風靡,可以說移動UI成了一個熱門行業,其中移動UI視覺設計也成為熱門辭彙。本書便圍繞移動UI視覺設計這一熱點展開,並試著將一些設計的要點與注意事項總結為朗朗上口的設計法則,通過法則的總結讓讀者能夠較為全面與更為細節化地了解到什麼是移動UI視覺設計以及如何進行移動UI視覺的設計與最佳化。
  《用戶體驗至上:移動UI完美視覺設計法則》共分為8章,我們又可以將其分為四大部分,第一部分為第1章,為全書的基礎部分,從巨觀的角度講解與分析了移動UI視覺設計的關鍵點以及設計流程與總則,嘗試使讀者在閱讀後能夠形成對移動UI視覺設計的基本認知,為後面具體設計法則的學習打下知識基礎。第二部分為第2~6章,這5章從微觀的角度結合具體的視覺設計元素——文字、色彩、圖形符號等,向讀者逐一展示與解析了與之對應的移動UI視覺設計法則。第三部分為第7章,總結了視覺元素的布局方法,介紹了界面整體布局的相關法則。第四部分則為第8章,主要從互動設計的角度出發,但其本質也離不開本書的重點——移動UI視覺設計,其主要目的在於找到互動設計與視覺設計之間的聯繫,並希望通過讓讀者對互動知識的了解來進一步最佳化移動UI的視覺設計。
  本書將移動UI視覺設計的注意事項羅列為呈點狀分布的法則形式,並且在對每條法則進行解析的同時也都列舉了大量與之相關的移動UI的設計案例,讓讀者能更為直觀地理解法則內容。雖然本書採用了散點的敘述方式,但這些“點”根據性質的不同,都被有序地歸納在了不同的章節之中,這使得讀者在閱讀時不會顯得繁亂,並且可以如同查閱工具書一般,在需要找尋設計靈感或在設計遇到瓶頸時,通過對本書進行對應的翻看而獲取設計的思路與創作的方法,這也是編者期望通過本書所要達到的目的。

圖書目錄

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

相關詞條

熱門詞條

聯絡我們