Photoshop移動終端APP界面設計(全彩)

Photoshop移動終端APP界面設計(全彩)

《Photoshop移動終端APP界面設計(全彩)》是2015年6月電子工業出版社出版的圖書,作者是數碼創意。

基本介紹

  • 書名:Photoshop移動終端APP界面設計(全彩)
  • 作者:數碼創意
  • 出版社:電子工業出版社
  • 出版時間:2015年6月
  • 頁數:268 頁
  • 定價:69.8 元 
  • 開本:16 開
  • ISBN:9787121260216
  • 字數:428千字
  • 版次:01-01
內容簡介,圖書目錄,

內容簡介

相信大部分讀者對用戶界面都不陌生,隨著各種高檔電子產品的普及化,很多用戶開始對用戶界面提出了更高的要求。用戶界面是幫助用戶與機器設備進行互動的平台,一款優秀的用戶界面應該是美觀適用,並易於操作和學習的。 本書以Photoshop UI界面互動設計為基礎,重點講解了線下最為熱門的手機APP界面設計,如安卓手機與蘋果手機常用的APP界面,幫助讀者在最短的時間內成為APP界面設計高手。 本書共7章:APP用戶界面基礎、APP基本圖形元素、APP控制項設計、APP顯示區設計、擬物的圖示製作、扁平風格的圖示製作、APP常用效果設計實例,讀者學習後可以融會貫通、舉一反三,製作出更多精彩、漂亮的界面效果。 本書適合大部分Photoshop UI設計愛好者與設計專業的學生和成人閱讀,本書的知識點安排合理,內容全面完善,操作案例精美實用、講解詳盡。配套的多媒體光碟中包括本書所擁有的實例源檔案和元素素材,方便讀者學習和參考。

圖書目錄

01
APP用戶界面基礎
1.1 手機界面設計的基礎
1.1.1 什麼是手機界面設計 2
1.1.2 界面構成的基本區域  3
1.1.3 手機界面效果的規範性 4
1.1.4 手機界面效果的個性化 4
1.1.5 手機UI設計基本流程 5
1.2 安卓與蘋果手機系統組件介紹
1.2.1 安卓系統基礎組件 6
1.2.2 蘋果系統基礎組件 6
1.2.3 登錄界面設計中幾種常見的設計思路 7
1.2.4 導航設計常見的4種製作風格 8
1.2.5 手機界面設計常用的5種布局 8
1.3 手機界面設計尺寸標準
1.3.1 英寸(Inch) 9
1.3.2 解析度(Resolution) 9
1.3.3 網點密度(DPI) 10
1.3.4 螢幕密度(Screen Densities) 10
1.3.5 圖示尺寸大小與格式 11
1.3.6 iPad UI設計的尺寸規範 12
1.4 手機界面的色彩搭配與視覺效果
1.4.1 色彩的重要性 14
1.4.2 色彩的分類 15
1.4.3 色彩搭配方法 15
1.4.4 簡約明快型 16
1.4.5 趣味與獨創型 16
1.4.6 高貴華麗型 16
1.5 UI的設計流程及方法
1.5.1 定位指南圖 17
1.5.2 核心功能確認 17
1.5.3 ADS 17
1.5.4 畫草圖 17
1.5.5 低保真原型與高保真原型 18
1.5.6 視覺設計 19
1.5.7 交付 20
02
APP基本圖形元素
2.1 APP基本圖形製作
2.1.1 圖形製作 22
2.2 實例——圖形製作
2.2.1 圓形 23
2.2.2 正方形、長方形 31
2.2.3 正方形、長方形延展 36
2.2.4 圓角 43
2.2.5 組合形狀 48
03
APP控制項設計
3.1 APP常用控制項製作
3.2 實例——常見控制項製作
3.2.1 按鈕 57
3.2.2 單選框  65
3.2.3 選項框  72
3.2.4 滑動條  80
3.2.5 登錄按鈕  87
3.2.6 TAB切換  93
3.2.7 鎖屏 100
04
常見的顯示區製作
4.1 常見的顯示區製作
4.2 實例——常見顯示區的製作
4.2.1 搜尋框 107
4.2.2 搜尋框延展1 112
4.2.3 搜尋框延展2 118
4.2.4 主屏顯示區 123
05
APP中的圖示製作
5.1 APP中圖示製作的基本知識
5.2 實例——一般的圖示製作效果
5.2.1 現實感的圖示 129
5.2.2 簡筆畫風格的圖示 135
5.2.3 卡通圖示 146
5.2.4 套用線條的圖示 153
06
扁平風格的圖示製作
6.1 扁平設計風格的特點
6.2 實例——扁平風格的圖示效果
6.2.1 純平面 161
6.2.2 輕摺疊 168
6.2.3 輕質感 175
6.2.4 摺紙風 183
6.2.5 有明顯投影 190
6.2.6 有厚度感 194
07
APP常用效果製作
7.1 APP常用效果製作基礎知
7.2 實例——APP常用效果製作
7.2.1 夢幻效果 204
7.2.2 透明效果 208
7.2.3 框線效果 214
7.2.4 色塊效果 218
7.2.5 照片效果 222
7.2.6 像素效果 229
7.2.7 清新效果 237
7.2.8 單色效果 241
7.2.9 英倫風效果 246
7.2.10 可愛效果 253

相關詞條

熱門詞條

聯絡我們