互联网 类型
可以朗读 语音朗读
117千字 字数
2024-10-01 发行日期
展开全部

主编推荐语

全面解析Figma UI设计的方法和技巧。

内容简介

Figma作为一款强大的UI设计工具，正在为移动UI设计带来革命性的变革。其强大的功能和直观的界面，使得设计师们能够更加高效、专业地完成设计工作，为用户带来更加优质、流畅的移动应用体验。

本书主要讲解对UI设计的基础知识，并针对iOS系统、Android系统和HarmonyOS系统UI设计规范进行讲解。本书将基础知识讲解与项目案例制作相结合，将枯燥的知识点融入丰富有趣的案例制作中，全面解析移动端App UI设计的流程及设计技巧。

全书共分为5章，包括Figma基础操作、移动UI设计基础、使用Figma设计iOS系统UI、使用Figma设计Android系统UI和使用Figma设计HarmonyOS系统UI。书中案例均使用最新的UI设计工具Figma进行设计制作。

目录

  • 版权信息
  • 内容简介
  • 前言
  • 第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 操作题
展开全部

评分及书评

尚无评分
目前还没人评分

出版方

清华大学出版社

清华大学出版社成立于1980年6月，是由教育部主管、清华大学主办的综合出版单位。植根于“清华”这座久负盛名的高等学府，秉承清华人“自强不息，厚德载物”的人文精神，清华大学出版社在短短二十多年的时间里，迅速成长起来。清华大学出版社始终坚持弘扬科技文化产业、服务科教兴国战略的出版方向，把出版高等学校教学用书和科技图书作为主要任务，并为促进学术交流、繁荣出版事业设立了多项出版基金，逐渐形成了以出版高水平的教材和学术专著为主的鲜明特色，在教育出版领域树立了强势品牌。