《UI設計從零蛻變:UI、UE與動效設計全解密》通過精選案例引導讀者深入學習,系統(tǒng)地介紹了UI設計的相關知識和應用方法。
全書分為7篇,共26章。1篇為Hello UI篇,主要介紹UI基礎知識和UI設計師的自我修養(yǎng)。第2篇為設計之道,主要介紹設計中的點、線、面、色彩的表達藝術等內(nèi)容。第3篇為圖標設計,主要介紹PS圖標設計技巧、iOS圖標、生活類、視聽類、攝影類、質(zhì)感類和Dribbble風格的APP圖標設計。第4篇為Sketch界面設計,主要介紹Sketch的系統(tǒng)知識、簡單的時鐘案例、MBE風格、網(wǎng)易云音樂實戰(zhàn)等內(nèi)容。第5篇為AE動效設計,主要介紹動效設計基礎原則、天氣類、音樂播放器、健身行車類、注冊界面、計時類、支付類等APP動效設計。第6篇為高手秘笈,主要介紹UI設計師的求職秘笈和UI設計的外包單報價秘笈等。第7篇,主要介紹項目實戰(zhàn)內(nèi)容。
本書不僅適合UI設計初級、中級用戶學習,也可以作為各類院校相關專業(yè)學生和UI設計培訓班學員的教材或輔導用書。
(1)針對性強。對于想從事UI設計工作的讀者大有裨益,全面講解UI、UE、UED與動效方面的知識。
(2)實戰(zhàn)性強。綜合應用PS AI AE Sketch軟件,對各種風格的圖標以及UI界面進行了細致的講解。
(3)零基礎也可以學。沒有軟件基礎的讀者,可以先學習附贈資源中的PS基礎技法課程。
(4)提升審美。除了講解UI設計本身,還對色彩及排版進行了全面剖析,提升讀者的眼界,讓讀者在設計時能從容避開雷區(qū)。
顧領中,任職C課堂教育總監(jiān)一職,從事IT培訓,2014年入駐網(wǎng)易云課堂、教育、百度傳課,2015年創(chuàng)辦C課堂,同年入駐騰訊課堂、meia、優(yōu)酷課堂。主要設計包括:PS,店鋪裝修,平面設計,網(wǎng)頁設計,家裝設計,影視后期,包裝設計,VI設計,logo設計,設計理論等。
第1篇HelloUI
第1章初識UI設計
1.1UI行業(yè)前景分析
1.1.1UI設計師到底做些什么
1.1.2為何UI設計行業(yè)門檻越來越高
1.1.3UI行業(yè)發(fā)展前景
1.2開發(fā)流程App誕生記
1.3UI設計師的工作內(nèi)容
1.4各類設計的常用軟件
第2章UI設計師的自我修養(yǎng)
2.1認識UE設計
2.2五大設計原則
2.3讓用戶擁有自主控制權
2.4狀態(tài)跟蹤
2.5設計規(guī)范
2.6簡化元素
2.7面試技巧
第2篇設計之道
第3章設計中的點、線、面
3.1平面構成中的點究竟是怎樣的
3.2很多時候吸引眼球就靠點
3.3從蘋果公司廣告片分析點的氣質(zhì)
3.4再簡單也可以做創(chuàng)意
3.5點的固位性與凝聚性
3.6點元素在后期印刷中的作用
3.7平面構成中線的特質(zhì)
3.8線元素的應用
3.9對線元素進行破壞組合
3.10利用線元素的延伸豐富結構
3.11平面構成中面的類型
3.12面的情感與表現(xiàn)力
第4章色彩的表達藝術
4.1色彩的三大屬性
4.2夠出彩才夠出色
4.3色彩數(shù)量
4.4色彩重量
4.5色彩群組
4.6色彩的可視性
第3篇圖標設計
第5章PS圖標設計小技巧
5.1動作的使用
5.2繪制參考線的技巧
5.3像素對齊的重要性
5.4布爾運算
5.4.1初識布爾運算
5.4.2通過布爾運算設計E-mail圖標
5.4.3通過布爾運算設計Camera圖標
第6章iOS全系列圖標
6.1我的第一個iOS圖標FaceTime
6.2注意字體的使用日歷
6.3炫彩圖標照片
6.4輕質(zhì)感圖標相機
6.5換種思路做設計天氣
6.6早起早睡必備鬧鐘
6.7再也不擔心走丟了地圖
6.8喜歡看什么都行視頻
6.9畫畫、記事、拍照備忘錄
6.10你身邊的小秘書提醒事項
6.11曲曲折折疏疏密密股市
6.12我的游戲中心GameCenter
6.13醫(yī)生時刻在你身邊健康
6.14看似復雜,實則簡單iTunesStore
6.15耐心、細節(jié)、化簡AppStore
6.16其實真的很簡單設置
6.17常聯(lián)系、別忘記信息
6.18還是有些小技巧的郵件
6.19超贊瀏覽器Safari
6.20靜靜地聽會Music音樂
6.21團隊需要協(xié)同工作命名規(guī)范
6.22規(guī)范文檔成品展示
第7章生活必備的App
7.1朋友圈就是全世界微信
7.2陪你到永遠QQ
7.3每天刷夠100遍微博
7.4不止一面,大有看頭QQ瀏覽器
7.5方便每一個人的出行滴滴出行
7.6吃遍所有,買夠一條街餓了么
第8章視聽類App設計
8.1悅享品質(zhì)的視頻App愛奇藝
8.1.1悅享品質(zhì)的視頻App愛奇藝01
8.1.2悅享品質(zhì)的視頻App愛奇藝02
8.2不負好時光騰訊視頻
8.3音樂總有新玩法酷狗
8.4金曲撈QQ音樂
8.5這世界很酷優(yōu)酷
8.6量身定做的音樂播放器網(wǎng)易云音樂
第9章攝影類App圖標設計
9.1瞬間提高顏值美顏相機
9.2我就是喜歡秀美圖秀秀
9.3越親密越有趣激萌
第10章質(zhì)感類圖標設計
10.1巧用漸變色電梯按鈕
10.2圖層樣式使用技巧電話
10.3漸變疊加與形狀合并郵件
10.4超酷炫的安全App密碼鎖
第11章Dribbble設計風格
11.1Dribbble餐飲風格啤酒
11.1.1Dribbble餐飲風格啤酒01
11.1.2Dribbble餐飲風格啤酒02
11.2Dribbble餐具風格烤箱
11.2.1Dribbble餐具風格烤箱01
11.2.2Dribbble餐具風格烤箱02
11.3Dribbble餐具風格煎烤
11.3.1Dribbble餐具風格煎烤01
11.3.2Dribbble餐具風格煎烤02
11.4Dribbble閱讀風格書籍
11.4.1Dribbble閱讀風格書籍01
11.4.2Dribbble閱讀風格書籍02
11.5Dribbble美食風格披薩
11.5.1Dribbble美食風格披薩01
11.5.2Dribbble美食風格披薩02
第4篇Sketch界面設計
第12章Sketch系統(tǒng)知識介紹
12.1Sketch界面初識
12.2布爾運算、編組、對齊與分布
12.3變換、混合模式、投影、內(nèi)陰影、輸出
12.4像素對齊、蒙版、創(chuàng)建輪廓、歷史記錄
12.5旋轉(zhuǎn)復制的技巧
12.6非規(guī)則形狀調(diào)整
12.7快速制作手機App的神奇秘密Craft
12.8B站界面案例實戰(zhàn)
12.9超級方便的標注插件SketchMeasure
12.10更加高效的設計復用樣式
12.11快速修改設計風格更改復用樣式
12.12嫌編組太麻煩怎么辦創(chuàng)建并編輯復用樣式
12.13靈活修改tabbar
12.14物理分辨率與邏輯分辨率
12.15一起打包多對象的命名與輸出
12.16千萬不要犯迷糊路徑詳解
12.17位圖的相關編輯技巧
12.18文字的編輯技巧
第13章簡單的時鐘案例
13.1基礎規(guī)范
13.2布爾運算
13.3細節(jié)修飾
13.4路徑與復用樣式
13.5制作表盤刻度
13.6對齊與分布的相關技巧
13.7套用iOS10UIkit
第14章漂亮的MBE風格
14.1風格介紹與應用
14.2虛線條的制作方法
14.3蒙版多層嵌套關系
14.4通過常用工具快速修飾細節(jié)
14.5臉部細節(jié)描繪
14.6繪制表情
14.7繪制身體
14.8繪制頭發(fā)
第15章網(wǎng)易云音樂項目實戰(zhàn)
15.1App界面的設計規(guī)范與顏色標注
15.2頁面的制作過程
15.3導航欄與狀態(tài)欄的制作
15.4下方標簽欄細節(jié)調(diào)整
15.5頂部標簽欄的設計
15.6制作私人FM每日歌曲推薦云音樂熱歌榜等部分
15.7設置封面圖片
15.8Craft該用就用
15.9網(wǎng)易云音樂LOGO繪制
15.10快速制作icon
15.11復用樣式
15.12資源導出
第5篇AE動效設計
第16章AE動效設計基本原則
16.1先混個臉熟認識AE界面
16.2旋轉(zhuǎn)跳躍我不停歇基本動畫屬性
16.3就是不走尋常路緩動
16.4你怎樣我就怎樣繼承關系
16.5對象關系和層次結構偏移與延遲
16.6用好路徑是關鍵變形
16.7遮遮掩掩的藝術遮罩
16.8還有更多不錯的選擇描邊動畫
16.9既高清又容量小的秘密渲染
16.10那些不安分的參數(shù)數(shù)值變化
16.11看看有什么藏著掖著的覆蓋
16.12簡單的融合動畫克隆
16.13實實虛虛、主次分明蒙層
16.14操作中的反饋視差
16.15連續(xù)感和位置感緯度
16.16開機動畫怎樣看起來更酷移動和縮放
第17章天氣類App動效實戰(zhàn)
17.1AE軟件強大的繪制功能界面繪制
17.2AE軟件中的圖形組合技巧布爾運算
17.3使用表達式實現(xiàn)循環(huán)播放loopout表達式
17.4有節(jié)奏地搖頭晃腦wiggle表達式
17.5設計動畫的片頭出場動畫
17.6設置柔和曲線整體調(diào)整
第18章音樂播放器App動效實戰(zhàn)
18.1結合外部素材圖片基本設置
18.23D切換動畫基本3D
18.3添加時間變化特效編號
18.4軌道蒙版遮罩組合技巧效果整合
第19章健身行車類App動效實戰(zhàn)
19.1命名是好的工作習慣基礎界面繪制
19.2結合AI完成高難度設計表盤繪制
19.3分析制作的思路原理講解
19.4來點有彈性的感覺基本形動畫
19.5就是要變變變數(shù)值變化
19.6雙重嵌套的奧秘軌道蒙版
19.7超酷的線條動畫插件3DStroke
19.8動感線條的設計細節(jié)光線效果
第20章注冊界面動效
20.1規(guī)范設計標準界面制作
20.2豐富設計場景界面設計
20.3模擬手指觸控效果觸感動畫
20.4再復雜也難不住我信息交互
20.5調(diào)整畫面的緩動文字緩動
第21章計時類App動效設計
21.1對齊與分布技巧滾屏效果
21.2一黑一白制作景深球面化效果
21.3形狀層動畫效果開關按鈕
21.4不放過每一個瑕疵整體效果
第22章支付類App動效設計
22.1繪制輪廓信用卡icon
22.2開始便已結束加載效果動畫
22.3圖形變化效果遮罩與轉(zhuǎn)場
22.4精致的小按鈕動畫按鈕確定
22.5無縫對接效果信息輸入框
22.6不透明度隨機變化光標動畫
22.7巧妙使用遮罩打字機動畫
22.8鍵入文字提示效果鍵盤效果
第6篇高手秘籍
第23章UI設計師求職秘籍
23.1了解公司
23.2面試技巧
23.3簡歷制作
23.4項目資料準備
第24章UI設計的外包單報價秘籍
24.1UI設計師的接單渠道
24.2UI設計師的外包報價