Photoshop APP界面設計全解析( 簡體 字) | |
作者:高鵬 | 類別:1. -> 程式設計 -> UI/UX 2. -> 圖形圖像、網頁製作 -> Photoshop |
出版社:電子工業出版社 | 3dWoo書號: 38555 詢問書籍請說出此書號! 有庫存 NT售價: 445 元 |
出版日:5/1/2014 | |
頁數:320 | |
光碟數:1 (含視頻教學) | |
站長推薦: | |
印刷:全彩印刷 | 語系: ( 簡體 字 ) |
ISBN:9787121229442 | 加入購物車 │加到我的最愛 (請先登入會員) |
(簡體書上所述之下載連結耗時費功, 恕不適用在台灣, 若讀者需要請自行嘗試, 恕不保證, 繁體書的下載亦請直接連絡出版社) | |
第1章 UI設計基礎知識………………………………………………1
1.1 手機UI設計基礎 2 1.1.1 手機的品牌 2 1.1.2 手機樣式 2 1.1.3 手機的屏幕色彩 4 1.1.4 手機的功能分類 5 1.1.5 智能手機的屏幕分辨率 7 1.2 UI設計基礎 8 1.2.1 什么是UI設計 9 1.2.2 手機UI設計的要點 9 1.2.3 手機UI與Web UI的區別 11 1.3 設計尺寸的單位 12 1.3.1 英寸 12 1.3.2 分辨率 13 1.3.3 屏幕密度 13 1.4 iOS系統概述 14 1.4.1 iOS系統的發展歷史 14 1.4.2 iOS 7的設計主題 16 1.4.3 iOS 7與iOS 6的不同 16 1.5 Android系統概述 18 1.5.1 Android系統的發展歷史 18 1.5.2 Android系統UI設計要點 20 1.5.3 Android啟動圖標的設計標準 22 1.6 Windows Phone系統概述 23 1.6.1 Windows Phone系統的發展歷史 23 1.6.2 Windows Phone系統的特色 24 1.6.3 Windows Phone的控件 25 1.7 本章小結 26 第2章 iOS系統實例………………………………………………27 2.1 iOS界面的設計原則 28 2.1.1 美 28 2.1.2 一致性 29 2.1.3 直接控制 29 2.1.4 反饋 29 2.1.5 暗喻 30 2.1.6 用戶控制 30 2.2 iOS界面的設計規范 31 2.2.1 確保程序在iPad和iPhone上通用 31 2.2.2 重新考慮基于Web的設計 31 2.3 iOS界面基本圖形——直線 32 實戰1 制作iOS 6語言設置界面 33 操作難點分析 39 對比分析 39 2.4 iOS界面基本圖形——圖形 40 2.4.1 矩形 40 2.4.2 圓角矩形 40 2.4.3 圓 41 2.4.4 其他形狀 41 實戰2 制作iOS 7快捷設置界面 42 操作難點分析 48 對比分析 49 2.5 控件的繪制 49 2.5.1 搜索欄 49 2.5.2 細節展開按鈕 50 實戰3 制作iOS 6地址搜索界面 50 操作難點分析 56 對比分析 56 2.5.3 滾動條 57 2.5.4 切換器 57 實戰4 制作iOS 6亮度設置界面 58 操作難點分析 65 對比分析 65 2.6 iOS圖標的繪制 66 2.6.1 程序圖標 66 實戰5 制作iOS 6便簽圖標 67 操作難點分析 74 對比分析 74 2.6.2 小圖標 75 2.6.3 文檔圖標 75 2.6.4 Web快捷方式圖標 76 2.6.5 導航欄、工具欄和Tab欄上用的圖標 76 2.7 設計中的圖片 77 2.7.1 登錄圖片 77 2.7.2 為Retina屏幕設計 78 2.8 iOS 7的設計特點 80 2.8.1 新界面 80 實戰6 制作iOS 7鎖屏界面 80 操作難點分析 83 對比分析 84 實戰7 制作iOS 7主界面 84 操作難點分析 89 對比分析 89 2.8.2 更新 90 2.9 iOS 6與iOS 7對比 92 2.9.1 依從用戶的操作界面 92 2.9.2 扁平化代替擬物化 93 2.9.3 易讀性強的動態字體 93 2.9.4 無邊框按鈕 93 2.9.5 半透明的導航元素 93 2.9.6 留白內容 93 2.9.7 層次感的表現 93 2.9.8 盡量不使用啟動畫面 93 實戰8 制作iOS 6 文本編輯界面 94 操作難點分析 101 對比分析 101 實戰9 制作iOS 7 文本編輯界面 102 操作難點分析 108 對比分析 108 綜合實戰10 制作時間設置界面 109 操作難點分析 120 對比分析 120 綜合實戰11 制作iPad文件瀏覽界面 121 操作難點分析 130 對比分析 131 綜合實戰12 制作游戲界面 131 操作難點分析 141 對比分析 141 2.10 本章小結 142 第3章 Android系統實例………………………………………………143 3.1 Android APP UI概覽 144 3.2 UI設計原則 145 3.3 Android界面設計風格 148 3.3.1 設備與顯示 148 3.3.2 主題樣式 149 3.3.3 標準和網格 149 3.3.4 觸摸與反饋 150 3.3.5 字體 151 3.3.6 顏色 152 3.3.7 圖標 152 3.3.8 寫作風格 154 3.4 Android APP的常用結構 155 實戰1 制作操作欄 157 實戰2 制作選擇欄 159 實戰3 制作通知 162 實戰4 制作啟動圖標 164 操作難點分析 170 對比分析 170 實戰5 制作主界面 171 操作難點分析 176 對比分析 176 3.5 控件設計 177 3.5.1 控件的分類 177 3.5.2 控件的設計規范 179 實戰6 制作網格列表 185 操作難點分析 188 對比分析 188 實戰7 制作聲音設置界面 189 操作難點分析 193 對比分析 193 實戰8 制作音量調節對話框 194 操作難點分析 197 對比分析 197 實戰9 制作信息編輯界面 198 操作難點分析 204 對比分析 204 實戰10 制作添加聯系人界面 205 操作難點分析 209 對比分析 209 3.6 特效的使用 210 實戰11 制作鎖屏界面 211 操作難點分析 214 對比分析 215 綜合實戰12 制作天氣界面 215 操作難點分析 223 對比分析 223 綜合實戰13 制作游戲界面 223 操作難點分析 229 對比分析 229 3.7 本章小結 229 第4章 Windows Phone系統實例………………………………………………230 4.1 Windows Phone的設計原則 231 4.2 關于度量單位 232 4.3 關于游戲UI的設計 232 4.4 用戶界面框架 233 4.4.1 主界面 233 實戰1 制作WP系統主界面 234 操作難點分析 240 對比分析 240 4.4.2 狀態欄 240 4.4.3 應用程序欄 241 4.4.4 應用程序欄的圖標 242 4.4.5 屏幕方向 242 4.4.6 字體 243 實戰2 制作功能設置界面 244 操作難點分析 247 對比分析 247 4.5 推送通知 247 4.5.1 “瓦片式”通知 248 4.5.2 烤面包式通知 248 4.5.3 原生通知 249 4.6 界面框架設計 249 4.6.1 頁面標題 249 4.6.2 主題 250 4.6.3 進度指示器 250 實戰3 制作視頻播放界面 251 操作難點分析 254 對比分析 254 4.6.4 屏幕鍵盤 254 實戰4 制作新建信息界面 255 操作難點分析 259 對比分析 259 4.7 應用程序界面控件 260 4.7.1 按鍵 260 實戰5 制作應用商店界面 260 操作難點分析 264 對比分析 264 4.7.2 復選框 265 實戰6 制作添加鍵盤界面 265 操作難點分析 268 對比分析 268 4.7.3 超鏈接 269 4.7.4 列表框 269 實戰7 制作應用程序列表 270 操作難點分析 273 對比分析 273 4.7.5 全景視圖 274 實戰8 制作全景視圖 275 操作難點分析 280 對比分析 280 4.7.6 密碼框 281 4.7.7 進度條 281 4.7.8 單選按鈕 281 實戰9 制作同步設置界面 282 操作難點分析 284 對比分析 284 4.7.9 文本塊 285 實戰10 制作語音設置界面 285 操作難點分析 287 對比分析 288 4.7.10 輸入框 288 綜合實戰11 制作計算器界面 289 操作難點分析 297 對比分析 297 綜合實戰12 制作可愛游戲界面 297 操作難點分析 305 對比分析 305 4.8 本章小結 305 附錄1 Photoshop CC新增功能 306 附錄2 常見手機尺寸 308 附錄3 圖標的設計標準 308 附錄4 字體設計規范 310 現如今,各種通信、網絡連接設備與大眾生活的聯系日益密切。用戶界面是用戶與機器設備進行交互的平臺,這就導致人們對各種類型UI界面的要求越來越高,促進UI設計行業的興盛,iOS、Android和Windows Phone這3種系統就是其中的佼佼者。
本書主要依據iOS、Android和Windows Phone這3種操作系統的構成元素,由淺入深地講解了初學者需要掌握和感興趣的基礎知識和操作技巧,全面解析各種元素的具體繪制方法。全書結合實例進行講解,詳細地介紹了制作的步驟和軟件的應用技巧,以便讀者能輕松地學習并掌握。 本書主要根據讀者學習的難易程度,以及在實際工作中的應用需求來安排章節,真正做到為學習者考慮,也讓不同程度的讀者更有針對性的學習內容,強化自己的弱項,并有效幫助UI設計愛好者提高操作速度與效率。 隨著智能手機的普遍和廣泛使用,人們對設備和程序的要求逐漸提高。提到設備程序就不得不說用戶圖形界面。用戶圖形界面是用戶與程序內部進行交互的重要平臺,一款好的用戶界面設計應該同時具備美觀與易于操作兩個特性。
本書主要通過理論知識與操作案例相結合的方法,向讀者介紹了使用Photoshop繪制iOS、Android與Windows Phone操作系統中各種構成元素的制作方法和技巧。 內容安排 本書共分為4章,每章均采用圖文結合的基礎知識,并通過大量應用案例的分析和制作步驟,循序漸進地向讀者介紹了iOS、Android與Windows Phone系統中各部分元素的繪制方法與技巧,下面分別對各個章節的具體內容進行介紹: 第1章 UI設計基礎知識:概括地介紹了手機的分類與分辨率,以及UI的相關單位和色彩搭配等一系列基礎知識,并詳細地為讀者講解了圖形元素的格式和大小,最后對常用的Illustator、3ds Max和Image Optimizer等設計軟件進行了簡單講解。 第2章 iOS系統實例:本章正式開始對UI界面設計進行詳細講解與介紹,主要向讀者介紹了關于iOS程序的設計規范、iOS程序元素的制作規范以及當前最流行的兩個版本的iOS程序特點等基礎知識,并通過詳細的案例分析與制作步驟,教會讀者如何制作出優秀、規范的iOS用戶界面。 第3章 Android系統實例:主要介紹了Android界面設計風格,以及UI設計原則、界面設計風格和App的常用結構,并在基礎知識中插入一些基本元素和完整界面。案例部分主要包括導航欄、操作欄、指南針界面、天氣界面和游戲界面等,讓讀者通過實踐操作對其應用界面的設計特點和技巧進行靈活掌握與運用。 第4章 Windows Phone系統實例:主要介紹了Windows Phone系統的特點和界面框架的設計以及標準控件的設計。基礎知識的講解通過具有代表性的案例制作與分析,使讀者對其設計特點的印象加深。 本書特點 本書采用理論知識與操作案例相結合的教學方式,全面向讀者介紹了不同類型質感處理和表現的相關知識和所需的操作技巧。 通俗易懂的語言 本書采用通俗易懂的語言全面地向讀者介紹各種類型iOS、Android和Windows Phone三種系統界面設計所需的基礎知識和操作技巧,確保讀者能夠理解并掌握相應的功能與操作。 基礎知識與操作案例相結合 本書擯棄了傳統教科書式的純理論式教學,采用少量基礎知識和大量操作案例相結合的講解模式。 技巧和知識點的歸納總結 本書在基礎知識和操作案例的講解過程中列出了大量的提示和技巧,這些信息都是結合作者長期的UI設計經驗與教學經驗歸納出來的,可以幫助讀者更準確地理解和掌握相關的知識點和操作技巧。 多媒體光盤輔助學習 為了增加讀者的學習渠道,增強讀者的學習興趣,本書配有多媒體教學光盤。在教學光盤中提供了本書中所有實例的相關素材和源文件,以及書中所有實例的視頻教學,使讀者可以跟著本書做出相應的效果,并能夠快速應用于實際工作中。 讀者對象 本書適合UI設計愛好者、想進入UI設計領域的讀者朋友,以及設計專業的大中專學生閱讀,同時對專業設計人士也有很高的參考價值。希望讀者通過對本書的學習,能夠早日成為優秀的UI設計師。 本書由高鵬執筆,另外張曉景、張立峰、高巍、王延楠、范明、李曉斌、張航、于海波、王明、賈勇、梁革、羅廷蘭、陶瑪麗、暢利紅等也參與了部分編寫工作。本書在寫作過程中力求嚴謹,由于時間有限,疏漏之處在所難免,望廣大讀者批評、指正。 編者 |