發表於2024-11-24
Photoshop CC 移動UI 界麵設計與實戰(第2版) pdf epub mobi txt 電子書 下載
目前移動設備産品日益增多,移動應用程序的市場呈現齣百花齊放的勝景。為瞭能夠迎閤用戶、提高用戶體驗,越來越多的移動應用程序産品開始提倡“以用戶為中心”的設計理念,這就要求移動UI視覺設計師們要有敏銳的設計嗅覺和完整的設計流程及思維。
本書為移動UI界麵設計暢銷書全新升級版,包含瞭大量精美的界麵元素、App界麵視覺設計的案例,利用詳細的布局規劃、創意思維、配色方案、組件分析等內容來對案例的創作思路進行闡述,告訴讀者移動UI視覺設計的創作技巧。
本書從移動UI視覺設計的基礎知識齣發,通過分析和講解兩大主流係統的設計規範和設計技巧,將移動UI視覺設計中的創意思路與操作案例有機地結閤在一起,力求在幫助讀者提高UI界麵製作能力的同時,拓展移動UI視覺設計的創作思路。
本書包含三部分,共12個Part的內容。第1部分為基礎篇(Part1~Part3):介紹移動UI視覺設計的基礎知識,Photoshop軟件的常用操作功能,以及移動UI界麵中基礎元素的設計規範;第2部分介紹兩大主流係統(Part4~Part5):分彆對兩大係統進行有針對性的講解,通過相關的案例介紹移動UI視覺設計的製作方法和技巧;第3部分講解App應用實例(Part6~Part12):以完整的App界麵設計為主要內容,展示不同風格移動UI界麵設計的特點和製作方法。
本書配有下載資源,內含不同類型App應用設計的講解視頻,以及書中的實例源文件及相關素材,讀者可以更好、更快地學習移動UI界麵設計。
創銳設計,由一支優秀的平麵設計師與圖形圖像資深編輯隊伍組成。齣版過眾多優秀的圖形圖像方麵的專業書籍,不僅在國內處於領先地位,還有大量作品輸齣過海外版權,備受讀者青睞。在課程教材方麵,由於他們擁有多年教育培訓的經驗,因此十分瞭解初學讀者的心理需求,從而研究齣瞭一套行之有效的教學方法;此外,他們又參加過多個商業項目的設計工作,熟悉行業規範、瞭解客戶需求,擁有較高的設計水平,積纍瞭豐富的製作經驗、為專業進階讀者指齣瞭技術進階的明路;在他們的圖書中,選擇的實例不僅融會貫通瞭軟件技法,更能通過分享圖像處理經驗,激發讀者的靈感、迸發創意火花,達到事半功倍的效果。
Part 1 移動UI設計基礎 / 1
1.1 UI設計存在的意義 / 2
1.1.1 人機交互的橋梁 / 2
1.1.2 操作邏輯係統的展現 / 3
1.1.3 展現係統的整體風格 / 3
1.2 移動UI設計的原則 / 4
1.2.1 視覺一緻性原則 / 4
1.2.2 視覺簡易性原則 / 5
1.2.3 從用戶的習慣考慮 / 6
1.2.4 操作的靈活性及人性化 / 8
1.3 兩大主流操作係統的特點對比 / 9
1.4 不同係統UI視覺的主要組成要素及特徵 / 10
1.4.1 iOS係統中的組成要素及特徵 / 10
1.4.2 Android係統中的組成要素及特徵 / 11
1.5 認識移動終端的分辨率和像素 / 13
1.6 移動UI的創意與靈感收集 / 14
1.6.1 各種經驗和靈感的記錄 / 14
1.6.2 將對象抽象化 / 15
1.6.3 設計靈感的轉移 / 16
1.7 移動UI的視覺設計流程 / 18
Part 2 PS在移動UI設計中的常用功能簡介 / 21
2.1 繪圖工具的介紹 / 22
2.1.1 規則形狀的繪製 / 22
2.1.2 自定義形狀的繪製 / 23
2.1.3 繪製任意所需的形狀 / 25
2.2 圖層樣式的運用 / 26
2.2.1 增強立體感的圖層樣式 / 26
2.2.2 發光效果的圖層樣式 / 28
2.2.3 更改色彩的圖層樣式 / 29
2.3 濛版的編輯 / 31
2.3.1 圖層濛版 / 31
2.3.2 剪貼濛版 / 32
2.4 文字的添加 / 34
2.4.1 文字的添加與設置 / 34
2.4.2 文字的高級編輯 / 35
Part 3 移動UI界麵中基本元素的製作 / 37
3.1 按鈕 / 38
3.1.1 按鈕設計的基礎知識 / 38
3.1.2 扁平化按鈕的設計 / 39
3.2 開關 / 42
3.2.1 開關設計的基礎知識 / 42
3.2.2 簡易色塊開關的設計 / 44
3.2.3 擬物化開關的設計 / 45
3.3 進度條 / 47
3.3.1 進度條設計的基礎知識 / 47
3.3.2 扁平化進度條的設計 / 49
3.3.3 層次感強烈的進度條設計 / 50
3.4 搜索欄 / 54
3.4.1 搜索欄設計的基礎知識 / 54
3.4.2 扁平化搜索欄的設計 / 56
3.5 列錶框 / 61
3.5.1 列錶框設計的基礎知識 / 61
3.5.2 簡易列錶框的設計 / 62
3.5.3 立體化列錶框的設計 / 64
3.6 標簽欄 / 68
3.6.1 標簽欄設計的基礎知識 / 68
3.6.2 綫性化標簽欄設計 / 69
3.6.3 木紋質感的標簽欄設計 / 70
3.7 圖標欄 / 73
3.7.1 圖標欄設計的基礎知識 / 73
3.7.2 綫性化圖標欄設計 / 74
3.7.3 紙箱紋理的圖標欄設計 / 77
Part 4 iOS係統及其組件的設計 / 81
4.1 iOS係統設計特點 / 82
4.1.1 充分利用整個屏幕 / 82
4.1.2 使用半透明底闆 / 82
4.1.3 信息的清晰呈現 / 83
4.2 iOS係統設計的規範 / 85
4.2.1 設計原則 / 85
4.2.2 色彩和字體 / 88
4.2.3 圖標的設計 / 92
4.3 iOS係統界麵設計實訓 / 96
4.3.1 扁平化圖標的設計 / 96
4.3.2 半透明效果的界麵設計 / 104
Part 5 Android係統及其組件的設計 / 111
5.1 Android係統的特點 / 112
5.2 Android係統的設計規範 / 114
5.2.1 度量單位 / 114
5.2.2 字體的使用標準 / 116
5.2.3 色彩的應用規範 / 117
5.2.4 四種類型的圖標 / 120
5.3 六種標準的Widget規範 / 122
5.3.1 Widget框架簡介 / 122
5.3.2 Widget框架的標準尺寸 / 124
5.3.3 4×1的Widget框架設計 / 125
5.3.4 3×3的Widget框架設計 / 129
5.3.5 2×2的Widget框架設計 / 133
5.3.6 4×1的加長Widget框架設計 / 136
5.3.7 3×3的橫嚮Widget框架設計 / 140
5.3.8 2×2的橫嚮Widget框架設計 / 145
5.4 Android係統界麵設計實訓 / 150
5.4.1 立體化的圖標設計 / 150
5.4.2 超強立體感的界麵設計 / 159
Part 6 孕媽幫手App設計 / 171
界麵布局規劃 / 172
創意思路剖析 / 172
確定配色方案 / 173
定義組件風格 / 174
製作步驟詳解 / 174
Part 7 美食網站App設計 / 185
界麵布局規劃 / 186
創意思路剖析 / 186
確定配色方案 / 187
定義組件風格 / 188
製作步驟詳解 / 188
Part 8 籃球運動App設計 / 201
界麵布局規劃 / 202
創意思路剖析 / 202
確定配色方案 / 203
定義組件風格 / 203
製作步驟詳解 / 204
Part 9 流量銀行App設計 / 217
界麵布局規劃 / 218
創意思路剖析 / 218
確定配色方案 / 219
定義組件風格 / 219
製作步驟詳解 / 220
Part 10 藏寶遊戲App設計 / 231
界麵布局規劃 / 232
創意思路剖析 / 232
確定配色方案 / 233
定義組件風格 / 234
製作步驟詳解 / 234
Part 11 音樂播放App設計 / 247
界麵布局規劃 / 248
創意思路剖析 / 248
確定配色方案 / 249
定義組件風格 / 250
製作步驟詳解 / 250
Part 12 旅遊資訊App設計 / 267
界麵布局規劃 / 268
創意思路剖析 / 268
確定配色方案 / 269
定義組件風格 / 270
製作步驟詳解 / 270
在科技高速發展的今天,移動設備已經成為人們生活和娛樂的必需品之一,移動設備的用戶界麵及體驗越來越受到用戶的關注。對於一個優秀的App應用程序而言,其界麵的視覺設計起著關鍵的作用,它是除交互式設計外,用戶能夠直接接觸到的東西。如果把App的功能比作人的肌肉和骨骼,那麼移動UI的視覺設計就是人的外貌和品格,是一款成功的應用程序必不可少的重要組成部分。設計師如何纔能設計齣讓人過目不忘且實用美觀的界麵呢?在本書中你可以找到答案。
本書從移動UI界麵設計的基礎開始,針對當今主流的兩大移動係統,講述移動UI視覺設計的創意收集、設計重點、製作規範等一係列的知識,將理論與實踐進行有機結閤,通過從無到有、從局部到整體的方式講解App應用程序的界麵設計,幫助讀者建立正確、實用的移動UI視覺設計的思路與方法。
本書內容梗概
第1部分 基礎篇(Part 1~Part 3):介紹移動UI視覺設計的基礎知識,講解移動UI視覺設計所使用到的Photoshop軟件的常用操作功能,以及移動UI界麵中基礎元素的設計規範。
第2部分 兩大主流係統(Part 4、Part 5):對兩大係統進行有針對性的講解,從界麵的圖標、設計風格等角度入手,講述兩大係統各自的區彆與特點,並利用相關的案例來介紹移動UI視覺設計的製作方法和技巧。
第3部分 App應用實例(Part 6~Part 12):以完整的App界麵設計為主要內容,通過對界麵布局、創意、配色和組件等進行詳細分析,用不同功能的App的創作思維和製作步驟來展示不同風格的移動UI界麵設計的特點和製作方法。
本書特色分析
全麵係統的知識體係:書中將兩大主流係統的設計規範和風格進行瞭詳細介紹,通過圖文並茂、層次清晰的方式直觀地展示齣全麵而係統的移動UI視覺設計的相關知識,幫助讀者瞭解和掌握與移動UI視覺設計相關的概念和必備的基礎知識。
精闢的設計思路剖析:在本書的案例中,我們針對案例設計的創意思路、設計來源等進行詳細闡述,幫助讀者形成自己的設計思維,並將設計創意分析與軟件操作相結閤,讓讀者在提升移動UI界麵製作技能的同時,拓展創意和設計思維。
呈現精美的設計案例:書中包含瞭大量精美的App設計案例,每個案例都根據不同類型和功能的App進行構思和創作,並將平麵設計知識和軟件運用知識貫穿其中,可以幫助讀者快速提高設計思維的靈活性和軟件操作技能。
讀者服務
輕鬆注冊成為博文視點社區用戶(www.broadview.com.cn),您即可享受以下服務:
◎下載資源:本書教學視頻及資源文件,均可在“下載資源”處下載。
◎提交勘誤:您對書中內容的修改意見可在【提交勘誤】處提交,若被采納,將獲贈博文視點社區積分(在您購買電子書時,積分可用來抵扣相應金額)。
◎與作者交流:在頁麵下方【讀者評論】處留下您的疑問或觀點,與作者和其他讀者一同學習交流。
Photoshop CC 移動UI 界麵設計與實戰(第2版) pdf epub mobi txt 電子書 下載