《UI设计跟我学》内容涵盖交互设计与界面设计的基本概念、设计规范和工作流程。由于这是一本展示实际工作案例和工作经验为主的书,一开始着力介绍目前*新发展的交互手段和使用场所,当然以移动手持设备为主。作为设计师,一定要关心如何将这些创意产品化。接下来介绍如何正确地将一个设计想法变成产品。在产品化的过程中,用户体验设计是相当重要的,由于UCD设计思想的广泛使用,本书重点研究并分析用户体验设计的可行性和方法。视觉设计是普通大众直接接触产品设计核心的介质,本书将使用初级→高级→复合型的综合设计案例介绍如何设计出让人喜爱的视觉作品。最后,还说明了一些产品的完整设计案例,展示一个移动手持设备交互和界面设计的全过程。
*一现场系列教材是通过还原工作现场的一本实用性书籍,是不可多得的设计参考书、系统地讲解了从产品经理到交互设计再到视觉设计的一个真实流程,能让初学者快速了解一线的工作流程,相信可以帮助大家解决设计中的困惑。
对于行业
人机交互设计和界面设计从来没有今天这般兴盛,行业内各个大型协会与小型组织的交流互动,使得这个行业的上、中、下游组成部分更加了解这个学科和它能够带来的价值,而他们积极投身其中的行动和广大爱好者的激情,这正是本书的创作初衷。
本书的作者同样是该行业的实践者,然而行业体系庞大,组成复杂,因此,作者只能挑选自己熟知,并在当下极具市场价值的某个环节进行阐述,以便将自己的一些经验和收获与读者分享。
选择手持设备这个领域作为本书的重点,并非偶然,首先本书作者就是该领域的资深团队;其次,手持设备的日益发展与功能聚合,使得它在信息化的今天,成为极重要的工作、生活和娱乐设备。
本书中,作者也展示了当今行业前沿的发展动态与技术的更新交替,以行业的视角关注设计本身,使得书中的案例与流程具有更实际的意义。
对于企业
本书作者不仅拥有国内知名IT公司与通信设备公司的设计工作经验,也与很多中、小型设计师入门充电站企业有过深入的设计合作,其中的工作经验与技巧对本土企业中的工作同仁具有实际的参考价值。
中国企业本身对于交互设计与界面设计的特殊理解,团队的阶梯式发展,其中的人文因素和技术问题,作者都亲身经历,相信这些知识的分享会尽量保持客观。
在书中,作者展示了大量的实际工作操作经验,有些甚至是教训(出于隐私考虑,书中不会公布公司的名称和项目的详细情况),但我相信这些经验具有普遍性意义。
本书的分析、指导和教学,都将以实际工作为主,理论研究和晦涩难懂的专业用词尽量避免,让本书成为读者工作中的一本参考书籍或实用手册。
对于个人
交互设计和界面设计是针对人的设计(其实有哪种设计不是如此?),是研究用户和观众的设计,是大量运用心理学、市场营销学、信息处理技术、社会工程学等综合知识的设计手段。
用户如此重要,以至于我同样希望普通受众和非从事该领域工作的用户也能看懂这本书,了解一个产品的核心设计过程,提高分辨优秀产品和庸俗产品的能力,请不要害怕本书中的软件和专业词汇,书中提供了一些利于理解的案例和实际在你身边发生的故事,你会发现“交互与界面无处不在”。
正因作者不是沉醉于理论研究的“知识狂人”,也不是迷恋产品更新版本的“技术先锋”,书中提出的建议和设计逻辑,将告诉你——应该使用什么样的产品?为什么生活如此枯燥和复杂?高科技和油盐酱醋有什么关系?等等。
蓝桥软件学院,是一家互联网公司,致力于以竞赛、创业、培训和招聘多种形式,线上线下相结合连接高校和社会,推动教育改革、人才成长和社会进步。公司总部位于北京,并在北京亦庄、中关村和深圳等地设置分支机构。
01 产品经理不是经理 / 001
1.1 UI 设计师要被产品经理管吗? / 002
1.2 明确需求,知道你在做什么 / 004
1.3 用户画像 / 007
1.4 头脑风暴,选择闪光的想法 / 015
02 思路缜密的交互设计 / 017
2.1 原型图和她一样漂亮 / 018
2.2 迷宫一样的流程图 / 022
03 做好风格定位 / 025
3.1 先想想,再设计 / 026
3.2 素材收集 / 028
3.3 风格定位 / 030
3.4 首先开始设计首页 / 034
3.5 风格评审、初遇职场潜规则 / 047
3.6 提取设计元素 / 050
04控件的秘密 / 053
4.1 设计控件的目的 / 054
4.2 控件规范与原则 / 054
4.3 搜索框设计 / 055
4.4 更多控件样式 / 068
05 超多的功能页面 / 073
5.1 烧脑的引导页设计 / 075
5.2 不可轻视的登录注册 / 100
5.3 商城板块设计 / 115
5.4 用户板块设计 / 143
5.5 服务板块设计 / 152
06 好玩的图标设计 / 159
6.1 图标设计流行趋势 / 161
6.2 图标类型 / 162
6.3 千万别在图标的规范上出问题 / 170
6.4 矢量图标的绘制方法 / 178
6.5 先画几个主要功能图标 / 180
6.6 画一般功能图标 / 186
6.7 最后画一个主视觉图标 / 192
07 别给程序员添麻烦 / 197
7.1 标注软件 / 198
7.2 标注方法 / 199
08 快要收工啦 / 209
8.1 iOS 适配方法 / 210
8.2 Android 适配方法 / 211
8.3 切图 / 212
09 别以为上线就可以收工了 / 213
9.1 参与测试 / 214
9.2 做一个高逼格项目包装 / 214
9.3 别忘记文件存档 / 214
9.4 留个证据 / 215
9.5 版本号 / 215
9.6 H5 设计 / 216
9.7 引导消费的专题页 / 216
9.8 线下活动物料 / 217
10 我的学习与成长 / 219
10.1 我是怎么学习的 / 220
10.2 UI 设计必备利器 / 222