Photoshop移動UI設計基礎與案例教程

Photoshop移動UI設計基礎與案例教程

《Photoshop移動UI設計基礎與案例教程》是2018年8月人民郵電出版社出版的圖書,作者是周嘉。

基本介紹

  • 書名:Photoshop移動UI設計基礎與案例教程
  • 作者:周嘉
  • ISBN:9787115467188
  • 頁數:242頁
  • 定價:79元
  • 出版社:人民郵電出版社
  • 出版時間:2018年8月
  • 裝幀:平裝
  • 開本:大20開
內容簡介,圖書目錄,

內容簡介

《Photoshop 移動UI設計基礎與案例教程》主要講解iOS和Android這兩大主流智慧型手機作業系統界面、UI的構成元素和UI的基本風格,全面解析各種類型UI的具體繪製方法與技巧。
《Photoshop 移動UI設計基礎與案例教程》共8章,安排6個基礎練習、18個控制項練習、8種風格界面的實戰和兩大系統9個界面的實戰,讓讀者從部件到整體全面了解UI設計內容。本書的學習資源包括書中所有實例的素材、源檔案和教學視頻錄像,讀者可以結合書中內容、實例檔案和教學視頻,對UI設計進行學習。讀者可以通過線上方式獲取這些資源,具體方法請參看本書前言。
《Photoshop 移動UI設計基礎與案例教程》適合UI設計愛好者、APP界面設計從業者閱讀,也適合作為各院校相關設計專業的參考教材。

圖書目錄

第 1章
初入移動UI設計的世界 015
1.1 認識移動UI設計 016
1.1.1 什麼是移動UI設計 016
1.1.2 移動UI設計的目的和重要性 017
1.1.3 平面設計和移動UI的不同 018
1.1.4 移動UI設計的重要元素 019
1.2 移動UI設計的原則 020
1.2.1 功能決定界面設計風格 020
1.2.2 界面設計要統一 020
1.2.3 界面設計要清晰 021
1.2.4 界面設計內容要實用 022
1.2.5 界面設計要有層次感 022
1.3 移動設備的主流平台 023
1.3.1 iOS系統平台 023
1.3.2 Android系統平台 027
1.3.3 其他系統平台 028
第 2章
設計移動UI的條件 029
2.1 移動UI設計常用軟體 030
2.1.1 Photoshop 030
2.1.2 Illustrator 031
2.1.3 3ds Max 032
2.2 移動UI設計常用圖像格式 033
2.2.1 JPEG格式 033
2.2.2 PNG格式 033
2.2.3 GIF格式 034
2.2.4 有損壓縮與無損壓縮 034
2.3 移動設備的尺寸標準 035
2.3.1 英寸 035
2.3.2 解析度 035
2.3.3 螢幕密度 036
2.3.4 圖示尺寸大小 036
2.4 移動UI的設計布局和分類 038
2.4.1 界面設計的布局 038
2.4.2 界面設計的分類 039
2.5 移動UI的色彩搭配 042
2.5.1 色彩的心理效應 042
2.5.2 色彩的搭配原則 042
2.6 如何製作出移動UI 044
2.6.1 設計的UI與常規思維保持一致 044
2.6.2 用戶能自由操作界面 044
2.6.3 對用戶群的了解 045
2.6.4 設計要做到簡約 046
2.6.5 UI的文本清晰 047
2.7 移動UI設計的流程 048
2.7.1 設計前的交流討論 048
2.7.2 草圖設計 048
2.7.3 用軟體繪製界面 049
2.8 如何提升自己的設計能力 050
2.8.1 保證繪製圖形的形狀 050
2.8.2 美術基礎 050
2.8.3 對色彩的敏感度 050
2.8.4 視覺體驗 051
2.8.5 精細的細節 052
第3章
移動UI的基本繪製 053
3.1 基礎圖形的繪製 054
3.1.1 選框工具 054
3.1.2 形狀工具 055
實戰:使用矩形工具繪製移動地圖圖示 055
實戰:使用圓角矩形工具繪製計算器圖示 057
實戰:使用橢圓工具繪製音樂圖示 058
實戰:使用多種工具繪製移動UI圖示 059
3.1.3 鋼筆工具 060
實戰:使用鋼筆工具繪製天氣圖示 060
3.2 必知的三大功能 062
3.2.1 文字工具 062
3.2.2 漸變工具 062
3.2.3 蒙版 063
3.3 樣式效果 064
3.3.1 斜面與浮雕 064
3.3.2 描邊 065
3.3.3 內陰影 065
3.3.4 漸變疊加 065
3.3.5 圖案疊加 066
3.3.6 外發光 066
3.3.7 投影 066
3.4 添加畫面質感 067
3.4.1 模糊 067
3.4.2 雜色 067
實戰:製作翻頁日曆圖示 068
第4章
移動UI的控制項製作 077
4.1 常見控制項的製作 078
4.1.1 圖示 078
實戰:製作圖示 079
4.1.2 狀態欄 080
實戰:製作狀態欄 080
4.1.3 導航欄 082
實戰:製作導航欄 083
4.1.4 工具列 084
實戰:製作工具列 084
4.1.5 標籤欄 085
實戰:製作標籤欄 086
4.1.6 搜尋欄 087
實戰:製作搜尋欄 087
4.1.7 選擇欄 088
實戰:製作選擇欄 088
4.1.8 滾動條 090
實戰:製作滾動條 091
4.1.9 切換器 092
實戰:製作切換器 093
4.2 控制項構成界面的製作 096
4.2.1 Assistive touch按鈕 096
實戰:製作Assistive touch按鈕 096
4.2.2 3D Touch 099
實戰:製作3D Touch 099
4.2.3 iOS 9上拉選單 101
實戰:製作iOS 9上拉選單 101
第5章
不同平台的控制項設計 103
5.1 iOS系統的發展及標準 104
5.1.1 iOS系統的發展 104
5.1.2 iOS的控制項構成和尺寸 106
5.2 iOS系統的控制項特點 108
5.2.1 界面美觀 108
5.2.2 一致性 108
5.2.3 控制 108
5.2.4 反饋 108
5.2.5 設計元素 109
5.3 iOS控制項界面設計 110
實戰:製作通知界面 110
實戰:製作iOS 10上拉界面 114
實戰:製作音樂上拉界面 118
5.4 Android系統的界面元素 122
5.5 Android系統的控制項特點 122
5.5.1 設計原則 122
5.5.2 風格 122
5.5.3 Android的控制項構成和尺寸 124
5.6 Android控制項界面設計 125
實戰:製作鬧鐘設定界面 125
實戰:製作社交界面 130
實戰:製作設定界面 134
第6章
不同風格的UI設計 141
6.1 小清新風格手機界面 142
6.2 時尚風格手機界面 147
6.3 可愛風格手機界面 154
6.4 手繪風格手機界面 156
6.5 卡通風格手機界面 162
6.6 方格風格手機界面 167
6.7 扁平化風格手機界面 171
6.8 線性風格手機界面 181
第7章
iOS界面設計 197
7.1 扁平化風格界面 198
7.1.1 iOS套用主界面 198
7.1.2 iOS套用評論界面 202
7.1.3 iOS側邊選項欄 204
7.2 冷色系風格界面 206
7.2.1 iOS音樂界面 206
7.2.2 iOS日曆界面 211
第8章
Android界面設計 219
8.1 線稿風格界面 220
8.1.1 Android主界面 220
8.1.2 Android撥號界面 224
8.2 創意風格界面 228
8.2.1 Android鎖屏界面 228
8.2.2 Android選單界面 235

相關詞條

熱門詞條

聯絡我們