APP UI 设计(董业子)

本书系统全面地介绍了App UI设计的整体流程，全书内容分为三个部分：“基础理论”“实践训练”和“案例欣赏”。 在基础理论中，通过“认识App UI设计”帮助初学者从多方位角度理解App UI设计的基础知识；通过“App UI设计原则与规范”帮助初学者掌握并了解界面设计流程及要点；“App UI设计元素构成”与“App UI界面设计”则介绍了App UI设计的相关方法与技巧。 实践训练中设置了五项设计实践，通过一个完整项目的拆解实践，印证设计理论、夯实基础知识，达到帮助初学者充分掌握App UI设计方法的目的。 案例赏析中作者将优秀案例进行筛选与梳理，按照不同类别讲解从创意到实现的完整过程，与读者共享实践过程中的设计经验，帮助初学者更好地把握设计细节，提升整体设计水平。 本书适合普通高校视觉传达设计、艺术设计等相关专业作为师生教学用书，也可供相关行业从业者和爱好者学习使用。

董业子，肇庆学院美术学院视觉传达设计专业系主任，广东省美术家协会会员，肇庆市美术家协会理事。从事设计教育13年，主持广东省质量工程教学改革类课题等3项，参与省市级课题2项。研究方向插画设计、交互设计。指导学生参赛获2023靳埭强设计奖UI类优秀奖。主要教授课程《UI设计》《插画设计》《平面广告设计》等。发表论文《基于FOGG模型的可持续玻璃回收APP设计》《基于项目式学习（PBL）的在线协同设计教学实践研究》等18篇。

1 认识App UI设计001 1.1 什么是App UI设计002 1.1.1 从移动媒体说起002 1.1.2 App UI设计与网页设计的区别003 1.2 App UI设计的发展历史与趋势006 1.2.1 从UI设计到App UI设计006 1.2.2 App UI设计发展趋势009 1.3 App UI设计与用户体验010 1.3.1 用户体验五要素011 1.3.2 App UI设计如何提升用户体验013 1.4 App UI设计常用软件014 1.4.1 思维导图类014 1.4.2 界面制作类017 1.4.3 动效设计类019 1.4.4 AI（人工智能）辅助设计020 1.5 团队协作的重要性022 1.5.1 App产品的团队组建023 1.5.2 团队成员的不同角色与职责024 1.5.3 设计协作常用工具025 2 App UI设计原则与规范027 2.1 App UI界面设计原则028 2.1.1 一致性原则028 2.1.2 简约性原则033 2.1.3 人性化原则034 2.2 iOS系统界面设计规范034 2.2.1 基本单位035 2.2.2 界面规范036 3 App UI设计元素构成041 3.1 文字元素042 3.1.1 文字基础要素042 3.1.2 字体使用原则049 3.2 图标元素050 3.2.1 图标分类050 3.2.2 图标风格053 3.2.3 图标设计流程055 3.3 图片元素057 3.3.1 图片比例057 3.3.2 图片排版059 3.4 色彩元素061 3.4.1 色彩的基本要素061 3.4.2 色彩配色方案062 4 App UI界面设计066 4.1 界面设计流程067 4.2 常见界面类型073 4.2.1 启动页073 4.2.2 引导页074 4.2.3 登录页076 4.2.4 首页077 4.2.5 个人中心页078 4.2.6 空状态页面078 4.3 界面中的导航布局079 4.3.1 同层级导航079 4.3.2 分层级导航080 4.3.3 内容式导航081 4.4 界面中的交互动效081 4.4.1 逻辑关系082 4.4.2 手势操作083 4.4.3 动效设计083 5 App UI设计实训085 5.1 实训一—项目准备与功能规划086 5.1.1 选择主题并了解阶段性输出内容086 5.1.2 产品需求分析与用户画像搭建088 5.1.3 产品功能规划090 5.2 实训二—结构图、流程图与低保真原型图制作091 5.2.1 产品结构图和流程图的分析092 5.2.2 低保真原型图的制作093 5.3 实训三—可用性测试095 5.3.1 定义项目的可用性095 5.3.2 可用性测试步骤096 5.4 实训四—高保真原型图制作与视觉规范制定098 5.4.1 低保真原型图优化分析099 5.4.2 视觉规范的制定100 5.5 实训五—界面交互动效103 6 App UI案例赏析109 6.1 文化类App UI设计110 6.1.1 三星堆博物馆小程序110 6.1.2 山西文物数字博物馆小程序112 6.1.3 微信读书小程序115 6.1.4 长相思App117 6.2 电商类App UI设计120 6.2.1 宜家App120 6.2.2 怂火锅点餐小程序122 6.3 视听类App UI设计124 6.3.1 央视频App124 6.3.2 波点音乐App126 6.4 工具类App UI设计128 6.4.1 丁香医生App128 6.4.2 喵喵记账App131 参考文献134