出版時間:2013-1 出版社:人民郵電出版社 作者:貍雅人 頁數(shù):229 字數(shù):313000
Tag標簽:無
內(nèi)容概要
《Photoshop智能手機APP界面設(shè)計》講解三大智能手機(Android、iOS和Windows
Phone)APP用戶界面(UI)的設(shè)計思路和制作過程。全書分為3章,第1章介紹了APP用戶界面基礎(chǔ),包括什么是UI設(shè)計、手機UI與平面UI的區(qū)別和UI設(shè)計工具等基本概念和思路;第2章介紹用Photoshop制作各種智能手機UI常用元素,包括常用圖形、控件、啟動圖標以及圖片特殊處理等;第3章則是3大類型UI設(shè)計的實戰(zhàn)練習,同時分析了各手機平臺UI的設(shè)計思路。《Photoshop智能手機APP界面設(shè)計》附錄還推薦了不少有用的UI設(shè)計網(wǎng)絡(luò)資源和輔助工具。
《Photoshop智能手機APP界面設(shè)計》特別適合智能手機UI界面設(shè)計的初學者,同時對Photoshop用戶、平面設(shè)計師和智能手機APP開發(fā)人員也有參考價值。
書籍目錄
第1章 APP用戶界面基礎(chǔ)
1.1 手機UI設(shè)計相關(guān)基本概念
1.1.1 什么是UI設(shè)計
1.1.2 手機UI與平面UI有何不同
1.1.3 什么是APP/客戶端
1.1.4 智能手機的操作系統(tǒng)有哪些
1.1.5 Photoshop和手機UI的關(guān)系
1.1.6 沒有UI設(shè)計的世界
1.2 UI設(shè)計與產(chǎn)品團隊項目流程的關(guān)系
1.2.1 UI設(shè)計者與產(chǎn)品團隊
1.2.2 UI設(shè)計與項目流程步驟
1.3 UI的設(shè)計流程及方法
1.3.1 定位指南圖
1.3.2 核心功能確認
1.3.3 ADS
1.3.4 畫草圖
1.3.5 低保真原型與高保真原型
1.3.6 視覺設(shè)計
1.3.7 交付
1.4 色彩搭配
1.4.1 色彩的重要性
1.4.2 色彩的分類
1.4.3 色彩搭配方法
1.5 各設(shè)備尺寸標準一覽
1.5.1 英寸(Inch)
1.5.2 分辨率(Resolution)
1.5.3 網(wǎng)點密度(DPI)
1.5.4 屏幕密度(Screen Densities)
1.6 圖標尺寸大小與格式建議
1.6.1 圖標尺寸大小
1.6.2 圖標格式建議
1.7 APP布局說明
1.8 熟悉各系統(tǒng)組件
1.8.1 Android的基礎(chǔ)UI組件
1.8.2 iOS的基礎(chǔ)UI組件
1.8.3 Windows Phone的基礎(chǔ)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 不規(guī)則對話框
2.2.8 輸入框
2.3 啟動圖標的制作
2.3.1 Android啟動圖標
2.3.2 iOS啟動圖標
2.3.3 Windows Phone啟動圖標
2.4 圖片效果處理
2.4.1 色彩調(diào)節(jié)
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界面設(shè)計實戰(zhàn)
3.1 Android實例
Path
3.2 iOS實例
3.3 Windows Phone實例
Office
附錄
1. 網(wǎng)上資源
(1)交流論壇
(2)網(wǎng)上PSD資源
(3)字體資源
(4)圖庫資源
2. 優(yōu)秀應用界面賞析
Android
iOS
WP7
3. 輔助工具
(1)APP Cooker
(2)Android UI Design
(3)iPhone Mockup
(4)UI Stencil Kit
4. 參考資料文獻
5. 名詞概覽
6. 草圖紙?!?br />跋
致謝
章節(jié)摘錄
版權(quán)頁: 插圖: 1.1.6 沒有UI設(shè)計的世界 前面說到UI設(shè)計包括兩方面——美化和交互。為了讓大家更直觀地了解UI設(shè)計的重要性,我將以UI優(yōu)化前和優(yōu)化后(Before/After)做了對比分析,如圖1—17所示。 從美化的角度來說,圖1—17中U1優(yōu)化后的界面有如下特點。 (1)更有時尚感、層次感。 (2)即使沒有標注“QQ帳號”、“QQ密碼”的提示,但從圖片上的QQ企鵝已經(jīng)明確知道這是一個QQ的登錄界面,而不 是其他。 從交互的角度來說,圖1—17中未UI優(yōu)化的界面有如下特點。 (1)功能過于簡單。 (2)“登錄”沒有體現(xiàn)出按鈕的特點,甚至會讓人誤以為是單純的文本文字,而不會單擊。 (3)密碼輸入框也沒有做掩密處理,被盜號的風險系數(shù)增加。 (4)在不做任何說明的前提下,無法知道登錄器屬于哪款軟件。 沒有做UI設(shè)計的界面體驗是如此之差,換位思考,如果你是用戶,你愿意下載這樣一個不做UI設(shè)計,而又存在盜號風險的APP嗎?
編輯推薦
國內(nèi)第一本全面介紹iOS、Android和WP三大平臺智能手機APP界面設(shè)計基礎(chǔ)讀物詳解APP用戶界面的設(shè)計思路和制作過程
圖書封面
圖書標簽Tags
無
評論、評分、閱讀與下載
Photoshop智能手機APP界面設(shè)計 PDF格式下載