UI界面的设计(新).ppt

上课时间和地点安排 多媒体专业计算机综合楼606、图形专业计算机综合楼610 UI界面设计计多10、图形10 第一节 关于UI设计 通过什么操作汽车？ 通过什么操作ATM机？ 通过什么控制电视机？ 通过什么控制数控车床？ 通过什么操作Photoshop程序？ 通过什么操作手机？ 第二节 图形界面设计的基本原则 Dreamweaver界面 Flash界面 After Effects界面 Premiere 界面 附一：二十世纪代表性的人机界面装置 1、扩音器 2、按键式电话 3、方向盘 4、磁卡 5、交通灯 6、遥控器 7、阴极射线管（CRT） 8、液晶显示器（LCD） 9、鼠标/图形界面 10、条形码扫描器 附二：图形界面设计作品欣赏 实验一：临摹平板电脑操作界面 要求：1、分析界面的布局、版式、色彩以及功能，领会界面的设计思想。2、界面制作要严谨、紧凑，做到和作品完全一样。3、本实验暂不考虑界面的互动功能。4、本实验用Photoshop或者illustrator制作，图片最大边尺寸为1024像素。5、试验时间为6个学时，作业完成由各班学习委员统一汇总上交。 资料下载地址 /u/1756348233 2、保守地使用色彩 大多数的界面设计者都赞成这一色彩配置原则。所谓保守地使用色彩，就是从大多数的用户考虑出发，根据不同的用户设计不同的色彩。界面设计时提倡采用一些柔和的、中性的颜色，以便于绝大多数用户能接受。因为有时急于使用色彩突出显示效果，反而适得其反。如有的软件界面使用大号字母，每个字母还使用不同的颜色显示，在远距离看来，屏幕耀眼夺目，可是它不利于阅读，而且会导致多屏显示。 3、色彩选取尽可能符合人们的习惯用法 对于一些专门软件，在配置颜色时，要充分考虑用户对颜色的喜爱。例如明亮的红色、绿色和黄色适用于为儿童设计的应用程序。一般来说红色表示错误，黄色表示警告，绿色表示运行正常等等。 思考下面配色方案可能适合的群体和环境： 4、把色彩作为功能分界的识别元素 不同的色彩可以帮助用户加快对各种数据的识别，明亮的色彩可以有效地突出或者吸引人们对重要区域的注意力。 5、能让用户控制配色方案 通常图形界面都可以让用户自定义界面色彩配置，选择自己最喜欢的颜色。例如windows操作系统界面，浏览器，QQ界面等等。 6、色彩搭配要便于阅读 要确保屏幕的可读性，就要注意色彩的搭配，有效的方法是遵循对比法则。在浅色背景上使用深色文字，在深色背景上使用浅色文字等等。 动态对象的颜色应该比较鲜明，静态对象的颜色应该较暗淡。 7、色彩数目应该有限 建议把单个界面颜色限制为4种以内，整个软件系统系列颜色应限制在7种以内。 3、菜单 将系统可以执行的命令以阶层的方式显示出来的一个界面。一般置于画面的最上方或者最下方，应用程序能使用的所有命令几乎全部都能放入。重要程度一般是从左到右，越往右重要度越低。命定的层次根据应用程序的不同而不同，一般重视文件的操作、编辑功能，因此放在最左边，然后往右有各种设置等操作，最右边往往设有帮助。一般使用鼠标的第一按钮进行操作。 4、按钮 菜单中，利用程度高的命令用图形表示出来，配置在应用程序中，称为按钮。 应用程序中的按钮，通常可以代替菜单。一些使用程度高的命令，不必通过菜单一层层翻动才能调出，极大提高了工作效率。但是，各种用户使用的命令频率是不一样的，因此这种配置一般都是可以由用户自定义编辑。 四、GUI的设计原则： 1、减少用户的认知负担 2、保持界面的一致性 3、满足不同目标用户的创意需求 4、用户界面友好性 5、图标功能的一致性 6、建立界面与用户的互动交流 五、GUI的主要应用领域： 手机通讯移动产品、电脑操作平台、软件产品 、PDA产品 、数码产品 、车载系统产品、 　　智能家电产品 、游戏产品 、产品的在线推广等。 用户原则是图形界面设计最基本和最重要的设计原则。所谓用户原则，就是在软件界面设计中，要充分体现出“以人为本”、“用户友好”的基本要求，做到：易懂、易学、易用。 一、图形界面设计的“黄金法则” 用户原则是大原则，人们在长期的图形界面设计过程中，总结出了图形界面设计中一些有用的法则，这些原则被称作软件界面设计的“黄