『術與道』移動應用UI設計必修課
內容描述
<內容介紹>
目前我國正經歷火熱的因特網創業潮,UI設計師做為其中一個重要的工種,就業前景非常廣闊。站酷網的設計調查結果顯示,在GUI、平面、網頁、插畫和三維等設計職位中,目前國內的GUI設計師待遇高。因此,很多設計師湧入UI設計這個行業,願意為學習UI設計知識支付不菲的學費,而一本高質量、淺顯易懂的移動應用書籍正是你所需要的。 《術與道(移動應用UI設計必修課)》是一本系統介紹移動設計知識的書籍, 全書分為上下兩篇,上篇為術之篇,主要講解了移動應用設計相關的基礎知識。通過基礎知識的學習,使大家瞭解手機屏幕顯示的原理及各種手機硬件的傳感器使用方法。餘振華通過講解基本的設計規範及圖標設計方法,使讀者初步掌握移動應用設計知識。下篇為道之篇,是進階應用設計知識,詳細講解了從如何組建設計規範,到各種組件的功能介紹及應用設計方法,使讀者完整掌握移動應用的設計方法和流程。本書通過大量的案例演示,使讀者可以靈活運用設計方法理論。 本書適合想要從事和已經從事UI設計行業相關工作的讀者學習使用,也可以作為高校平面設計和網頁設計等相關專業和相關培訓機構的教學參考書。
<章節目錄>
01 基礎知識 1.1 什麼是UI設計 1.1.1 UI的相關概念 1.1.2 UI的學習方法 1.2 什麼是APP 1.2.1 App的概念 1.2.2 App的開發流程 1.3 智能手機的屏幕 1.3.1 英寸(Inch) 1.3.2 像素(Pixel) 1.3.3 分辨率(Resolution) 1.4 網點密度與像素密度 1.4.1 網點密度(DPI) 1.4.2 像素密度(PPI) 1.4.3 DPI與PPI 1.4.4 邏輯分辨率與像素倍率 1.4.5 視網膜屏幕 1.5 常見手機屏幕規格 1.5.1 熱門手機規格 1.5.2 熱門手機分辨率 1.6 iPhone 6 Plus的屏幕 1.7 智能手機的傳感器 1.7.1 攝像頭 1.7.2 麥克風 1.7.3 GPS 1.7.4 電子羅盤 1.7.5 重力感應器 1.7.6 加速度傳感器 1.7.7 光線傳感器 1.7.8 距離傳感器 1.7.9 氣壓傳感器 1.7.10 三軸陀螺儀02 設計風格 2.1 風格 2.1.1 什麼是設計風格 2.1.2 如何確立設計風格 2.2 顏色 2.2.1 認識色彩 2.2.2 RGB與HSB 2.2.3 顏色搭配基礎 2.3 如何選擇顏色 2.3.1 常見App的顏色 2.3.2 顏色的性格 2.4 字體 2.4.1 襯線體和無襯線體 2.4.2 系統內置字體 2.4.3 什麼時候選擇內嵌字體 2.4.4 如何使用內嵌字體03 圖標與圖片 3.1 App圖標特點
3.1.1 獨特的圖形 3.1.2 表意準確 3.1.3 謹慎用色 3.1.4 避免使用大量文字 3.1.5 避免使用照片 3.1.6 適應不同場景 3.2 App圖標設計流程 3.2.1 第一步:尋找隱喻 3.2.2 第二步:抽象圖形 3.2.3 第三步:競品分析 3.2.4 第四步:確定風格 3.2.5 第五步:調整細節 3.2.6 第六步:場景測試 3.3 App圖標設計方法 3.3.1 正負形組合 3.3.2 摺疊圖形 3.3.3 局部提取 3.3.4 線性圖標 3.3.5 透明漸變 3.3.6 色塊拼接 3.3.7 圖形復用 3.3.8 背景組合 3.4 iOS圖標規範 3.4.1 iOS圖標適配 3.4.2 iOS圖標標準 3.5 Android圖標規範 3.5.1 Android圖標適配 3.5.2 圖標的視覺統一 3.5.3 Android圖標標準 3.6 設計線性圖標 3.6.1 線性圖標的風格 3.6.2 線性圖標的繪製方法 3.7 像素對齊 3.7.1 像素為什麼要對齊 3.7.2 像素如何對齊 3.7.3 像素縮放的對齊 3.7.4 像素對齊的微調 3.8 圖片的使用 3.8.1 矢量圖與位圖 3.8.2 圖片的格式 3.8.3 圖片的使用 3.8.4 圖片的存儲 3.8.5 圖片的比例04 iOS系統界面 4.1 欄 4.1.1 狀態欄 4.1.2 導航欄 4.1.3 標籤欄 4.1.4 工具欄 4.2 內容視圖
4.2.1 表格視圖 4.2.2 文本視圖 4.2.3 Web視圖 4.3 臨時視圖 4.3.1 對話框 4.3.2 操作列表05 Android系統界面 5.1 導航機制 5.1.1 硬件特性 5.1.2 iOS導航機制 5.1.3 Android導航機制 5.2 界面佈局 5.2.1 結構差異 5.2.2 操作欄 5.2.3 多任務 5.3 消息推送 5.3.1 推送方式 5.3.2 通知方式 5.4 操作方式 5.4.1 編輯 5.4.2 選擇 5.4.3 複製粘貼 5.4.4 刪除 5.5 Android系統的插件 5.5.1 桌面插件 5.5.2 設計趨勢06 建立規範 6.1 組建規範 6.1.1 設計規範的目的 6.1.2 規範的組成 6.2 顏色規範 6.2.1 為什麼選擇 6.2.2 創建調色板 6.2.3 調色板應用 6.3 文字規範 6.3.1 iOS系統 6.3.2 Android系統 6.3.3 系統字號 6.4 佈局 6.4.1 框架 6.4.2 頂部導航欄 6.4.3 頂部標籤欄 6.4.4 底部標籤欄 6.5 圖片規範 6.5.1 用戶頭像 6.5.2 商品圖片 6.5.3 無數據圖片07 設計組件 7.1 控制元素 7.1.1 活動指示器
7.1.2 進度指示器 7.1.3 頁碼控制器 7.1.4 刷新控件 7.1.5 滑動器 7.1.6 開關 7.1.7 步進器 7.2 篩選器 7.2.1 選擇器 7.2.2 日期時間選擇器 7.2.3 分段控件 7.2.4 選項卡 7.2.5 排序 7.2.6 地區選擇 7.3 表單控件 7.3.1 單選框 7.3.2 複選框 7.3.3 文本框 7.3.4 下拉框 7.3.5 表格 7.4 按鈕規範 7.4.1 背景+文字 7.4.2 背景+圖標 7.4.3 圖標+文字 7.4.4 文字 7.5 其他組件 7.5.1 加載更多 7.5.2 非模態浮層 7.5.3 模態浮層08 導航設計 8.1 扁平導航 8.1.1 標籤導航 8.1.2 舵式導航 8.1.3 宮格式導航 8.2 內容主導式導航 8.2.1 陳列式導航 8.2.2 旋轉木馬式導航 8.3 列表式導航 8.3.1 列表式 8.3.2 抽屜式 8.4 其他導航 8.4.1 點聚式導航 8.4.2 瀑布式導航09 界面設計 9.1 首頁 9.1.1 搜索欄 9.1.2 標籤欄 9.1.3 卡片式設計 9.1.4 樓層設計 9.2 列表頁 9.2.1 消息列表
9.2.2 橫向卡片 9.2.3 瀑布流 9.3 詳情頁 9.3.1 全局按鈕 9.3.2 快速通道 9.4 個人中心 9.4.1 頭像區域 9.4.2 個人信息 9.4.3 功能模塊 9.5 啟動頁 9.5.1 品牌宣傳類 9.5.2 首頁樣式類 9.5.3 情感故事類 9.5.4 節日氛圍類 9.6 引導頁 9.6.1 功能介紹類 9.6.2 使用說明類 9.6.3 情感故事類10 設計適配 10.1 iOS系統適配 10.1.1 設計基準 10.1.2 設計適配 10.1.3 適配規則 10.2 Android系統適配 10.2.1 密度獨立像素 10.2.2 設計基準 10.2.3 適配方法 10.3 iOS系統適配Android系統 10.3.1 設計目的 10.3.2 換算關係 10.3.3 適配方法 10.4 標註設計 10.4.1 標註基準 10.4.2 標註方法 10.5 點九圖 10.5.1 什麼是點九圖 10.5.2 如何製作點九圖 10.6 切圖 10.6.1 界面切圖 10.6.2 圖標切圖 10.6.3 命名規則11 手勢應用 11.1 為什麼使用手勢 11.2 常用手勢操作 11.2.1 單擊 11.2.2 雙擊 11.2.3 上下滑動 11.2.4 左右滑動 11.2.5 拖曳 11.2.6 張開/閉合
11.2.7 長按 11.2.8 搖晃 11.3 手勢設計禁忌 11.3.1 使用標準手勢 11.3.2 定義標準手勢 11.3.3 使用簡單手勢 11.3.4 手勢使用說明12 設計資源 12.1 網站資源 12.2 圖標資源 12.3 圖片資源