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