
近些年“互联网+”从火爆到积淀,不仅留下了如快递柜、外卖小哥、共享单车等改变生活习惯的产品,而且随着浪潮的平息带走了不少创业者的时光和资本。从PC端互联网到移动端互联网行业,互联网行业的发展一直都是摸着石头过河,每次都在用野蛮而快速的方式推动社会进步。本书试图从这个潮流中识别出一些规律,帮助从业人员在新时代“互联网+”的道路上行走得更加顺利。本书中紧紧围绕产品从创意到落地的整个过程,介绍了基于工程化思维的UI设计流程。本书适用于高职高专院校软件技术、数字媒体、信息技术等相关专业学生及互联网行业从业人员,尤其适用于有一定设计经验,略懂UI设计流程和产品设计流程的人员。
本书紧紧围绕产品从创意到落地的整个过程,介绍了基于工程化思维的UI设计流程。第1章对UI设计进行了简介并提出人人都有UI设计经验和天分的理念;第2章用Quick Start方式通过几个步骤带领暂时并未深入学习UI设计的读者完成第1个作品,使其突破心理障碍;第3~4章介绍做UI设计必须注重体验,以及如何定义一款软件产品;第5~7章从细节方面介绍做UI设计时如何开展逻辑、线框图和视觉设计;第8章介绍了一个简单而非常有效的DIY测试方法;最后在附录中给出了一些对设计流程非常有参考意义的范例和规则。 本书内容脱胎于笔者在移动互联网行业第一线的经验,其流程和观点很多都算是灰烬中的点点火光。本书由艾宴清担任主编,组织编写团队和编写思路,编写团队成员有深圳信息职业技术学院的蔡铁、徐守祥、马超、杨海红,以及成都摹客科技有限公司的刘松。在这里要感谢深圳信息职业技术学院邓果丽院长、王寅峰副院长对笔者的支持,没有5年来的授课安排,课程内容不会从开始到现在有了基本雏形;同时要感谢笔者身边创业的朋友们,他们是百立特的官子森(官总)和滕敏(滕总)、晓风环境的彭书涛(彭总)、海淘天使的司总、乾立亨的陈总和李总,以及零边际网络、善为互联的各位同仁,正是由于他们的支持,本书的论点才能得到实践的检验;同时要感谢在互联网上分享,以及提供分享平台的网友和公司,书中的内容有一部分就是吸纳了他们的经验。感谢笔者的太太Vivi、儿子介子和家人,没有他们的支持,笔者也没有时间坐下来写东西。 最后感谢电子工业出版社的编辑,没有他的督促,笔者写稿的进程可能还会一拖再拖。 编者
第1章 人人都是UI设计师 1.1 UI设计师 1.2 UI设计师眼中的世界 1.3 UI设计师需要具备的技能 1.4 UI设计的具体内容 1.5 找准自己的位置 1.6 领悟UI设计 1.7 课后习题 第2章 Quick Start 2.1 项目信息 2.2 整理需求 2.3 绘制用户界面 2.4 交付和总结 2.5 复盘 2.6 课后习题 第3章 用户体验至上 3.1 UI设计流程概述 3.2 影响感知的三条规律 3.3 格式塔原理 3.4 人类生理局限 3.5 其他相关理论 3.6 用户研究 3.7 信息架构 3.8 UED流程注意事项 3.9 课后习题 第4章 定义软件产品 4.1 市场信息收集和客户需求整理 4.2 盈利模式分析 4.3 模块化方法 4.4 产品需求文档 4.5 课后习题 第5章 UI逻辑设计 5.1 软件产品逻辑 5.2 流程图的基本元素 5.3 流程图的基本结构及示例 5.4 UI流程图的绘制方法 5.5 典型流程介绍 5.6 UI流程图的测试 5.7 课后习题 第6章 线框图设计 6.1 UI基本元素 6.2 布局设计 6.3 线框图和原型 6.4 UI元素设计 6.5 线框图绘制方法——MockPlus设计 6.6 测试线框图的方法 6.7 课后习题 第7章 UI视觉设计 7.1 视觉风格和调性 7.2 确立视觉风格的流程 7.3 视觉风格设计 7.4 视觉风格的发展趋势 7.5 课后习题 第8章 DIY可用性测试 8.1 DIY可用性测试实施过程 8.2 DIY可用性测试注意事项 8.3 课后习题 附录A 软件产品报价核算指引 附录B UI字典范例 附录C UI设计尺寸规范 附录D 设计参考原则