《UI设计从零蜕变:UI、UE与动效设计全解密》通过精选案例引导读者深入学习,系统地介绍了UI设计的相关知识和应用方法。
全书分为7篇,共26章。1篇为Hello UI篇,主要介绍UI基础知识和UI设计师的自我修养。第2篇为设计之道,主要介绍设计中的点、线、面、色彩的表达艺术等内容。第3篇为图标设计,主要介绍PS图标设计技巧、iOS图标、生活类、视听类、摄影类、质感类和Dribbble风格的APP图标设计。第4篇为Sketch界面设计,主要介绍Sketch的系统知识、简单的时钟案例、MBE风格、网易云音乐实战等内容。第5篇为AE动效设计,主要介绍动效设计基础原则、天气类、音乐播放器、健身行车类、注册界面、计时类、支付类等APP动效设计。第6篇为高手秘笈,主要介绍UI设计师的求职秘笈和UI设计的外包单报价秘笈等。第7篇,主要介绍项目实战内容。
本书不仅适合UI设计初级、中级用户学习,也可以作为各类院校相关专业学生和UI设计培训班学员的教材或辅导用书。
(1)针对性强。对于想从事UI设计工作的读者大有裨益,全面讲解UI、UE、UED与动效方面的知识。
(2)实战性强。综合应用PS AI AE Sketch软件,对各种风格的图标以及UI界面进行了细致的讲解。
(3)零基础也可以学。没有软件基础的读者,可以先学习附赠资源中的PS基础技法课程。
(4)提升审美。除了讲解UI设计本身,还对色彩及排版进行了全面剖析,提升读者的眼界,让读者在设计时能从容避开雷区。
顾领中,任职C课堂教育总监一职,从事IT培训,2014年入驻网易云课堂、教育、百度传课,2015年创办C课堂,同年入驻腾讯课堂、meia、优酷课堂。主要设计包括:PS,店铺装修,平面设计,网页设计,家装设计,影视后期,包装设计,VI设计,logo设计,设计理论等。
第1篇HelloUI
第1章初识UI设计
1.1UI行业前景分析
1.1.1UI设计师到底做些什么
1.1.2为何UI设计行业门槛越来越高
1.1.3UI行业发展前景
1.2开发流程App诞生记
1.3UI设计师的工作内容
1.4各类设计的常用软件
第2章UI设计师的自我修养
2.1认识UE设计
2.2五大设计原则
2.3让用户拥有自主控制权
2.4状态跟踪
2.5设计规范
2.6简化元素
2.7面试技巧
第2篇设计之道
第3章设计中的点、线、面
3.1平面构成中的点究竟是怎样的
3.2很多时候吸引眼球就靠点
3.3从苹果公司广告片分析点的气质
3.4再简单也可以做创意
3.5点的固位性与凝聚性
3.6点元素在后期印刷中的作用
3.7平面构成中线的特质
3.8线元素的应用
3.9对线元素进行破坏组合
3.10利用线元素的延伸丰富结构
3.11平面构成中面的类型
3.12面的情感与表现力
第4章色彩的表达艺术
4.1色彩的三大属性
4.2够出彩才够出色
4.3色彩数量
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轻质感图标相机
6.5换种思路做设计天气
6.6早起早睡必备闹钟
6.7再也不担心走丢了地图
6.8喜欢看什么都行视频
6.9画画、记事、拍照备忘录
6.10你身边的小秘书提醒事项
6.11曲曲折折疏疏密密股市
6.12我的游戏中心GameCenter
6.13医生时刻在你身边健康
6.14看似复杂,实则简单iTunesStore
6.15耐心、细节、化简AppStore
6.16其实真的很简单设置
6.17常联系、别忘记信息
6.18还是有些小技巧的邮件
6.19超赞浏览器Safari
6.20静静地听会Music音乐
6.21团队需要协同工作命名规范
6.22规范文档成品展示
第7章生活必备的App
7.1朋友圈就是全世界微信
7.2陪你到永远QQ
7.3每天刷够100遍微博
7.4不止一面,大有看头QQ浏览器
7.5方便每一个人的出行滴滴出行
7.6吃遍所有,买够一条街饿了么
第8章视听类App设计
8.1悦享品质的视频App爱奇艺
8.1.1悦享品质的视频App爱奇艺01
8.1.2悦享品质的视频App爱奇艺02
8.2不负好时光腾讯视频
8.3音乐总有新玩法酷狗
8.4金曲捞QQ音乐
8.5这世界很酷优酷
8.6量身定做的音乐播放器网易云音乐
第9章摄影类App图标设计
9.1瞬间提高颜值美颜相机
9.2我就是喜欢秀美图秀秀
9.3越亲密越有趣激萌
第10章质感类图标设计
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系统知识介绍
12.1Sketch界面初识
12.2布尔运算、编组、对齐与分布
12.3变换、混合模式、投影、内阴影、输出
12.4像素对齐、蒙版、创建轮廓、历史记录
12.5旋转复制的技巧
12.6非规则形状调整
12.7快速制作手机App的神奇秘密Craft
12.8B站界面案例实战
12.9超级方便的标注插件SketchMeasure
12.10更加高效的设计复用样式
12.11快速修改设计风格更改复用样式
12.12嫌编组太麻烦怎么办创建并编辑复用样式
12.13灵活修改tabbar
12.14物理分辨率与逻辑分辨率
12.15一起打包多对象的命名与输出
12.16千万不要犯迷糊路径详解
12.17位图的相关编辑技巧
12.18文字的编辑技巧
第13章简单的时钟案例
13.1基础规范
13.2布尔运算
13.3细节修饰
13.4路径与复用样式
13.5制作表盘刻度
13.6对齐与分布的相关技巧
13.7套用iOS10UIkit
第14章漂亮的MBE风格
14.1风格介绍与应用
14.2虚线条的制作方法
14.3蒙版多层嵌套关系
14.4通过常用工具快速修饰细节
14.5脸部细节描绘
14.6绘制表情
14.7绘制身体
14.8绘制头发
第15章网易云音乐项目实战
15.1App界面的设计规范与颜色标注
15.2页面的制作过程
15.3导航栏与状态栏的制作
15.4下方标签栏细节调整
15.5顶部标签栏的设计
15.6制作私人FM每日歌曲推荐云音乐热歌榜等部分
15.7设置封面图片
15.8Craft该用就用
15.9网易云音乐LOGO绘制
15.10快速制作icon
15.11复用样式
15.12资源导出
第5篇AE动效设计
第16章AE动效设计基本原则
16.1先混个脸熟认识AE界面
16.2旋转跳跃我不停歇基本动画属性
16.3就是不走寻常路缓动
16.4你怎样我就怎样继承关系
16.5对象关系和层次结构偏移与延迟
16.6用好路径是关键变形
16.7遮遮掩掩的艺术遮罩
16.8还有更多不错的选择描边动画
16.9既高清又容量小的秘密渲染
16.10那些不安分的参数数值变化
16.11看看有什么藏着掖着的覆盖
16.12简单的融合动画克隆
16.13实实虚虚、主次分明蒙层
16.14操作中的反馈视差
16.15连续感和位置感纬度
16.16开机动画怎样看起来更酷移动和缩放
第17章天气类App动效实战
17.1AE软件强大的绘制功能界面绘制
17.2AE软件中的图形组合技巧布尔运算
17.3使用表达式实现循环播放loopout表达式
17.4有节奏地摇头晃脑wiggle表达式
17.5设计动画的片头出场动画
17.6设置柔和曲线整体调整
第18章音乐播放器App动效实战
18.1结合外部素材图片基本设置
18.23D切换动画基本3D
18.3添加时间变化特效编号
18.4轨道蒙版遮罩组合技巧效果整合
第19章健身行车类App动效实战
19.1命名是好的工作习惯基础界面绘制
19.2结合AI完成高难度设计表盘绘制
19.3分析制作的思路原理讲解
19.4来点有弹性的感觉基本形动画
19.5就是要变变变数值变化
19.6双重嵌套的奥秘轨道蒙版
19.7超酷的线条动画插件3DStroke
19.8动感线条的设计细节光线效果
第20章注册界面动效
20.1规范设计标准界面制作
20.2丰富设计场景界面设计
20.3模拟手指触控效果触感动画
20.4再复杂也难不住我信息交互
20.5调整画面的缓动文字缓动
第21章计时类App动效设计
21.1对齐与分布技巧滚屏效果
21.2一黑一白制作景深球面化效果
21.3形状层动画效果开关按钮
21.4不放过每一个瑕疵整体效果
第22章支付类App动效设计
22.1绘制轮廓信用卡icon
22.2开始便已结束加载效果动画
22.3图形变化效果遮罩与转场
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设计师的外包报价