編輯推薦
國內一本全麵介紹iOS、Android和WP三大平颱智能手機APP界麵設計基礎讀物,詳解APP用戶界麵的設計思路和製作過程
內容簡介
《Photoshop智能手機APP界麵設計》講解三大智能手機(Android、iOS和Windows Phone)APP用戶界麵(UI)的設計思路和製作過程。全書分為3章,第1章介紹瞭APP用戶界麵基礎,包括什麼是UI設計、手機UI與平麵UI的區彆和UI設計工具等基本概念和思路;第2章介紹用Photoshop製作各種智能手機UI常用元素,包括常用圖形、控件、啓動圖標以及圖片特殊處理等;第3章則是3大類型UI設計的實戰練習,同時分析瞭各手機平颱UI的設計思路。《Photoshop智能手機APP界麵設計》附錄還推薦瞭不少有用的UI設計網絡資源和輔助工具。
《Photoshop智能手機APP界麵設計》特彆適閤智能手機UI界麵設計的初學者,同時對Photoshop用戶、平麵設計師和智能手機APP開發人員也有參考價值。
目錄
第1章 APP用戶界麵基礎
1.1 手機UI設計相關基本概念
1.1.1 什麼是UI設計
1.1.2 手機UI與平麵UI有何不同
1.1.3 什麼是APP/客戶端
1.1.4 智能手機的操作係統有哪些
1.1.5 Photoshop和手機UI的關係
1.1.6 沒有UI設計的世界
1.2 UI設計與産品團隊項目流程的關係
1.2.1 UI設計者與産品團隊
1.2.2 UI設計與項目流程步驟
1.3 UI的設計流程及方法
1.3.1 定位指南圖
1.3.2 核心功能確認
1.3.3 ADS
1.3.4 畫草圖
1.3.5 低保真原型與高保真原型
1.3.6 視覺設計
1.3.7 交付
1.4 色彩搭配
1.4.1 色彩的重要性
1.4.2 色彩的分類
1.4.3 色彩搭配方法
1.5 各設備尺寸標準一覽
1.5.1 英寸(Inch)
1.5.2 分辨率(Resolution)
1.5.3 網點密度(DPI)
1.5.4 屏幕密度(Screen Densities)
1.6 圖標尺寸大小與格式建議
1.6.1 圖標尺寸大小
1.6.2 圖標格式建議
1.7 APP布局說明
1.8 熟悉各係統組件
1.8.1 Android的基礎UI組件
1.8.2 iOS的基礎UI組件
1.8.3 Windows Phone的基礎UI組件
第2章 APP常用元素製作
2.1 圖形製作
2.1.1 圓形、橢圓
2.1.2 正方形、長方形
2.1.3 圓角
2.1.4 Squircle
2.1.5 組閤圖形
2.1.6 虛綫
2.1.7 其他形狀
2.2 常見控件的製作
2.2.1 按鈕
2.2.2 單選框
2.2.3 下拉選擇框
2.2.4 選項框
2.2.5 滑動條
2.2.6 TAB切換
2.2.7 不規則對話框
2.2.8 輸入框
2.3 啓動圖標的製作
2.3.1 Android啓動圖標
2.3.2 iOS啓動圖標
2.3.3 Windows Phone啓動圖標
2.4 圖片效果處理
2.4.1 色彩調節
2.4.2 鏡麵效果
2.4.3 倒影效果
2.4.4 畫中畫效果
2.4.5 移軸模糊
2.4.6 摺角效果
2.4.7 外邊框
2.4.8 APP背景圖片的閤成
2.5 事半功倍的小技巧
2.5.1 PSD的妙用
2.5.2 特殊效果的應用
第3章 APP界麵設計實戰
3.1 Android實例
Path
3.2 iOS實例
Instagram
3.3 Windows Phone實例
Office
附錄
1. 網上資源
(1)交流論壇
(2)網上PSD資源
(3)字體資源
(4)圖庫資源
2. 優秀應用界麵賞析
Android
iOS
WP7
3. 輔助工具
(1)APP Cooker
(2)Android UI Design
(3)iPhone Mockup
(4)UI Stencil Kit
4. 參考資料文獻
5. 名詞概覽
6. 草圖紙模
跋
緻謝
精彩書摘
1.1.6沒有UI設計的世界前麵說到UI設計包括兩方麵——美化和交互。為瞭讓大傢更直觀地瞭解UI設計的重要性,我將以UI優化前和優化後(Before/After)做瞭對比分析,如圖1—17所示。從美化的角度來說,圖1—17中U1優化後的界麵有如下特點。(1)更有時尚感、層次感。(2)即使沒有標注“QQ帳號”、“QQ密碼”的提示,但從圖片上的QQ企鵝已經明確知道這是一個QQ的登錄界麵,而不是其他。從交互的角度來說,圖1—17中未UI優化的界麵有如下特點。(1)功能過於簡單。(2)“登錄”沒有體現齣按鈕的特點,甚至會讓人誤以為是單純的文本文字,而不會單擊。(3)密碼輸入框也沒有做掩密處理,被盜號的風險係數增加。(4)在不做任何說明的前提下,無法知道登錄器屬於哪款軟件。沒有做UI設計的界麵體驗是如此之差,換位思考,如果你是用戶,你願意下載這樣一個不做UI設計,而又存在盜號風險的APP嗎?
……
前言/序言
Photoshop智能手機APP界麵設計 下載 mobi epub pdf txt 電子書 格式