新書推薦:
《
投机苦旅:一位投机客的凤凰涅槃
》
售價:NT$
403.0
《
重返马赛渔场:社会规范与私人治理的局限
》
售價:NT$
316.0
《
日子慢慢向前,事事慢慢如愿
》
售價:NT$
254.0
《
场景供应链金融:将风口变成蓝海
》
售價:NT$
509.0
《
汗青堂丛书146·布鲁克王朝:一个英国家族在东南亚的百年统治
》
售價:NT$
418.0
《
人生是旷野啊
》
售價:NT$
332.0
《
甲骨文丛书· “安国之道”:英国的殖民情报系统及其在亚洲的扩张
》
售價:NT$
403.0
《
台北人(2024版)
》
售價:NT$
398.0
|
編輯推薦: |
本书特色
? 《Figma UI设计技法与实践》实用性强,几乎涵盖了UI设计的各方面知识,读者可以通过学习UI设计的理论基础,理解不同移动操作系统的UI设计规范,掌握基于不同操作系统的UI设计。
? 《Figma UI设计技法与实践》紧跟移动UI设计发展趋势,全面解析Figma UI设计的方法和技巧。
? 《Figma UI设计技法与实践》深度剖析多个App项目案例的开发制作,赠送案例源文件、素材、教学视频和PPT课件。
读者人群
《Figma UI设计技法与实践》充分考虑初学者可能遇到的困难,讲解全面、深入,结构安排循序渐进,使读者在掌握知识要点后能够有效总结,并通过实例分析巩固所学知识,提高学习效率。
|
內容簡介: |
Figma作为一款强大的UI设计工具,正在为移动UI设计带来革命性的变革。其强大的功能和直观的界面,使得设计师们能够更加高效、专业地完成设计工作,为用户带来更加优质、流畅的移动应用体验。
《Figma UI设计技法与实践》主要讲解对UI设计的基础知识,并针对iOS系统、Android系统和HarmonyOS系统UI设计规范进行讲解。《Figma UI设计技法与实践》将基础知识讲解与项目案例制作相结合,将枯燥的知识点融入丰富有趣的案例制作中,全面解析移动端App UI设计的流程及设计技巧。
全书共分为5章,包括Figma基础操作、移动UI设计基础、使用Figma设计iOS系统UI、使用Figma设计Android系统UI和使用Figma设计HarmonyOS系统UI。书中案例均使用最新的UI设计工具Figma进行设计制作。
《Figma UI设计技法与实践》配套资源中不但提供了书中所有实例的源文件和素材,还提供了所有实例的多媒体教学视频,以帮助读者轻松掌握Figma移动UI设计,同时还配有《Figma UI设计技法与实践》PPT课件,让新手从零起飞。
《Figma UI设计技法与实践》适合UI设计爱好者和移动UI设计从业者阅读,也适合作为各院校相关设计专业的参考教材。
|
關於作者: |
王欣,从事设计工作多年,有丰富的设计和教学经验。熟练掌握各种设计软件,了解设计流程,曾参与多个设计项目的设计和开发工作。对于色彩原理和搭配有独特见解。曾参与多个平面设计和网页设计项目,在多家专业杂志发表专业论文。出版相关图书多本。
|
目錄:
|
第1章 Figma基础操作
1.1 认识Figma
1.1.1 Figma概述
1.1.2 Figma在移动UI设计中的优势
1.2 Figma的安装与汉化
1.2.1 使用在线Figma
1.2.2 使用Figma客户端
1.2.3 使用本地汉化版Figma
1.3 认识Figma的工作界面
1.3.1 Figma项目管理界面
1.3.2 Figma工作界面详解
1.4 使用Figma工具
1.4.1 移动工具和缩放工具
1.4.2 形状工具
1.4.3 钢笔工具
1.4.4 文本工具
1.4.5 对象的编组操作
1.4.6 使用画框
1.5 Figma的“设计”面板
1.6 使用Figma插件
1.6.1 查找并保存Figma插件
1.6.2 Figma插件的使用方法
1.7 本章小结
1.8 课后练习
1.8.1 选择题
1.8.2 判断题
1.8.3 操作题
第2章 移动UI设计基础
2.1 UI设计概述
2.1.1 什么是UI设计
2.1.2 UI设计的常用术语
2.1.3 UI设计的特点
2.2 移动UI设计平台
2.2.1 Android系统
2.2.2 iOS系统和iPadOS系统
2.2.3 HarmonyOS系统
2.2.4 Wear OS和Watch OS系统
2.3 移动UI项目开发职业划分
2.3.1 产品经理
2.3.2 项目经理
2.3.3 UI设计师
2.3.4 开发人员
2.4 移动UI设计原则
2.5 在Figma中进行图标设计
2.5.1 使用Figma基本绘图工具设计简约功能图标
2.5.2 使用Figma插件设计App启动图标
2.5.3 使用Figma效果功能设计微质感图标
2.6 本章小结
2.7 课后练习
2.7.1 选择题
2.7.2 判断题
2.7.3 操作题
第3章 使用Figma设计iOS系统UI
3.1 了解iOS系统
3.1.1 网点密度与屏幕密度
3.1.2 iOS系统的屏幕分辨率
3.1.3 逻辑点与倍图
3.2 iOS系统界面和组件尺寸
3.2.1 iOS系统UI设计尺寸
3.2.2 界面组件尺寸规范
3.3 iOS系统字体规范
3.3.1 字体
3.3.2 字号
3.3.3 颜色和字重
3.4 iOS系统图标规范
3.5 iOS系统按钮规范
3.6 iOS系统图片规范
3.6.1 图片比例
3.6.2 图片格式
3.7 iOS系统内容布局规范
3.7.1 移动UI排版布局的基础原则
3.7.2 常见的布局形式
3.7.3 边距和间距设置
3.8 关于Figma组件
3.8.1 在Figma中创建组件
3.8.2 使用Figma组件
3.8.3 Figma变体组件的创建与使用
3.9 使用Figma制作影视App
3.9.1 制作影视App相关组件
3.9.2 制作影视App首界面
3.9.3 制作影视App影片详情界面
3.9.4 制作影视App其他界面
3.10 本章小结
3.11 课后练习
3.11.1 选择题
3.11.2 判断题
3.11.3 操作题
第4章 使用Figma设计Android系统UI
4.1 了解Android系统
4.1.1 Android系统的发展
4.1.2 Android系统的单位
4.1.3 Android系统的常用分辨率
4.1.4 Android系统的设计尺寸
4.2 Android系统UI设计尺寸
4.2.1 Android系统的组件尺寸
4.2.2 Android系统的元素间距
4.3 Android系统字体设计规范
4.3.1 字体
4.3.2 字号
4.4 Android系统图标规范
4.4.1 图标类型
4.4.2 图标尺寸
4.5 移动UI布局设计
4.5.1 App界面常见的布局形式
4.5.2 卡片式设计与无框设计
4.6 Figma布局约束和网格
4.6.1 使用Figma布局约束
4.6.2 使用Figma布局网格
4.7 使用Figma制作旅游App
4.7.1 制作旅游App相关组件
4.7.2 制作旅游App首界面
4.7.3 制作旅游App收藏界面
4.7.4 制作旅游App其他界面
4.8 本章小结
4.9 课后练习
4.9.1 选择题
4.9.2 判断题
4.9.3 操作题
第5章 使用Figma设计HarmonyOS系统UI
5.1 了解HarmonyOS系统
5.1.1 HarmonyOS系统的诞生与特点
5.1.2 HarmonyOS与iOS和Android的区别
5.2 HarmonyOS系统单位与尺寸
5.2.1 HarmonyOS系统的单位
5.2.2 HarmonyOS系统的组件尺寸
5.3 HarmonyOS系统字体规范
5.3.1 字体和字号
5.3.2 对齐规则
5.4 HarmonyOS系统图标规范
5.4.1 图标的大小布局
5.4.2 图标的特征
5.5 HarmonyOS系统的间距
5.6 UI的格式塔原理
5.6.1 什么是格式塔原理
5.6.2 格式塔原理的六大法则
5.7 Figma自动布局
5.8 使用Figma制作珠宝电商App
5.8.1 制作珠宝电商App相关组件
5.8.2 制作珠宝电商App首界面
5.8.3 制作珠宝电商App购买界面
5.8.4 制作珠宝电商App其他界面
5.9 本章小结
5.10 课后练习
5.10.1 选择题
5.10.2 判断题
5.10.3 操作题
|
內容試閱:
|
Figma作为一款前沿的UI设计工具,正在引领移动UI设计的新潮流。其强大的功能和直观的界面,为设计师们提供了一个全新的创作平台,帮助他们更高效、更专业地完成移动应用的界面设计。
《Figma UI设计技法与实践》紧跟移动UI设计的发展趋势,向读者详细介绍了Figma的基本功能和操作方法,并且依据iOS、Android和HarmonyOS三种系统分别进行了UI设计规范的讲解,此外,还通过在Figma中进行App项目实例的开发制作,详细介绍了制作的步骤和软件的应用技巧,使读者能够轻松地学习并掌握,真正做到学以致用。
《Figma UI设计技法与实践》内容安排
《Figma UI设计技法与实践》共分为5章,由浅入深地对Figma移动UI设计知识进行讲解,帮助读者在理解不同系统UI设计规范的同时,能够在Figma中完成App项目的设计制作,完成从基本概念的理解到操作方法与技巧的掌握。
第1章?Figma基础操作。本章介绍Figma软件的安装与基本使用方法,使读者能够掌握Figma软件的基本操作和各种工具的使用。
第2章?移动UI设计基础。本章阐述移动UI设计的基础要素,带领读者探索移动UI设计的各类平台与职位,从而全面理解并掌握移动UI设计的精髓。
第3章?使用Figma设计iOS系统UI。本章详细介绍iOS系统UI设计的相关规范,并通过一个影视App项目的设计制作,使读者能够理解iOS系统UI设计规范,并掌握影视App项目的设计制作。
第4章?使用Figma设计Android系统UI。本章详细介绍Android系统UI设计的相关规范,并通过一个旅游App项目的设计制作,使读者能够理解Android系统UI设计规范,并掌握旅游App项目的设计制作。
第5章?使用Figma设计HarmonyOS系统UI。本章详细介绍HarmonyOS系统UI设计的相关规范,并通过一个珠宝电商App项目的设计制作,使读者能够理解HarmonyOS系统UI设计规范,并掌握珠宝电商App项目的设计制作。
《Figma UI设计技法与实践》特点
《Figma UI设计技法与实践》语言通俗易懂、内容丰富、版式新颖、实用性强,几乎涵盖了UI设计的各方面知识,读者可以通过学习UI设计的理论基础,理解不同移动操作系统的UI设计规范,掌握基于不同操作系统的UI设计。《Figma UI设计技法与实践》对Figma设计软件进行了全面的讲解,使读者掌握并学会如何应用最新的UI设计工具。
《Figma UI设计技法与实践》适合学习UI设计的初、中级读者阅读。《Figma UI设计技法与实践》充分考虑初学者可能遇到的困难,讲解全面、深入,结构安排循序渐进,使读者在掌握知识要点后能够有效总结,并通过实例分析巩固所学知识,提高学习效率。
《Figma UI设计技法与实践》作者
《Figma UI设计技法与实践》的知识结构清晰、内容有针对性、案例精美实用,随书附赠了书中所有案例的教学视频、素材、源文件和PPT课件,用于补充书中部分细节内容,读者扫描下方二维码即可获取方便读者学习和参考。
由于编者水平和经验有限,书中难免有欠妥和不足之处,敬请读者批评指正。
教学视频 素材 源文件 PPT课件
编?者
|
|