ui界面设计(新).ppt

《ui界面设计(新).ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、上课时间和地点安排节次星期一星期二星期三星期四星期五第一大节第3－4周第二大节第3－6周第3周第3－4周第三大节第3周第3－6周第四大节第3－4周多媒体专业计算机综合楼606、图形专业计算机综合楼610UI界面设计计多10、图形10第一节关于UI设计一、什么是UI通过什么操作汽车？通过什么操作ATM机？通过什么控制电视机？通过什么控制数控车床？通过什么操作Photoshop程序？通过什么操作手机？UI即UserInterface(用户界面)的简称。广义上来讲，UI界面是人与机器进行交互的操作方式，即用户与机器相互传递信息的媒介，其中包括信息

2、的输入和输出。机器用户界面好的UI界面美观易懂、操作简单且有引导功能，使用户感觉愉快、增强兴趣，拉近用户和机器之间的距离，从而提高使用效率。所以，对整个产品设计来说，UI界面设计是其重要的组成部分。但对于我们多媒体和图形设计方向来说，UI界面则主要是指GUI，即GraphicalUserInterface（图形用户界面），是对屏幕产品的视觉效果和互动操作进行设计。GUI是一种结合美学、计算机科学、心理学、行为学、人机工程学以及市场的综合性学科，强调人—机—环境三者作为一个系统进行总体设计。思考常见的GUI界面。二、主要研究内容：GUI是一种

3、综合性设计，要想设计出好的图形界面，我们必须要掌握设计艺术、计算机技术、人机工程学等学科领域的内容。1、设计艺术主要涉及到平面构成、色彩构成以及立体构成等基础知识，同时也需要有一定的平面设计经验。2、计算机技术UI界面的互动必须要通过计算机技术来实现，例如用FLASH做的互动程序，必须要用AS语言才能够实现。3、人机工程学人机工程学就是应用人体测量学、人体力学、劳动生理学、劳动心理学等学科的研究方法，对人体结构特征和机能特征进行研究，提供人体各部分的尺寸、重量、体表面积以及人体各部分在活动时的相互关系和可及范围等人体结构特征参数；分析人的视

4、觉、听觉、触觉以及肤觉等感觉器官的机能特性；探讨人在工作中影响心理状态的因素以及心理因素对工作效率的影响等。三、GUI(图形界面)主要组成部分：1、桌面在启动时显示，也是界面中最底层，有时也指代包括窗口、文件浏览器在内的“桌面环境”。在桌面上由于可以重叠显示窗口，因此可以实现多任务化。一般的界面中，桌面上放有各种应用程序和数据的图标，用户可以依此开始工作。典型代表：Windows桌面、手机桌面等2、窗口应用程序为使用数据而在图形用户界面中设置的基本单元。应用程序和数据在窗口内实现一体化。在窗口中，用户可以在窗口中操作应用程序，进行数据的管理

5、、生成和编辑。通常在窗口四周设有菜单、图标，数据放在中央。3、菜单将系统可以执行的命令以阶层的方式显示出来的一个界面。一般置于画面的最上方或者最下方，应用程序能使用的所有命令几乎全部都能放入。重要程度一般是从左到右，越往右重要度越低。命定的层次根据应用程序的不同而不同，一般重视文件的操作、编辑功能，因此放在最左边，然后往右有各种设置等操作，最右边往往设有帮助。一般使用鼠标的第一按钮进行操作。4、按钮菜单中，利用程度高的命令用图形表示出来，配置在应用程序中，称为按钮。应用程序中的按钮，通常可以代替菜单。一些使用程度高的命令，不必通过菜单一层层

6、翻动才能调出，极大提高了工作效率。但是，各种用户使用的命令频率是不一样的，因此这种配置一般都是可以由用户自定义编辑。四、GUI的设计原则：1、减少用户的认知负担2、保持界面的一致性3、满足不同目标用户的创意需求4、用户界面友好性5、图标功能的一致性6、建立界面与用户的互动交流五、GUI的主要应用领域：手机通讯移动产品、电脑操作平台、软件产品、PDA产品、数码产品、车载系统产品、　　智能家电产品、游戏产品、产品的在线推广等。第二节图形界面设计的基本原则用户原则是图形界面设计最基本和最重要的设计原则。所谓用户原则，就是在软件界面设计中，要充分体

7、现出“以人为本”、“用户友好”的基本要求，做到：易懂、易学、易用。一、图形界面设计的“黄金法则”用户原则是大原则，人们在长期的图形界面设计过程中，总结出了图形界面设计中一些有用的法则，这些原则被称作软件界面设计的“黄金法则”。这些法则进一步丰富了用户原则，使用户原则变得实在、可操作。1、图形界面的一致性原则一致性原则是“黄金法则”中最重要的原则，也是界面开发人员最容易忽略和违反的一个原则。一致性原则有利于减少用户的学习量和记忆量，用户可以把局部的经验和知识推广到其他应用场合。一致性原则要做到：界面外观上的一致：具有相似的外观布局和信息显示格

8、式。例如Office和Adobe软件。操作次序上的一致：例如不同命令操作后的显示效果一致。概念、语义、命令语法一致：例如同一功能的命令名称要一致，例如“复制”命令。不同软件开发商