作者：常丽
出版社：人民邮电出版社
格式: AZW3, DOCX, EPUB, MOBI, PDF, TXT
潮流 UI设计必修课试读：
前言
随着我国移动互联网产业进入了高速发展的阶段，产业规模不断扩大，技术领域逐步拓展，产品生产的人性化意识日趋增强，用户体验至上的时代已经来临，用户界面设计师（即UI设计师）也成为了人才市场上十分紧俏的职业。
截止2014年，全球智能手机用户已经达到了17.5亿人，而中国智能手机用户就有5.42亿，占全球智能手机用户的四分之一，成为智能手机用户量最高的国家。现在，手机 APP 已经成为我们生活中不可或缺的一部分，而 APP STORE 已经有 125 万个应用，且每月平均递增6万多个。随着用户对APP需求的不断攀升，百度、腾讯、联想、网易、淘宝和京东等上市公司纷纷成立UI设计部门，主要从事用户研究、交互设计以及界面设计的工作。如此之多UI部门的建立，产生了巨大的人才缺口，据不完全统计，UI人才缺口高达百万，招聘网站每天都要发布3万多个新的UI岗位，UI设计师俨然成为企业争抢的最热职位，而UI设计师的薪资更是高达15000元。
火星时代实训基地是国内开发UI课程最早的培训机构之一，遍布北京、上海、武汉、成都、广州、杭州和深圳等多个一线城市，自2010年至今已培养UI技术人员数万人。响应市场需求和社会潮流，为各大知名企业输送急需的UI技术人才是火星时代的使命之一！更多课程请登录火星时代实训基地（http://edu.hxsd.com）进行了解。
火星CGTOP讲座早晨设计顾问有限公司创始人 魏来腾讯CDC设计组长 张庆百度用户体验总监 刘超淘宝网资深视觉设计专家 阿美（韩国）
根据市场需求，火星时代实训基地联合国内著名UI论坛的产品交互版版主常丽老师倾力打造此书，这是一本适合未来想从事UI设计的读者、已经从事UI设计的设计师、小型APP应用创业者、产品经理及交互和用户体验设计师、IT公司的管理者和部门领导，以及艺术类或设计类在校师生等6类人群使用的图书。
本书秉承火星时代图书结构严谨、讲解细腻的风格，贯彻“授人以鱼，不如授之以渔”的理念，将UI设计技法完美传达给广大读者。同时，火星UI大论坛（http://ui.hxsd.com）也应运而生，广大读者可以从中得到相当丰富的UI资源。
内容简介
本书分为4篇，共26章。
第1篇 你真正了解UI行业 包括第1课～第4课，主要介绍了UI的概念、分类、图形界面的发展史，以及UI行业的发展前景等。
第2篇 必需的UI装备你有吗 包括第5课～第7课，介绍了UI的常用软件、UI设计师的必备技能、UI设计的工作流程。
第3篇 设计看似很简单 包括第8课～第17课，主要讲解了图标设计、界面设计、系统控件设计、LOGO与Banner设计、产品包装的设计以及UI质感表现、色彩构图、元素风格、优秀案例赏析、产品需求分析等内容。
第4篇 与我一起升华UI之道 包括第18课～第26课，主要介绍了产品需求、交互设计、用户体验、交互特效、手机应用APP、什么人闯进UI设计等内容。序
随着智能手机和平板电脑的不断普及，UI设计这个曾经被视为“新兴产业”之一的学科已经越来越被人们所了解和熟悉。不仅如此，在目睹百万职业缺口和超高薪诉求的行业现状，正有一大波“有识之士”已经、正在，或者准备涌入这个炙手可热的行业，他们在此看到了不可限量的前途和未来。我们知道，目前 UI 设计主要应用在智能手机和平板电脑上，在未来， UI也将会应用在可穿戴设备、3D打印机、无人驾驶汽车等更多的新领域中。
作为“80”后的新生代，常丽在2006年就进入了UI界，现在已经是具有8年多从业经验的UI资深设计师。她是中国人气最高的图形界面设计平台的交互版版主，在网络上拥有超高的人气，担任过高级用户体验设计师及资深3DUI引擎设计师，如今她已是上海手机UI设计群联盟群主，同时还参与了火星教材的编写。
即便如此，常丽仍然热衷于教学事业，对于学员在 UI 学习和探索中遇到的任何难题与困惑，她都能够凭借自己丰富的职业经验给予热心的解答与帮助，可以这样说，她在国内UI推广的工作中扮演了重要的角色。
UI设计师不是美工，而是高端艺术设计人才。因此我们火星时代也为学员开设了UI专业的相关课程，不仅培养学生在CG 艺术上的应用和创意能力，迅速突破零基础，同时也为继续深入学习奠定良好的艺术根基。
鉴于火星时代对图书出版的谨慎态度以及对 UI 设计的重视程度，《潮流——UI 设计必修课》是我们出版的第一本 UI设计相关的专业图书，意在将其打造为“人手一册”的词典性书籍，“火星出版，必属精品”是我们的一贯原则，希望本书能够真正为读者在 UI 设计之路上带来力所能及的帮助。火星时代总裁 王琦
感谢
感谢一些师长和曾经帮助过我的小伙伴们，
大部分是一些站长和圈子里的小伙伴们
和一些我呆过的公司令人钦佩的老板和上司们，
谢谢他们一直以来给予的各种帮助！
王琦、李才应、彭纯勇、陈川
董景博、朱君、林涛、杜军红
吴畏、王轶、朱宁、祝洪敏、顾帆
甘金基、宫连志、徐婉芳、李军胜
沈李明、王天舒、李众长 张立、徐斌、唐朝云 ......
为本书绘画插图的设计师小伙伴们：
感谢名单
张玟珏、陈晓亚男、程法庆、王勤龙
张丁、龙文文、袁峰、曹辰敏、欧阳庆峰
郑寅、陈王英浩、曹菁、魏李娟、陈薪羽
王晓龙、路银娜、绉丹丹、潘振英、周佳妮
刘国良、陈杰、刘玲玲、张海萌、舒娟
张竑、孙莹......
书中部分案例的设计图来源于网络，无法联系到原创者，如设计师有幸关注本书恳请联系我们，必谢！
由于编写水平有限，书中如有不妥之处，恳请广大读者批评指正。如果读者在阅读本书的过程中遇到问题，可以登录火星网http://www.hxsd.com的“论坛”或者“火星图书”栏目提出问题，将会有火星时代老师及热心的专业人士为您解答。我们的客服QQ号码是896641381。
火星时代祝您在学习的道路上百尺竿头，更进一步！编者2015年3月第1篇你真正了解UI行业
第1课 UI名词的由来
UI即User Interface（用户界面）的简称。
UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。
优秀的UI设计不仅使软件的界面更加美观，更让软件的操作变得更加简便、舒适、自由。能充分体现产品的定位和符合目标用户群的喜好，使用户感到易用、好用并乐用，从而提升产品价值。
UI设计师，英文的全称是“User Interface Designer” ，也就是“用户界面设计人员”。
UI设计主要包括视觉设计、交互设计、用户体验3个部分。
如果把UI设计比喻成一个美女，那视觉设计部分相当于美女的化妆和穿衣打扮；交互设计（交互布局和框架）部分相当于美女的身材骨架和五官，俗称底子；用户体验相当于一个美女的脾气，是否好相处，是否贴心。
UI行业常用名词及缩写定义：
01 什么是 UI：UI的本意是用户界面，是英文User Interface的缩写。
02 什么是 GUI： Graphical User Interface（图形用户界面）
03 什么是 HUI： Handset User Interface（手持设备用户界面）
04 什么是 WUI： Web User Interface（网页风格用户界面）
05 什么是 IA： Information Architecture（信息架构）
06 什么是 UX： User experience（用户体验）
07 什么是 IxD： Interaction design（人机交互）
08 什么是 HCI： Human-Computer Interaction（人机交互），属于研究层面。
09 什么是 CHI： Computer-Human Interaction（机人交互），属于研究层面。
10 什么是 UCD： User Centered Design（以用户为中心的设计）
11 什么是 UPA： Usability Professionals Association（可用性专家协会）
12 什么是 VD： Visual Design（视觉设计）
13 什么是 CD： Content Design（文案设计）
14 什么是 UIC： User Interface Code（界面编码开发）
15 什么是 UR： User Research（用户研究），竞品分析，可用性测试和评估。
16 什么是 PM： Product Manager（产品经理），决策产品方向、架构及需求。
17 什么是 BI： Business Intelligence（市场分析）
18 什么是 Design House：业内称手机设计公司为Design House。
19 什么是 WIMP： Window/Icon/Menu/Pointing Device（窗口/图标/菜单/指点设备）
20 什么是 MMI： Man Machine Interface（人机接口），MMI是进行移动通信的人与提供移动通信服务的手机之间交往的界面，包括硬件和软件。
第2课 UI的分类
目前UI的设计范畴主要包括以下几个方面。
01 网页界面、手持设备界面（系统界面，独立APP应用界面），如图2-1所示。图2-1
02 平板电脑、电脑系统、应用软件界面、游戏界面及车载导航设备界面，如图2-2所示。图2-2图2-2（续）
03 智能电视界面、可穿戴设备界面及家电类微型液晶屏界面，如图2-3所示。图2-3
04 医疗及各种数码机床等自动化控制界面、微型嵌入式设备界面，如图2-4所示。图2-4
05 卡拉OK点歌、远程会议监控、虚拟现实等界面，如图2-5所示。图2-5
第3课 图形界面发展史
往前推30年，往后进10年，UI设计一直都与人们息息相关。图3-1所示为图形界面详细的交互进化史。图3-1
首先通过一个简史来了解在过去的30年里，给人类生活带来重要改变的产品。
1972年新式彩色自行车，代替过去千篇一律的古板设计，人们开始了追求个性产品外观之旅，促进了工业设计发展。
1977年第一台电视游戏机 Atari 2600上市，该游戏机花费了1亿元研究经费，可以让人们在电视上操纵一个小球，玩法类似网球。
1979 年索尼推出了世界上第一台Walkman，型号为TPS-L2。
1979 年小蜜蜂（Galaxian）是日本游戏公司南梦宫推出的街机游戏。
1980年Ideal Toys公司于贩售魔方，并将名称从Magic Cube改为Rubik's Cube。
1980 年Pac-Man 在20世纪80年代风靡全球，被认为是最经典的街机游戏之一，吃豆豆。
1981年Epson推出了“HX-20”，这是一款不折不扣的UMPC，是第一台便携电脑。
1981年索尼推出的WM2非常畅销，随之在全球确立了“Walkman”这个品牌，销量为250万台。
1982年任天堂在《Game & Watch》这款游戏机上开发了划时代的GW版《大金刚》。
1983 年卡西欧上市的塑料电子表DW-5000C，初代G-shoc。
1984年乔布斯发布“1984宣言”。加快了个人电脑革命的进程，促使美国IT产业进入了一个新纪元。
1984 年变形金刚第一部动画片诞生。
1984年ESS技术公司（ESS Technology Inc.）将其音响压缩重建的科技发明应用在电子音响图书及问候卡上。
1989年制定的可视电话和电视会议的视频压缩标准。
1993 年哥伦比亚电影公司的LOGO换成一位手持火炬的女人，并从1993年沿用至今。
1995年Spyglass将Mosaic的源代码正式授权给微软公司，由此Internet Explorer浏览器正式诞生。
1995年摩托罗拉就开始致力于研究手写输入系统，并在其自行生产的PDA（掌上电脑）上得以应用。
1996年最早版本的电子宠物鸡（Tamagotchi）诞生，其是一种钥匙扣大小的虚拟宠物模拟游戏。
1997年诺基亚公司推出了第一款内置游戏贪吃蛇的手机，成功迈出了手机娱乐化的第一步。
1997年3月的一天，三星公司一位部门经理Moon先生创造了第一台MP3播放器。
1997 年摩托罗拉DB800 大哥大有一个小小的单色液晶屏。
1998年 Google公司成立。
2000 年苹果推出G4 Cube 新Mac系列电脑。
2000年诺基亚的首款可换壳手机5110，此款产品配备一系列鲜艳的“随心换”彩壳，吸引了众多手机用户的目光。
2000年 SMART车诞生。
2001年 IPod诞生。
2002年翻盖手机诞生。
2003年 Windows XP操作系统诞生。
2004年触摸屏手机、滑盖手机、PSP游戏机诞生。
2005年 iPod Mini诞生、1GB内存的手机诞生。
2007年苹果手机诞生。
下面分两部分介绍用户界面的发展，分别是电脑操作系统和手机操作系统。3.1 电脑操作系统界面
迄今为止，从1973年第一代图形用户界面GUI的出现到今天的Windows 8，图形用户界面已经走过了40年的发展历程，它被设计得更加成熟稳健，带给用户极为丰富的体验，也为人类提供了非常人性化的服务。3.1.1 Windows操作系统
Windows操作系统的发展史，如下所示。
01 1985年Windows 1.01操作系统，如图3-2所示。图3-2
02 1987年Windows 2.03操作系统，如图3-3所示。图3-3
03 1985-1990年Windows 3.0操作系统，如图3-4所示。图3-4
04 1985-1995年Windows 3.51操作系统，如图3-5所示。图3-5
05 1995年Windows 95操作系统，如图3-6所示。图3-6
06 1998年Windows 98操作系统，如图3-7所示。图3-7
07 2009年 Windows 7操作系统，如图3-8所示。图3-8
08 2000年Windows 2000操作系统，如图3-9所示。图3-9
09 2001年WindowslonghornXP2操作系统，如图3-10所示。图3-10
10 2001年Windows XP操作系统，如图3-11所示。图3-11
11 2007年Windows Vista操作系统，如图3-12所示。图3-12
12 2012年Windows 8操作系统，如图3-13所示。图3-133.1.2 苹果操作系统
01 1984-1985年System 1.0操作系统，如图3-14所示。图3-14
02 1985-1987年System 2.0操作系统，如图3-15所示。图3-15
03 1988-1991年System 6操作系统，如图3-16所示。图3-16
04 1991年System 7操作系统，如图3-17所示。
试读结束[说明：试读内容隐藏了图片]