《Photoshop+Illustrator+After Effects移動UI全效實戰手冊》是2022年人民郵電出版社出版的圖書,作者是孟琴、李揚、汪翔、余沁、向樺。
基本介紹
- 中文名:Photoshop+Illustrator+After Effects移動UI全效實戰手冊
- 作者:孟琴、李揚、汪翔、余沁、向樺
- 出版時間:2022年
- 出版社:人民郵電出版社
- ISBN:9787115572882
內容簡介,圖書目錄,作者簡介,
內容簡介
本書基於軟體Potoshop、Illustrator、After Effects來進行移動端UI設計解析,內容從最基礎的圖示設計開始再到移動端界面設計,從無到有的過程解析及最終的動效設計。分析目前年輕設計師感興趣的像素風、MBE、正交透視(2.5D圖示)圖示製作及手機主題圖示的創作思路。界面設計部分根據分類,對應版式、色彩、設計規範等進行展開,同時分析了移動端產品綜合案列。動效設計部分承接界面視覺設計相關內容,選擇AE軟體來進行講解。本書涵蓋移動UI設計中多個主流軟體,配合案例進行講解,同時配書提供操作案例效果源檔案和同步講解視頻,以供讀者學習使用。
圖書目錄
第 1 章 圖示設計/ 7
1.1 圖示設計基礎 / 8
1.1.1 圖示的形式分類 / 8
1.1.2 圖示的屬性分類 / 9
1.1.3 圖示設計的視覺規範 / 10
1.1.4 圖示設計軟體介紹 / 13
1.1.5 布爾運算 / 14
1.2 剪影圖示/ 18
1.2.1 剪影圖示簡介/ 18
1.2.2 剪影圖示案例 / 19
1.3 MBE 圖示 / 25
1.3.1 MBE 圖示簡介 / 26
1.3.2 MBE 圖示案例 / 27
1.4 扁平化圖示/ 33
1.4.1 扁平化圖示配色特點 / 33
1.4.2 扁平化圖示風格/34
1.4.3 扁平化圖示案例 / 35
1.5 等距視圖(2.5D)圖示 / 39
1.5.1 等距視圖風格特點/ 39
1.5.2 等距視圖圖示案例/ 40
1.6 像素風圖示/ 45
1.6.1 像素風圖示特點 / 45
1.6.2 像素風圖示案例 / 46
1.7 擬物化圖示/ 50
1.7.1 擬物化圖示特點/ 50
1.7.2 圖層樣式解析/ 51
1.7.3 擬物化圖示案例/55
1.8 主題圖示設計/82
1.8.1 主題圖示賞析 / 82
1.8.2 主題圖示案例 84
第 2 章 iOS 系統和Android 系統設計原則及規範 /90
2.1 iOS 系統設計原則及規範/ 91
2.1.1 界面尺寸/ 91
2.1.2 欄高度 /91
2.1.3 邊距和間距 / 94
2.1.4 界面布局 / 96
2.1.5 圖片比例 / 99
2.1.6 圖示規範/100
2.1.7 版式規範 / 101
2.1.8 文字規範 / 102
2.1.9 設計適配/ 102
2.2 Android 系統的界面設計原則及規範/103
2.2.1 界面尺寸/104
2.2.2 iOS與Android系統的設計語言及界面結構差異對比 /105
2.2.3 欄高度 / 107
2.2.4 圖示規範/ 108
2.2.5 文字與版式規範/ 110
2.2.6 設計適配/ 111
第3章 App界面設計 /113
3.1 格式塔原理在界面設計中的套用/114
3.1.1 接近性法則 / 114
3.1.2 相似性原理/ 114
3.2 控制項/ 115
3.3 組件/ 117
3.4 閃屏頁和啟動頁/ 119
3.4.1 閃屏頁和啟動頁的特徵/119
3.4.2 閃屏頁分類 /119
3.4.3 閃屏頁和啟動頁的功能與適配 度/121
3.5 引導頁/ 122
3.5.1 引導頁分類 / 122
3.5.2 引導頁的功能與特徵/ 123
3.6 空白頁/ 出錯頁 / 124
3.7 首頁/ 125
3.7.1 首頁的功能與特徵 /125
3.7.2 首頁設計案例解析/126
3.8 個人中心頁/129
3.9 詳情頁/131
3.9.1 詳情頁內容設定 / 131
3.9.2 詳情頁設計案例解析 / 132
3.10 登錄頁 / 135
3.10.1 登錄頁設定 / 135
3.10.2 登錄頁設計案例解析 /135
3.11 沉浸式頁面 / 137
3.11.1 頁面配色 / 137
3.11.2 沉浸式頁面賞析/138
第4 章 頁面標註與切圖 /139
4.1 常用標註工具介紹/140
4.2 Parker使用說明/140
4.3 切圖輸出/ 142
第5 章 互動設計 /144
5.1 認識互動設計/145
5.1.1 互動設計與界面設計的區別 /145
5.1.2 互動設計的五要素/145
5.2 互動設計七大定律/146
5.2.1 席克定律 /146
5.2.2 菲茨定律 / 147
5.2.3 泰思勒定律 / 148
5.2.4 奧卡姆剃刀原理/ 148
5.2.5 新鄉重夫防錯原則/149
5.2.6 接近性法則 /149
5.2.7 神奇數字7±2 法則/149
5.3 互動設計輔助工具及套用 /150
5.3.1 思維導圖/150
5.3.2 流程圖/ 150
5.3.3 線框圖/151
5.3.4 互動說明文檔/152
第6 章 移動端產品界面設計解析/ 153
6.1 網際網路公司團隊架構/154
6.1.1 產品團隊/ 154
6.1.2 研發團隊/ 155
6.2 移動端產品開發流程/155
6.3 名繡App 界面設計案例解析/ 156
6.3.1 產品分析/ 156
6.3.2 品牌形象/ 157
6.3.3 界面配色/ 158
6.3.4 界面圖示設計/158
6.3.5 界面版式設計/ 158
6.4 “MUSIC & COFFEE”音咖概念App界面設計案例解析/162
6.4.1 產品定位/162
6.4.2 用戶研究/162
6.4.3 視覺規範/163
6.4.4 界面布局/165
6.4.5 界面視覺設計/166
第7 章 UI 中的動效設計/ 171
7.1 動效設計軟體介紹/172
7.1.1 UI 常用動效設計軟體/172
7.1.2 AE 界面結構與基本功能/172
7.1.3 AE 合成與變換/174
7.2 UI 動效設計案例詳解/180
7.2.1 彈射玩具/180
7.2.2 動態進度條/185
7.2.3 充電顯示/188
7.2.4 發光盒子/ 189
7.2.5 信息提示/192
7.2.6 飛行動畫/195
7.2.7 漸變字型/198
7.2.8 炫彩圖示/202
7.2.9 廣告動效/206
7.2.10 傳送動效/ 208
7.2.11 變色雪花/210
作者簡介
向樺,西南財經大學天府學院講師,UXPA中國用戶體驗專業協會會員、中國用戶體驗聯盟會員,主要從事和擅長界面視覺設計、互動設計教學研究。
孟琴,西南財經大學天府學院講師。四川省工業設計協會會員,孟宇視覺工作室創始人、綿陽俊霖文化藝術廣場有限公司文化創意產業項目經理、印客創學教育機構合伙人。個人設計作品多次獲***獎項,多次參與省部級課題及多個商業項目。
李揚,西南財經大學天府學院講師。四川省工業設計協會會員,成都文清文化傳播有限公司聯合創始人、設計作品獲“世界之星”、“中國之星”包裝類希望之星一等獎、中國“包裝之星”創意獎一等獎等設計大獎,並收錄於《中國西南設計年鑑》,學術論文發表於《包裝設計》等。參與未來中心、ACROSS.LAB跨界實驗室、成都市藝術博覽會等多個大型商業項目設計。
汪翔,曾服務於各類一線品牌設計,福建省教育資源庫設計板塊授權作者,搜狗簽約設計師,UI中國推薦設計師。
余沁,四川美術學院視覺傳達碩士,主要研究方向為品牌形象策劃與創意設計。曾就職於宜賓電視台、重慶藝術工程職業學院、四川文化藝術學院,現就職於西南財經大學天府學院。學習及工作期間曾參與西南政法大學、黔江旅遊局、重慶大足石刻、中鈔油墨公司等多個相關項目設計,參研多項科研項目及學術活動,並多次獲得***及省級設計獎項。