《UI设计》课件-第1章：UI设计概述

UIDesignUI设计1UI是什么？UserInterface用户界面设计的简称是指对软件的人机交互、操作逻辑、界面美观的整体设计，也叫界面设计。目前，UI设计更多指向是建立在硬件设备之上的软件界面的设计，具体指对软件的人机交互、操作逻辑、界面美观的整体设计。图标Or界面？UI的范畴UI设计的范畴十分广泛。从“用户界面”的含义去理解，UI设计包括网站界面设计、软件界面设计、移动端应用界面设计等等。不论是在手机、Ipad移动端上还是在PC电脑端上都随处可见。移动媒体UI设计移动媒体设计是针对运行于移动媒体终端上的数字产品的设计，包括数字媒体产品的策划、框架布局、界面表现等。UI设计的历史与现状2图形界面发展历史-CUI时期1963年，美国麻省理工学院在709/7090计算机上成功地开发出第一个分时系统CTSS，该系统连接了多个分时终端，并最早使用了文本编辑程序。从此，以命令形式对话的多用户分时终端成为上个世纪70年代乃至80年代用户界面的主流。当时属于以文本为主的字符用户界面，即“CommandUserInterface”——命令用户界面，简称CUI时期。图形界面发展历史-GUI时期当前UI设计的主流是图形用户界面——“graphicaluserinterface”简称GUI。然而，图形界面最早出现于施乐公司（Xerox）的PARC(帕洛阿尔托研究中心)开发的Alto电脑的操作系统上，1973年4月，PARC研发出了第一台使用Alto操作系统的个人电脑，Alto首次将所有的元素都集中到现代图形用户界面中，它相当小，但却有着强大的处理图像信息和分享信息的能力，拥有“所见即所得”的文档编辑器，内置了大量的字体和文字格式。图形界面发展历史-GUI时期XeroxPARC还开发了一种名为Smalltalk的程序语言和环境，它拥有自己的GUI环境（包括了弹出菜单、视窗、图标）。PARC最早提出“图标”、“窗口”及“菜单”这些概念，鼠标也是PARC发明的。Alto操作系统界面图形界面发展历史-GUI时期1978年，苹果公司准备股票上市，施乐公司预购了苹果公司100万美元的股票，并允许苹果公司工程师们研究PARC操作系统的图形界面。此后，苹果的工程师将图形界面带进了一个崭新的时空。1983年1月，苹果公司发布了Lisa系统，Lisa系统不仅拥有Smalltalk的GUI环境，还增加了下拉菜单、桌面拖曳、工具条、苹果系统菜单和非常先进的复制粘贴功能。Lisa操作系统界面图形界面发展历史-GUI时期1984年苹果公司乘胜追击，发布了Macintosh，它已经有了现代操作系统的一些特点。双击磁盘图标，打开一个文件窗口，同时伴随着缩放效果。文件和文件夹都可以被拖曳到桌面上，还可以通过拖曳来拷贝或移动文件。Macintosh操作系统界面图形界面发展历史-GUI时期1987年4月，苹果公司发布了AppleMacintoshII，第一代彩色Macintosh，拥有24位可用颜色样本。MacintoshII界面图形界面发展历史-GUI时期1988年9月，苹果公司发布了GS/OS，一个16位的操作系统，它在屏幕顶部有一条单独的菜单栏。同年10月，NeXT计算机发布。OS界面UI设计的历史图形界面发展历史-GUI时期NeXT是由苹果公司的创办人史蒂夫·乔布斯，于1985年被苹果公司辞退后同年成立的。NeXT计算机是工业设计者的一个重大胜利，未来主义的blackcube和高分辨率的显示器，一个图形界面和一个叫作NeXTStep操作系统（图1-17）。1996年，苹果公司买下了NeXT并把Jobs请回苹果帮助运营公司。NeXTStep操作系统界面UI设计的历史图形界面发展历史-GUI时期1991年，MacOSversion7.0发布，它是一款支持色彩的MacOS图形用户界面，图标增加了隐约的灰色，蓝色和黄色阴影。MacOSversion7.0界面图形界面发展历史-GUI时期1997年7月，MacOS8破茧而出，这距史蒂夫·乔布斯1996年重回苹果公司时只过去了1年的时间，苹果公司重燃战火，两周之内卖出了1.25亿份拷贝，成为当时最畅销的软件。MacOS8也允许用户设置背景图片，而不仅仅是单一的黑白样式，用户甚至可以从他们的文件夹中选择图片来进行设置。MacOS8界面图形界面发展历史-GUI时期2000年1月5日，苹果公司宣布他们设计出了全新的Aqua界面，并将用于公司新推出的MacOSX操作系统中。默认的32x32和48x48的图标被更大的128x128平滑的半透明图标取代。Dock上放置了常用的程序图标，鼠标经过时会显示程序名称。当窗口最小化后，在Dock上显示的不是程序图标，而是程序窗口的缩略图。Aqua界面最大的变化是涉及到了渐变、背景样式、动画和透明度的应用，有着更好的用户体验。Aqua界面图形界面发展历史-GUI时期2006年，同年，苹果公司发布了第6代MacOSX操作系统MacOSXLeopard，再一次改进了用户界面。基本的界面仍为Aqua和水晶滚动条，加入了一些铂灰色和蓝色，3Ddock和更多的动画及交互使得新界面看上去有着更丰富的3D效果。MacOSXLeopard界面UI设计的方向3界面设计交互设计用户研究用户研究用户研究的首要目的是帮助企业定义产品的目标用户群、明确、细化产品概念，并通过对用户的工作环境、产品的使用习惯以及认知心理特征等的研究，使得在产品开发的前期能够把用户对于产品功能的期望、对设计和外观方面的要求融入到产品的开发过程中去，从而帮助企业完善产品设计或者探索一个新产品概念。用户研究使用户的实际需求成为产品设计的导向，使产品更符合用户的习惯、经验和期待。交互设计简单来说，是指人和产品或服务互动的一种机制。以用户体验为基础进行的人机交互设计是要考虑用户的背景、使用经验以及在操作过程中的感受，从而设计符合最终用户的产品，使得最终用户在使用产品时愉悦、符合自己的逻辑、有效完成并且是高效使用产品。交互设计的中心思想是以用户为中心。交互设计交互设计的基本流程包括：用户需求分析——确定产品设计概念——候选方案设计——原型设计——用户测试与评估。交互设计界面是人与机器之间传递和交换信息的媒介。从深度上分为两个层次：感觉的和情感的。感觉层次指人和机器之间的视觉、触觉、听觉层面；情感层次指人和机器之间由于沟通所达成的融洽关系。总之用户界面设计是以人为中心，使产品达到简单使用和愉悦使用的设计。界面设计

UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由、充分体现软件的定位和特点。UI设计的趋势4人机交互是未来的主要工作形势UI设计是未来的设计趋势人工智能时代到来首场人机大战结束后，AlphaGo之父、DeepMind联合创始人德米斯·哈萨比斯表示，人工智能的下一步目标是让计算机自己学棋。也就是说，下个版本的AlphaGo将从零开始，不接受人类的灌输的特定知识，做到真正的自主学习。AlphaGo最终局战胜李世石人机大战总比分1:4大数据加快科技发展美剧《纸牌屋》设计升级5设计1.0时代卡尔·拉格菲尔德(KarlLagerfeld)

三宅一生(IsseyMiyake)特点：设计师为王，彰显设计师个性设计2.0时代特点：服务客户时代，以客户服务为导向