产品设计7.docVIP

西京学院机电工程系 第 7次课 学时 2 授课日期： 授课班级： 工业设计1201 授课教师： 任飞 批准人： 章节名称 第7章 设计开发与整合 授课形式 理论课√ 案例讨论课□ 实验课□ 习题课□ 其他□ 本次授课目的与要求 通过课堂的理论讲授，让学生1、用户界面设计 2、硬件整合设计 3、设计实例 4、小结 30分钟 20分钟 40分钟 10分钟 启发式教学 联系实际 加强互动 课外复习提问、预习要求及作业布置 作业：根据设计历程继续完善设计产品参加西安国际家具设计大赛 课后小结 通过课堂的理论讲授作品分析，让学生掌握启迪造意念，发现构筑新形式的方法，从中提高创造能力，审美能力与表达能力。 7.1 用户界面设计 7.1.1 用户界面的定义 用户界面（User Interface）也称人机界面（Human-Machine Interface），是用户（人）与机器互相传递信息的媒介，其中包括信息的输入和输出。好的用户界面美观易懂、操作简单且具有引导功能，使用户感觉愉快、兴趣增强，从而提高使用效率。 7.1.1.1 广义的用户界面 人与机器之间存在一个相互作用的“面”，称为人-机界面。人机界面是专门处理人机交互活动的软件，它是人与硬件、软件的交叉部分 7.1.1.1 狭义的用户界面 狭义的用户界面是指计算机系统中的人机界面（Human-Computer Interface，HCI），又称人机接口，它是计算机科学中最年轻的分支之一 问题的提出 ………5分钟 教 学 内 容 课堂组织 研究方法 1、眼动： 依据眼动理论和精密视线追踪装置（眼动仪）。通过眼动仪，可以将使用者观察时的眼动轨迹记录下来，并通过分析眼动仪记录的数据，判断产品原型设计的合理性，并对产品原型提出改进建议。 眼动测量指标：注视时间、注视次数、视觉扫描路径长度和时间、眼跳数目和眼跳幅度、回溯性眼跳比、瞳孔尺寸的变化等。 2、视觉界面： 根据知觉模型指导界面设计（用户调研，虚拟视景仿真系统） 制作一个仿制品或者工作模型，它能够体现界面交互设计的某些特点，并能够实现部分或全部功能的设计实体。进行相关的主观评价． 3、显示方式分析 指针仪表的设计：刻度盘，刻度与刻度线设计，字符设计，指针设计，色彩匹配，显示与操控元件的统一，仪表组合，和评价方法．实验：测试表盘找出读数快速正确的表盘和指针组合方案． 7.1.2 手机界面 手机的界面不仅仅是图形化用户界面。从大的方面来看，手机的界面可以分为三种类型： 逻辑用户界面 物理用户界面 图形用户界面 （结合PPT） ……….30分钟 教 学 内 容 课堂组织 7.1.3 用户界面的设计元素 7.1.3.1布局 布局（Layout）指的是在一个限定面积范围内合理安排图形图像和文字的位置，将零乱的页面、混杂的内容依整体布局的需要进行分组归纳，进行具有内在联系的组织排列，反复推敲文字、图形与空间的关系，使浏览者有一个流畅的视觉体验 1、网格系统 2、视觉流 7.1.3.2 文字 7.1.3.3色彩计划 色彩搭配应以大众的欣赏习惯为标准，同时兼顾网站专业特点和艺术规律。网页的色彩搭配应遵循以下几个原则： （1）色彩的合理性网页的色彩要漂亮、引人注目，同时还要照顾到人的眼睛的生理特点，不要用大面积的高纯度色相，它容易使人的眼睛产生疲劳。（2）色彩的独特性要有与众不同的色彩搭配，并且与行业特征相结合，以衬托出网站的个性，使得大家对网站的印象更深刻。（3）色彩的艺术性色彩设计属于艺术形式的范畴，按照内容决定形式的原则，色彩应服务于网站的内容，和网站的气氛相适应。蓝色、灰色常常用于工业高科技企业，如奥迪公司的网页大量使用灰色，显得十分高贵，而粉色则体现女性站点的柔美。 教 学 内 容 课堂组织 7.1.3.4图标设计 图标（Icon）是人类记录、交流信息的主要手段之一，它以图形符号的形式来规划并处理信息和知识。由于人在知觉图标信息时，辨认的信号与客体本身有着形象上的直接联系，其信息接收的速度远远高于抽象符号，如路标图、气象图、地图以及标准符号等。并且图标具有形、意、色等多种刺激，因而传递的信息量大，抗干扰力强，易于接收，因此图标在硬件界面和软件界面中具有重要的意义。 使用的设计工具主要是Illustrator、CorelDRAW以及Photoshop 7.1.3.5控件设计 大多数应用程序和硬件（Device）都要用到控件来控制软件或者硬件的运行，如音响的按