Photoshop+Illustrator+After Effects移動UI全效實戰(zhàn)手冊

定　價：￥99.80

作　者：	孟琴，李揚，汪翔，余沁，向樺著
出版社：	人民郵電出版社
叢編項：
標　簽：	暫缺

購買這本書可以去

ISBN：	9787115572882	出版時間：	2022-01-01	包裝：	平裝
開本：	16開	頁數(shù)：	220	字數(shù)：

內(nèi)容簡介

　　本書基于軟件Potoshop、Illustrator、After Effects來進行移動端UI設(shè)計解析，內(nèi)容從最基礎(chǔ)的圖標設(shè)計開始再到移動端界面設(shè)計，從無到有的過程解析及最終的動效設(shè)計。分析目前年輕設(shè)計師感興趣的像素風(fēng)、MBE、正交透視（2.5D圖標）圖標制作及手機主題圖標的創(chuàng)作思路。界面設(shè)計部分根據(jù)分類，對應(yīng)版式、色彩、設(shè)計規(guī)范等進行展開，同時分析了移動端產(chǎn)品綜合案列。動效設(shè)計部分承接界面視覺設(shè)計相關(guān)內(nèi)容，選擇AE軟件來進行講解。本書涵蓋移動UI設(shè)計中多個主流軟件，配合案例進行講解，同時配書提供操作案例效果源文件和同步講解視頻，以供讀者學(xué)習(xí)使用。

作者簡介

　　向樺，西南財經(jīng)大學(xué)天府學(xué)院講師，UXPA中國用戶體驗專業(yè)協(xié)會會員、中國用戶體驗聯(lián)盟會員，主要從事和擅長界面視覺設(shè)計、交互設(shè)計教學(xué)研究。孟琴，西南財經(jīng)大學(xué)天府學(xué)院講師。四川省工業(yè)設(shè)計協(xié)會會員，孟宇視覺工作室創(chuàng)始人、綿陽俊霖文化藝術(shù)廣場有限公司文化創(chuàng)意產(chǎn)業(yè)項目經(jīng)理、印客創(chuàng)學(xué)教育機構(gòu)合伙人。個人設(shè)計作品多次獲***獎項，多次參與省部級課題及多個商業(yè)項目。李揚，西南財經(jīng)大學(xué)天府學(xué)院講師。四川省工業(yè)設(shè)計協(xié)會會員，成都文清文化傳播有限公司聯(lián)合創(chuàng)始人、設(shè)計作品獲“世界之星”、“中國之星”包裝類希望之星一等獎、中國“包裝之星”創(chuàng)意獎一等獎等設(shè)計大獎，并收錄于《中國西南設(shè)計年鑒》，學(xué)術(shù)論文發(fā)表于《包裝設(shè)計》等。參與未來中心、ACROSS.LAB跨界實驗室、成都市藝術(shù)博覽會等多個大型商業(yè)項目設(shè)計。汪翔，曾服務(wù)于各類一線品牌設(shè)計，福建省教育資源庫設(shè)計板塊授權(quán)作者，搜狗簽約設(shè)計師，UI中國推薦設(shè)計師。余沁，四川美術(shù)學(xué)院視覺傳達碩士，主要研究方向為品牌形象策劃與創(chuàng)意設(shè)計。曾就職于宜賓電視臺、重慶藝術(shù)工程職業(yè)學(xué)院、四川文化藝術(shù)學(xué)院，現(xiàn)就職于西南財經(jīng)大學(xué)天府學(xué)院。學(xué)習(xí)及工作期間曾參與西南政法大學(xué)、黔江旅游局、重慶大足石刻、中鈔油墨公司等多個相關(guān)項目設(shè)計，參研多項科研項目及學(xué)術(shù)活動，并多次獲得***及省級設(shè)計獎項。

圖書目錄

第 1 章圖標設(shè)計/ 7
1．1 圖標設(shè)計基礎(chǔ) / 8
1．1．1 圖標的形式分類 / 8
1．1．2 圖標的屬性分類 / 9
1．1．3 圖標設(shè)計的視覺規(guī)范 / 10
1．1．4 圖標設(shè)計軟件介紹 / 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 扁平化圖標風(fēng)格/34
1．4．3 扁平化圖標案例 / 35
1．5 等距視圖（2．5D）圖標 / 39
1．5．1 等距視圖風(fēng)格特點/ 39
1．5．2 等距視圖圖標案例/ 40
1．6 像素風(fēng)圖標/ 45
1．6．1 像素風(fēng)圖標特點 / 45
1．6．2 像素風(fēng)圖標案例 / 46
1．7 擬物化圖標/ 50
1．7．1 擬物化圖標特點/ 50
1．7．2 圖層樣式解析/ 51
1．7．3 擬物化圖標案例/55
1．8 主題圖標設(shè)計/82
1．8．1 主題圖標賞析 / 82
1．8．2 主題圖標案例 84
第 2 章 iOS 系統(tǒng)和Android 系統(tǒng)設(shè)計原則及規(guī)范 /90
2．1 iOS 系統(tǒng)設(shè)計原則及規(guī)范/ 91
2．1．1 界面尺寸/ 91
2．1．2 欄高度 /91
2．1．3 邊距和間距 / 94
2．1．4 界面布局 / 96
2．1．5 圖片比例 / 99
2．1．6 圖標規(guī)范/100
2．1．7 版式規(guī)范 / 101
2．1．8 文字規(guī)范 / 102
2．1．9 設(shè)計適配/ 102
2．2 Android 系統(tǒng)的界面設(shè)計原則及規(guī)范/103
2．2．1 界面尺寸/104
2．2．2 iOS與Android系統(tǒng)的設(shè)計語言及界面結(jié)構(gòu)差異對比 /105
2．2．3 欄高度 / 107
2．2．4 圖標規(guī)范/ 108
2．2．5 文字與版式規(guī)范/ 110
2．2．6 設(shè)計適配/ 111
第3章 App界面設(shè)計 /113
3．1 格式塔原理在界面設(shè)計中的應(yīng)用/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 引導(dǎo)頁/ 122
3．5．1 引導(dǎo)頁分類 / 122
3．5．2 引導(dǎo)頁的功能與特征/ 123
3．6 空白頁/ 出錯頁 / 124
3．7 首頁/ 125
3．7．1 首頁的功能與特征 /125
3．7．2 首頁設(shè)計案例解析/126
3．8 個人中心頁/129
3．9 詳情頁/131
3．9．1 詳情頁內(nèi)容設(shè)置 / 131
3．9．2 詳情頁設(shè)計案例解析 / 132
3．10 登錄頁 / 135
3．10．1 登錄頁設(shè)置 / 135
3．10．2 登錄頁設(shè)計案例解析 /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 章交互設(shè)計 /144
5．1 認識交互設(shè)計/145
5．1．1 交互設(shè)計與界面設(shè)計的區(qū)別 /145
5．1．2 交互設(shè)計的五要素/145
5．2 交互設(shè)計七大定律/146
5．2．1 席克定律 /146
5．2．2 菲茨定律 / 147
5．2．3 泰思勒定律 / 148
5．2．4 奧卡姆剃刀原理/ 148
5．2．5 新鄉(xiāng)重夫防錯原則/149
5．2．6 接近性法則 /149
5．2．7 神奇數(shù)字7±2 法則/149
5．3 交互設(shè)計輔助工具及應(yīng)用 /150
5．3．1 思維導(dǎo)圖/150
5．3．2 流程圖/ 150
5．3．3 線框圖/151
5．3．4 交互說明文檔/152
第6 章移動端產(chǎn)品界面設(shè)計解析/ 153
6．1 互聯(lián)網(wǎng)公司團隊架構(gòu)/154
6．1．1 產(chǎn)品團隊/ 154
6．1．2 研發(fā)團隊/ 155
6．2 移動端產(chǎn)品開發(fā)流程/155
6．3 名繡App 界面設(shè)計案例解析/ 156
6．3．1 產(chǎn)品分析/ 156
6．3．2 品牌形象/ 157
6．3．3 界面配色/ 158
6．3．4 界面圖標設(shè)計/158
6．3．5 界面版式設(shè)計/ 158
6．4 “MUSIC & COFFEE”音咖概念A(yù)pp界面設(shè)計案例解析/162
6．4．1 產(chǎn)品定位/162
6．4．2 用戶研究/162
6．4．3 視覺規(guī)范/163
6．4．4 界面布局/165
6．4．5 界面視覺設(shè)計/166
第7 章 UI 中的動效設(shè)計/ 171
7．1 動效設(shè)計軟件介紹/172
7．1．1 UI 常用動效設(shè)計軟件/172
7．1．2 AE 界面結(jié)構(gòu)與基本功能/172
7．1．3 AE 合成與變換/174
7．2 UI 動效設(shè)計案例詳解/180
7．2．1 彈射玩具/180
7．2．2 動態(tài)進度條/185
7．2．3 充電顯示/188
7．2．4 發(fā)光盒子/ 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