本书以图形界面设计为侧重点由浅入深的讲解了图形界面设计的方法。顺带也引出了一些人机界面基础知识、交互设计知识和用户体验知识,因为这是一个合格的GUI设计师必须要了解的。本书从GUI概念和历史开始介绍,继而讲述UI设计方法和理论知识。理论结合实际的讲述了UI设计的原则。对于常用UI控件和元素,详细的介绍了制作方法和设计准则。接着以不同的显示终端为主线,展开设计实例的讲解。包括桌面软件、移动终端中的手机数字产品和平板电脑数字产品。*后还设置了高阶能力体现的写实图标设计实例。全书是一个由易到难,循序渐进的进阶过程。
GUI设计和其它的设计分类还是有些区别,它的特点就是和像素打交道。所有的细节刻画都精确到像素。以前我碰到的初学者虽然有设计基础,但是转学GUI设计还是遇到很多的适应性问题。而本书*大的特点就是详解每个界面的设计过程,包括每个精确到像素的参数设置都配图说明,实操性很高。意味着读者只需要有些基本图形软件技能就能跟着教材的方法进行学习。
前 言 如今,在飞速发展的数字人工制品领域,界面设计慢慢受到重视。用户界面(user interface,UI)设计被细分为三个层面,即图形用户界面设计(GUI设计)、交互设计和用户研究。GUI设计不再被人理解为单纯意义上的美术工作,而是被理解为了解软件产品、致力于提高软件用户体验的产品外形设计。其实软件UI设计就像工业产品中的工业造型设计,是产品的重要卖点。一种电子产品拥有美观的界面会给人带来舒适的视觉享受,拉近人与产品的距离。UI设计是建立在科学性之上的艺术设计。 本书以图形用户界面设计为侧重点,由浅入深地讲解了图形用户界面设计的方法,顺带介绍了一些人机界面基础知识、交互设计知识和用户体验知识,因为这些是一个合格的GUI 设计师必须要了解的。 本书从GUI概念和历史开始介绍,继而讲述UI设计方法和理论知识,理论结合实际地讲述了UI设计的原则,详细地介绍了常用UI控件和元素的制作方法和设计准则;接着以不同的显示终端为主线,展开设计实例的讲解,涉及桌面软件、移动终端中的手机数字产品和平板计算机数字产品;*后还设置了可以体现高阶能力的写实类图标设计实例。全书学习是一个由易到难、循序渐进的过程。 GUI设计和其他的设计分类还是有些区别的,GUI设计的特点就是和像素打交道,所有的细节刻画都精确到像素。有很多初学者虽然有设计基础,但是转学GUI设计还是会遇到很多的适应性问题,而本书*大的特点就是详解每个界面的设计过程,对每个精确到像素的参数设置都配图说明,实际操作性很强,这意味着读者只需要有些基本图形软件技能就能跟着本书进行学习。 本书中案例主要使用Photoshop 和Illustrator 软件来进行设计与制作,常常会在两个软件中来回切换,编者有时会疏忽忘了说明,但是通过截图和一些常用名词读者可以进行分辨。由于编书经验尚浅,不足之处,敬请读者谅解。 *后,希望本书能为对UI设计感兴趣的读者提供帮助,让我们一起拥抱数字化的美好明天。 郭少锋
郭少锋,男,副教授,湖北美术学院教师,视觉传达专业,兼任某大型软件企业新兴技术业务组群UI团队负责人,主要讲授UI设计技法等课程。从事移动互联网产品的交互设计和视觉设计工作。曾经供职于武汉通讯技术有限公司,苏州技杰软件集团公司,主要从事交互设计和UI设计的工作。
章 图形用户界面基础 001
节 什么是图形用户界面 002
第二节 图形用户界面的发展历史 003
第三节 界面设计原则 006
第四节 界面设计组成要素和控件 011
第二章 桌面软件界面设计实例 041
节 即时通信软件界面设计实例 042
第二节 在线视频软件界面设计实例 062
第三章 移动终端界面设计实例 085
节 电子商务应用 086
第二节 汽车行业应用 104
第三节 酒店预订应用 128
第四章 游戏界面和写实图标设计实例 151
节 游戏界面设计实例 152
第二节 写实图标设计实例 171