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