-
内容大纲
本书是关于UI设计的入门书籍,主要讲解以移动智能终端为主的界面设计,内容包括理论基础、案例分析、软件详解、实战案例训练、作品集设计五个部分。第一部分对理论知识进行梳理;第二部分通过案例分析,培养读者的审美与设计思维;第三部分对软件的实际操作进行了讲解;第四部分结合具体项目进行实战演练,将理论应用于实际工作中,帮助读者快速掌握界面设计思维与方法;第五部分讲解如何利用高质量作品集展示自己的设计水准,从而获得工作机会。书中使用Figma与Principle两款软件进行UI设计教学,实现界面从低保真原型到高保真视觉及交互效果的设计过程。其中Figma是一款时下流行的基于Web的云应用UI设计工具,支持多人协作、云端实时保存,具有原型设计、UI设计等功能,不仅适用于独立设计师,还便于多人设计团队在线上协作。目前,其市场占有率正在持续攀升,也适合作为一款简单易懂的UI设计入门软件投入教学。Principle是一款交互原型与动效设计软件,操作简单,便于对移动端App进行轻量级的交互动效设计。本书旨在帮助入门级设计师构建Figma+Principle的UI设计生态圈,系统地学习从理论到实战的UI设计知识和技能。本书是从基本的设计思维和方法入手,逐步深入到具体的设计工具和实战案例,帮助读者全面提升自己的设计能力。本书内容布局合理并配套了教学视频,提炼了界面设计中的要点,将设计思维与实战训练相结合。本书不仅仅是一本教材,更是一本面向就业的实战指南。通过对本书系统化的学习,能使读者掌握从设计思维到工具应用的完整的知识体系,获得独立完成UI设计项目的能力。本书可作为艺术设计类相关专业院校师生的参考教材或教参,还可作为希望提升技能的新人设计师的读物。 -
作者介绍
-
目录
1 UI设计的基础知识
1.1 UI与UX
1.2 移动端与PC端、游戏端及其他端
1.3 B端、C端、G端
1.4 UI设计师的工作架构
1.5 最全UI设计流程
1.5.1 头脑风暴
1.5.2 用户调研
1.5.3 用户画像
1.5.4 竞品分析
1.5.5 信息架构
1.5.6 用户故事
1.5.7 用户旅程图
1.5.8 线框图
1.5.9 低保真原型
1.5.10 高保真原型
1.5.11 设计审核
1.5.12 设计交付
1.5.13 设计走查与UI验收
1.5.14 辅助上线
1.5.15 迭代优化
1.6 UI设计师技能
1.6.1 视觉设计能力(★必备)
1.6.2 用户体验感知能力(★必备)
1.6.3 代码逻辑能力(▲辅助)
1.6.4 沟通能力(▲辅助)
1.6.5 创意思维能力(.加分)
1.6.6 趋势观察能力(.加分)
1.7 UI设计师常用软件
1.7.1 常用软件介绍
1.7.2 为什么要打造Figma+Principle的生态圈
1.8 优秀设计师的工作技巧
1.8.1 工作排期——合理分配工作时间
1.8.2 A/B测试——通过数据来衡量设计成果
2 什么是好的UI设计
2.1 用户体验——以用户为中心设计
2.2 好的UI设计
2.3 优秀案例
2.3.1 米家——生态闭环
2.3.2 (Not Boring)Habits——正向反馈
2.3.3 Airbnb——氛围留白
2.4 选A还是选B?——界面设计局部案例练习
3 软件详解(Figma+Principle)
3.1 Figma
3.1.1 进入Figma的世界
3.1.2 绘制精美的图标
3.1.3 如何使用插件
3.1.4 UED常用网站
3.1.5 制作一个完整的页面
3.1.6 如何制作交互原型
3.1.7 移动端Figma App
3.1.8 Figma中的进阶技巧
3.1.9 Figma常用快捷键
3.2 Principle
3.2.1 初识Principle
3.2.2 Principle的动效原理
3.2.3 从Figma中导入文件
3.2.4 交互与事件
3.2.5 让按钮变得生动
3.2.6 制作一个有趣的Loading界面
3.2.7 滑动与转场
3.2.8 Principle常用快捷键
4 交互设计实战训练
4.1 前期调研
4.1.1 市场调研
4.1.2 用户调研
4.1.3 用户画像
4.1.4 竞品分析
4.1.5 产品定位
4.2 梳理交互流程
4.2.1 信息架构
4.2.2 用户旅程图
4.3 绘制线框图
4.3.1 “首页”页面线框图
4.3.2 “视频”页面线框图
4.3.3 “收音机-听书”页面线框图
4.3.4 “收音机-戏曲”页面线框图
4.3.5 “收音机-广播”页面线框图
4.3.6 “我的”页面线框图
4.3.7 “我的-收藏”页面线框图
4.3.8 “我的-福利中心”页面线框图
4.3.9 “新闻-搜索”页面线框图
4.3.10 “语音助手”页面线框图
4.4 确定界面风格
4.4.1 总结关键词
4.4.2 整理情绪板
4.5 完成UI设计稿
4.5.1 配色
4.5.2 字体、字号、字重
4.5.3 主要界面设计
4.5.4 其他界面设计
4.5.5 切图与标注
4.6 动效制作
5 作品集制作
5.1 作品集是什么
5.2 作品集框架设计
5.3 如何用Figma制作一本好的作品集
参考文献
同类热销排行榜
- C语言与程序设计教程(高等学校计算机类十二五规划教材)16
- 电机与拖动基础(教育部高等学校自动化专业教学指导分委员会规划工程应用型自动化专业系列教材)13.48
- 传感器与检测技术(第2版高职高专电子信息类系列教材)13.6
- ASP.NET项目开发实战(高职高专计算机项目任务驱动模式教材)15.2
- Access数据库实用教程(第2版十二五职业教育国家规划教材)14.72
- 信号与系统(第3版下普通高等教育九五国家级重点教材)15.08
- 电气控制与PLC(普通高等教育十二五电气信息类规划教材)17.2
- 数字电子技术基础(第2版)17.36
- VB程序设计及应用(第3版十二五职业教育国家规划教材)14.32
- Java Web从入门到精通(附光盘)/软件开发视频大讲堂27.92
推荐书目
-

孩子你慢慢来/人生三书 华人世界率性犀利的一枝笔,龙应台独家授权《孩子你慢慢来》20周年经典新版。她的《...
-

时间简史(插图版) 相对论、黑洞、弯曲空间……这些词给我们的感觉是艰深、晦涩、难以理解而且与我们的...
-

本质(精) 改革开放40年,恰如一部四部曲的年代大戏。技术突变、产品迭代、产业升级、资本对接...
[
