UI图标设计制作教程(Figma UI3)(全彩微课版)

图标设计教程、线性图标和面性图标的绘制方法学习、Figma软件教学、理论融入案例
分享 推荐 1 收藏 10 阅读 858
李炳琰 (作者) 978-7-115-68332-8

关于本书的内容有任何问题,请联系 徐金鹏

1.热门领域的热门工具软件,Figma软件详解,可以直接上手使用。
2.讲解简单、细致,软件上手无难度。
3.案例丰富且实用,由易到难,告别学习压力。
4.配套资源丰富,微课视频助学。
¥59.80 ¥50.83 (8.5 折)
教学资源仅供教师教学使用,转载或另作他用版权方有权追究法律责任。

内容摘要

本书全面地介绍UI设计中,线性图标和面性图标绘制方法,帮助读者全面掌握图标图形的绘制技巧,为后续学习绘制风格化和立体图标打下坚实的基础。全书共分为6个单元,主要介绍了图标的概念、线性图标的绘制和面性图标的绘制。本书采用理论融入案例的模式,在单元小结中,均配备练习案例及相关的延伸练习,通过精心设计的案例帮助读者掌握对应的软件操作方法和图标绘制技巧。
本书可以作为高职高专数字媒体、交互设计、视觉传达、数字艺术、计算机等相关专业的UI图标设计、界面设计、图形设计、交互界面等相关课程的教材,也可作为自学UI的第一本参考书。

目录

单元1 图标制作入门
1.1 图标的基础知识
1.1.1 什么是图标
1.1.2 图标的分类
1.2 图标设计的原则
1.2.1 遵循传统
1.2.2 视觉大小均衡
1.2.3 视觉重心平衡
1.2.4 相近的图形占比
1.2.5 一致的图标风格
1.3 图标设计软件
1.3.1 软件注册与安装
1.3.2 文件管理
1.3.3 设计界面与视图控制
1.3.4 本书快捷键说明
1.3.5 文件共享
1.3.6其他中文设计软件
单元2 线性图标的绘制——锚点操作
2.1 认识基础图形
2.1.1 基础知识——基础图形工具
2.1.2 案例练习—绘制侧边栏图标
2.1.3 案例练习—绘制搜索图标
2.1.4 案例练习—绘制魔法棒图标
2.2 基础图形的变形——增加并移动锚点
2.2.1 基础知识——锚点操作
2.2.2 案例练习——绘制主页图标
2.2.3 案例练习——绘制文件夹图标
2.2.4 案例练习——绘制文件图标
2.2.5 案例练习——绘制折页图标
2.2.6 拓展练习——操作锚点绘制图标
2.3 制作断线-增加并删除锚点
2.3.1 基础知识——删除锚点和断开线段
2.3.2 案例练习——绘制分享图标
2.3.3 案例练习——绘制开关图标
2.3.4 案例练习——绘制上传图标
2.3.5 拓展练习——打破闭合图形
2.4 单元练习
2.4.1 知识回顾
2.4.2练习巩固
单元3 线性图标的绘制——曲线类图标
3.1 利用基础图形绘制曲线类图标
3.1.1 基础知识——图形的圆角
3.1.2 案例练习——绘制地点图标
3.1.3 案例练习——绘制可见图标
3.1.4 案例练习——绘制地球图标
3.1.5 拓展练习——用圆角创建曲线
3.2 通过锚点控制曲线
3.2.1 基础知识——锚点与曲线
3.2.2 案例练习——绘制书本图标
3.2.4 案例练习——绘制海浪图标
3.2.5 拓展练习——用锚点控制曲线弧度
3.3 绘制胶囊形状的曲线
3.3.1 基础知识——圆角数值的规律
3.3.2 案例练习——绘制胶囊图标
3.3.3 拓展练习——识别并绘制胶囊图形
3.4 单元练习
3.4.1 知识回顾
3.4.2 练习巩固
3.4.3练习思路
单元4 面性图标——布尔运算
4.1 基础面性图标
4.1.1 基础知识——图标模板
4.1.2 案例练习——绘制沙漏图标
4.1.3 案例练习——绘制手表图标
4.1.4 拓展练习——图标模板辅助绘制
4.2 填充区域的布尔运算——合并
4.2.1 “合并”运算
4.2.2 案例练习——绘制云朵图标
4.2.3 拓展练习——合并运算
4.3填充区域的布尔运算——减去
4.3.1 “减去”运算
4.3.2 案例练习——绘制月亮图标
4.3.3 案例练习——绘制鼠标图标
4.3.4 案例练习——绘制优惠券图标
4.3.5 综合练习——绘制拼图图标
4.3.6 综合练习——绘制头盔图标
4.3.7 拓展练习——减去运算
4.4 填充区域的布尔运算—交集
4.4.1 “交集”运算
4.4.2 案例练习——绘制娃娃头图标
4.4.3 案例练习——绘制盾牌图标
4.4.4 拓展练习——交集运算
4.5 单元练习
4.5.1 知识回顾
4.5.2 练习巩固
4.5.3 练习思路
单元5 常用面性图标的绘制技巧
5.1 中心放射图标
5.1.1 案例练习——绘制设置图标
5.1.2 案例练习——绘制花朵图标
5.1.3 拓展练习——中心放射图形
5.2 爱心图标
5.2.1 轮廓化描边
5.2.2 案例练习——绘制爱心图标
5.2.3 拓展练习——绘制变形的爱心图标
5.3 带有缝隙的组合图标
5.3.1 案例练习——绘制云月图标
5.3.2 案例练习——绘制食物图标
5.3.3 拓展练习——组合填充图形
5.4 单元练习
5.4.1 知识回顾
5.4.2 练习巩固
单元6 扁平风格的图标
6.1 扁平图标风格的影响因素
6.1.1 风格要素——描边
6.1.2 风格要素——填充
6.1.2 风格要素——图形造型
6.1.4 知识巩固
6.2 色彩基础知识
6.2.1 颜色面板介绍
6.2.2 颜色的基本属性与HSB颜色模式
6.2.3 RGB与HEX颜色模式
6.2 扁平风格图标的常用设置
6.3.1 区域显示
6.3.3 描边——虚线与单边
6.3.4 平滑圆角
6.4 综合练习——绘制飞行器图标
6.5 综合练习——绘制文件夹图标

读者评论

赶紧抢沙发哦!

我要评论

作者介绍

李炳琰,数字媒体专业硕士,就职于铜陵学院,一直从事界面设计和交互设计的教学、研究和实践。曾参与多个软件项目的设计,有丰富的实践经验。同时通过8年的教学工作,有丰富的教学经验,并总结出一套成熟的UI设计教学思路。并在实践应用中有良好的教学效果。其中图标设计为UI设计教学课程中的一个重要组成部分。

推荐用户

相关图书

人邮微信
本地服务
人邮微信
教师服务
二维码
读者服务
读者服务
返回顶部
返回顶部