界面设计范文精选

[关键词]界面；符号；人机工程；环境

[摘要]设计中所面临的各种因素，如人机操作、使用物的功能与结构、形态的人文特征等等，都反映了人―物、物―人交流的途径与方式。而设计的核心是“人”。以前的人机界面是研究人一机矛盾，适用于物、理分析而缺乏创新分析，相对研究人―物―环境―信息关系的“设计艺术”则显得较为片面。所以探讨设计界面，即人―物、物―人界面是有意义的。

一、设计界面的涵义

界面的说法以往常见的是在人机工程学中。“人机界面”是指人机间相互施加影响的区域，凡参与人机信息交流的一切领域都属于人机界面。“而设计艺术是研究人一物关系的学科，对象物所代表的不是简单的机器与设备，而是有广度与深度的物；这里的人也不是“生物人”，不能单纯地以人的生理特征进行分析。“人的尺度，既应有作为自然人的尺度，还应有作为社会人的尺度；既研究生理、心理、环境等对人的影响和效能，也研究人的文化、审美、价值观念等方面的要求和变化”。

设计的界面存在于人一物信息交流，甚至可以说，存在人物信息交流的一切领域都属于设计界面，它的内涵要素是极为广泛的。可将设计界面定义为设计中所面对、所分析的一切信息交互的总和，它反映着人一物之间的关系。

二、设计界面的存在

美国学者赫伯特．A．西蒙提出：设计是人工物的内部环境(人工物自身的物质和组织)和外部环境(人工物的工作或使用环境)的接合。所以设计是把握人工物内部环境与外部环境接合的学科，这种接合是围绕人来进行的。“人”是设计界面的一个方面，是认识的主体和设计服务的对象，而作为对象的“物”则是设计界面的另一个方面。它是包含着对象实体、环境及信息的综合体，就如我们看见一件产品、一栋建筑，它带给人的不仅有使用的功能、材料的质地，也包含着对传统思考、文化理喻、科学观念等的认知。“任何一件作品的内容，都必须超出作品中所包含的那些个别物体的表象。”分析“物”也就分析了设计界面存在的多样性。

为了便于认识和分析设计界面，可将设计界面分类为：

摘要：本文讲述了什么是软件界面设计，软件界面设计的原则、现况以及发展方向。

关键词：软件界面设计；界面；软件

中图分类号：TP393.092文献标识码：A文章编号：1007-9599 (2011) 06-0000-01

Software Interface Design

Duan Tao

(Information Section,Affiliate Hospital of North Sichuan Medical College Hospital,Nanchong637000,China)

Abstract:This paper introduced what is software interface design,software interface design principle,the current status and development direction.

Keywords:Software interface design;Interface;Software

摘 要：界面设计这个词在当下已经并不陌生，它是信息时代到来的产物，人们都认为它就属于电子产品或虚拟产品，而事实上，界面设计一直存在于我们的生活中的每一个角落，除了大家所熟悉的电子产品和虚拟App产品界面设计之外，其实在产品设计①中，比如家具设计、电器产品设计等也都存在界面设计，本文正是从传统产品设计的角度出发，来论述在这样一个领域界面设计的定义及设计原则。

关键词：产品设计；传统界面设计；设计原则

近年来，随着信息技术与计算机技术的迅速发展，网络技术的突飞猛进，人机界面设计和开发已成为国际计算机界和设计界最为活跃的研究方向。界面设计是人与机器之间传递和交换信息的媒介，它是联系人与机器的纽带。界面设计这一概念，目前主要用于信息技术和计算机技术类的产品，比如：电脑、手机、pad等电子产品，而本文则是从另外一个角度来论述界面设计，即传统的产品设计领域。

1 产品设计中界面设计的概念和方法

事实上在我们所熟悉的传统的、实体的产品设计中也包含了界面设计。正如前面所提到的，电子产品领域里的界面设计是连接人与机器的中介，而针对本文所提到的传统的、实体产品设计领域的界面设计则是连接人与物（产品）的中介。在《辞海》里中介的定义是：“表征不同事物的间接联系或联系的间接性的哲学的概念。”简单地说，中介其实就连接两者之间的中间物，是它们之间的联系者。针对任何产品设计，其所呈现在用户眼前的任何一个角度或是操作平面，我们都可以把它定义为一个界面设计：一扇门、一个电器的操作面板（非电子屏幕）、一个桌面或者一个插线板的插孔面等等，这些都可以称之为界面，而作为产品设计师对这些界面进行设计的时候，都需要对界面上的元素的取舍、形状、大小、色彩以及位置的合理分布做非常仔细的设计，只有做到这样，才能称之为一个合格的产品设计。

以家具设计这一产品设计领域为例，其实每一个家具产品的设计它也是有界面设计存在其中的，比如一个衣柜柜门的设计，我们可以把衣柜柜门这个矩形设定为一个界面，在这个界面上会因为其功能的需求有其必要的界面设计元素――衣柜的门把手，而这个门把手就像是现在大家所熟悉的电子产品界面设计中的图形符号元素一样，它的大小、形状、色彩以及它应该放置在柜门这个界面上的哪个位置都是需要非常严谨的去设计的，所以，其实界面设计并不是只存在于电子信息产品里，它同样存在于我们的工业产品中。所以本文中所论述的界面设计，是以传统的、实体产品设计领域为背景下的任何产品，它包含产品形态外观上相关元素的大小、形状、色彩以及界面上各元素之间的合理分布和排列的设计，其目的是为了让这一产品的使用更高效、易用、美观。

产品设计中的界面设计的方法，一方面可以参考软件设计中界面设计方法去进行相关的设计工作，比如基本版面的色调把控、色彩搭配或者是界面布局等；另一方面，作为一个实体的产品设计，它有与虚拟的软件设计有所区分，所以在设计的时候也要结合实体产品的特点去进行设计。比如：为一款豆浆机进行主要按键区域的界面设计，因为按键数量较多，所以，为了便于用户操作，就需要首先对按键的功能做一个大的功能区域划分。一般的豆浆机操作按钮主要分为两个大功能区域：一个是主要操作功能按钮“选择”和“启动/取消”；另一个是“选择”按钮下的第二级操作按钮。这个界面设计，看似主要元素不多，只是几个功能按钮，但是，如果不做仔细的功能分类，用户将无从下手；而且不同功能分类的按钮在形状和颜色的设计也有所区分，而这些都不光光是为了界面美的需求，更重要的是便于用户上手使用，在多个功能按键里，快速地找到自己想要的操作按钮或读取到需要的信息。

2 产品设计中界面设计的原则

内容提要：多媒体课件以图、文、声、像并茂的方式进行形象化教学，弥补了传统教学在直观感、立体感和动态感方面的不足。要设计出一个好的多媒体课件，除了要认真地准备、搜集各种素材外，还要为用户设计一个舒适方便的操作环境，这就是界面设计。界面是联系人和计算机的桥梁，与人的关系密切。一个赏心悦目的视觉环境，可以激发学习者兴趣，提高学习的积极性。笔者结合多年来开发多媒体课件的经验总结了一套既方便用户使用，又有利于教学的界面设计体会，从人的视觉特性及易用性方面考虑，系统地介绍了多媒体课件界面设计的基本要求、制作技巧等内容。

关键词：多媒体界面设计

界面是计算机系统中跟人打交道的部分，是用户与计算机系统的接口，与人和计算机的关系密切。在多媒体课件中，用户界面的设计是一门艺术，它综合了多个学科的内容。据统计，在人类通过感觉器官收集到的各种信息当中，视觉约占65％。因此，在多媒体课件设计过程中，充分考虑人的视觉特性是十分重要的，灵活的人机界面对于调动和激发学习者的兴趣，提高学习积极性，具有重要作用。为此，我们应从以下几个方面考虑来精心设计操作界面。

一、操作简便

多媒体课件是面向用户的，在设计时要考虑到用户的特点、能力、知识水平，应把立足点着重放在那些非计算机操作者，不应对用户有额外的知识、技能要求。因此必须做到：

1.安装使用力求方便。课件的安装、启动过程应力求简单，一般通过鼠标和键盘的几个简单操作动作即可完成。开始运行时，应对课件的结构、内容、主要操作方法、功能键等进行简短的介绍。在整个课件运行过程中，对命令键、功能键的命名应始终如一，所有功能键只能赋予一项功能，并尽可能在屏幕上显示功能键和提示信息。

2.菜单力求简明合理。设计时，根据教学内容的需要，把教学内容划分成若干层次，利用菜单技术来实现多层结构，各级菜单应逐层深入，直至覆盖全部教学内容。菜单的分级最好不要超过三级，每级菜单都应设置返回按钮，以便学习者不想往下学习时，可随时返回上级菜单。菜单的表达方式有文字式、图形式、表格式、图文混合式等多种形式。文字菜单比较简单，可设计成下拉的方式，逐级选择子菜单；图形菜单新颖直观，根据教学内容，设计成形象的图标，用鼠标一点就可选中，使用非常方便。实际制作中，用得最多的是图文混合式菜单，它具有文字菜单和图形菜单的优点。在设计时要注意菜单的标题应简单明了，文字表达要言简意明，能表达所要选择的教学内容。

3.提供在线帮助信息。为了用户使用，课件中应设置必要的帮助信息，如系统帮助、功能帮助、警告帮助等操作信息。这些帮助可以是综述性的信息，也可以是与所在位置的上下文相关的针对性信息。帮助信息可以起文档手册的作用，但内容应精炼，应以简略文字、图形说明等形式指导学习者完成某种功能的操作。

1中国的设计的困境

有一个奇怪的现实问题，在设计界，尤其是在平面设计领域中，设计师普遍存在或多或少的混乱，甚至认为图形设计作为一种职业是没有价值的行业，大部分的人谋生的方式也对新的工作场所的未来发展，当然，可能不再是平面设计。在设计界面和标志的时候作者参考了网上的经典案例，基本上都是针对英文的26个字母来进行设计的，对于中文字体的设计就少之又少，要不设计起来就不好看，出不了效果。那就说明国内的设计的有很大一部分是参考国外的设计，但是对于中国的品牌总不能经常用英文字母来宣传吧。虽然有时候是说要国际化世界化，但是中文的logo设计的丑的没法说也没法表达文字的悠久历史和优美。同时，其实也不希望设计的没有一点中国味，透露着一股子西方的华丽味道。根据网上数据显示，在北京，深圳，杭州，上海这样的大都市是平面设计师的最佳平台。然而，根据调查，平面设计师的年龄一般不超过三十岁，只有一些意志力强的或优秀的人仍然站在行业的颠峰，引领发展，难能可贵的是大多数人放弃生命中的大多数时间。这是当前的产业发展缓慢的情况。以作者的设计经验来说，艺术设计往往要比软件设计动画设计要难上升的多。设计类的软件是比较好掌握的，可就是良好的优秀的想法比较难实验。有时候就是操作赶不上想法，有良好的想法也没有那么好技巧表现，也颇有些无奈的感觉。

2Photoshop的工具运用

2.1选区

在处理图片的时候通常要选取一个选区来进行处理。大多数人是人都是用快速选择工具，魔棒工具来进行模糊选择，这样会使图像处理的很粗劣。也可以事先用魔术橡皮擦把多余的色块进行擦除再来进行选择。也可以调整色调明暗呀什么的，让图像色块的区分更明确一些再进行选择。也可以利用通道来勾取选区，这都是比较快速的方法。最精细的也是比较费时间的选择方法是用快速蒙版以及钢笔工具。快速蒙版是在工具栏最下面，点击进去之后可以用涂啊画啊填充的方式来选取选区，一种比较自由的方式，弊端就是对于一些小细节可能人手操作就没有那么精细那么圆滑。用钢笔工具的话花得时间就更长了，但是对于图像扣取来说，钢笔工具还是最好使用的。

2.2曲线调整

在拍摄照片的过程中可能因为光线不好，曝光不充分而照成图像效果没有想象中的好。在PS图象处理软件软件曲线的基本原理来调整打开图像，调整曲线命令（或使用快捷键Ctrl+M），出现曲线对话框。然后进行明暗对比的调整。真正的曲线调整原则是亮度的重新分布，每个像素的亮度有初始，可以调整它亮或过暗。如果可以互相学习，问题就解决了。这个时候就可以发挥作用，在曲线的调整，是按住Shift可以选择多个控制点，如果想删除一个点，该点可以拖出曲线坐标区外，或按Ctrl并单击点。

2.3加深减淡工具

摘要该文从软件可移植性的角度指出设计256色图形用户界面时应当注意的问题，在对SuperVGA产品进行分析的基础上，提出了基于表格驱动的程序设计思想，并给出了范例。

随着各种超级VGA的出现，同时具有高分辨率和丰富色彩的图形用户界面已经成为程序员和用户共同追求的目标。然而由于各制造商提供的VGA产品之间的差异，使得高分辨率256色图形界面的兼容性受到影响，常常会出现这样的情况:在一个显示系统下运行良好的程序，在另一种显示系统下变得面目全非，甚至根本不显示。这表明程序员对程序的可移植性重视不够，或对各种显示设备缺乏足够的了解。

软件的可移植性是指软件产品从一个硬件/软件环境转移到另一个硬件/软件环境的难易与繁简程度。它从软件对新环境的适应性这一方面，反映了软件的质量。为了提高软件的可移植性，应尽量使软件与具体的设备无关，即提高软件的设备独立性。对于256色图形界面而言，就是要使程序不依赖于某种特定的显示器。例如，程序员没有任何理由假定用户使用的是TVGA。为此，程序员必须提供显示卡的常规检测例程，并能根据检测的结果决定图形算法的具体实现。

提高软件设备独立性的方法有很多，表格驱动就是其中一种。所谓表格，就是根据需要设计的数据结构。表格中的数据由检测例程填写。表格中包含哪些栏目，应在对各制造商提供的SuperVGA产品足够了解的基础上取舍，栏目应体现各产品之间的差异。

一、SuperVGA编程综述

SuperVGA产品在体系结构上和标准的IBMVGA有所不同。但编程思想基本上是一样的，这些编程方法已有许多文章介绍，这里不再重复。

影响256色图形界面可移植性的主要障碍来自各制造商提供的VGA产品的下面几点差异。

1.显示模式的定义不同。如5DH对TVGA而言，代表640×480

摘要：随着互联网的日益发展，网页界面设计这一行业需要大量的人才。这种供不应求的局面，不得不让小部分的平面设计人员转行网页界面设计。因此，对网页界面设计和平面设计进行一些研究，发现网页界面设计与平面设计其中的区别是一件重要的事情。研究发现网页界面设计从色彩、版式设计、字体、图像、浏览方式、信息传播等方面与平面设计都是有区别的。

关键词：网页界面设计 平面设计 色彩 版式设计、字体 图形 浏览方式 信息传播区别

中图分类号：S611文献标识码： A

最近一直在做网页界面设计教学工作，其中很多学生问我，网页界面设计就是平面设计吗？当时我告诉他们肯定是不一样的。但是至于究竟哪些地方不一样，却没有系统准确的对学生解释清楚。后来我时常再想这个问题，既然学生们都有这个疑问，那么肯定会有更多的网页界面初学者都会有这个疑问，所以在这里，我想谈谈网页界面设计与平面设计的异同。

网页界面设计和平面设计都是属于设计，但是他们又有着很大的区别，那不就与大自然界的青蛙和蛤蟆一样吗？他们都属于两栖生物，但又不是同一种生物，差别那么大。

在网页出现的早期，网页设计是以功能性为第一指导原则，以技术因素为主要考虑对象，以完成或实现必要的功能为目标。以字符组成的界面可以起到基本的信息传达作用，同时技术要求相对较低，易于实现，并且有较好的稳定性，故而这种形式的界面在很长一段时间内是人机交流的主要形式。随着互联网的发展，网页界面设计是用美和技术衡量生活的合理性。网页界面设计是将艺术与技术融为一体的创造性活动。它包含了网页视觉传达设计和交互设计。

平面设计的过程，是设计者将思想和设计概念转变为视觉符号形式的过程，即概念视觉化的过程，对信息的接收者来说，则是相反的过程，即视觉概念化的过程，贯穿和联结两个过程的是信息。

现在就让我们来分析一下同样视觉传达设计，它们之间的差异性。

摘 要：手机UI界面设计是一种结合美学、心理学、行为学及商业领域需求分析的人机系统工程，强调人——机——环境三者作为一个系统进行总体设计。在人和机器的互动过程中，需要通过界面这一平台实现人和机器的互动获取需要的信息，界面设计的基础是否更好满足用户需求是判断这个设计好坏的重要标准，只有符合人性化的交互才是一个真正好的设计。

关键词：界面；设计；人性化；艺术

1 UI界面设计的概述和原则

UI是User Interface（用户界面）的简称，在人和机器的互动过程（Human Machine Interaction）中存在的一个层面，即我们所说的界面（interface），从心理学意义来分，用户界面可分为感觉（视觉、触觉、听觉等）和情感两个层次。

从用户角度来看，新媒介上交互设计是一种让产品易用、愉悦、有效传达信息的技术工具。更好了解目标用户和他们的期望，了解用户在同产品交互时产生的用户需要和使用规律，以及对信息获取是否快捷和是否产生不确定性因素。从心理学意义来分，界面可分为感觉（视觉、触觉、听觉等）和情感两个层次。需要综合认知心理学、语言学、艺术设计学、人机工程学、以及计算机图形学等学科的知识，从而完成整个交互过程，达到使用交互的目的。

UI界面的完成需要一定的使用界面来进行传达，从而实现人机交互。因此，设计首先是关怀用户的服务需求的设计。设计是研究“人”与“物”关系的学科，必须以“人”为主体为“人”服务的“物”，既需从自然人的尺度充分考虑人的生理特征，还应考虑作为社会人的对心理环境、文化审美、价值观念的态度。提高人们的生活品质，使之更合理、更健康、更符合人类持续性发展的需要，这才是一切设计的终极目标。

2 手机界面设计应遵循的基本原则

手机界面设计开发大致要经过用户需求调查、软件产品初步设计、系统技术设计、分单元开发、系统测试和用户验收等几个阶段，其中用代码实现产品功能只是软件开发的一个步骤。软件产品的UI设计必须保障置界面于用户的控制之下，保证用户的记忆负担最小化，保持界面的一致性须遵循的以下原则：

摘要：设计中所面临的各种因素，如人机操作、使用物的功能与结构、形态的人文特征等等，都反映了人―物、物―人交流的途径与方式。而设计的核心是“人”。以前的人机界面是研究人一机矛盾，适用于物、理分析而缺乏创新分析，相对研究人―物―环境―信息关系的“设计艺术”则显得较为片面。所以探讨设计界面，即人―物、物―人界面是有意义的。

关键词：界面符号人机工程环境

一、设计界面的涵义

界面的说法以往常见的是在人机工程学中。“人机界面”是指人机间相互施加影响的区域，凡参与人机信息交流的一切领域都属于人机界面。“而设计艺术是研究人一物关系的学科，对象物所代表的不是简单的机器与设备，而是有广度与深度的物；这里的人也不是“生物人”，不能单纯地以人的生理特征进行分析。“人的尺度，既应有作为自然人的尺度，还应有作为社会人的尺度；既研究生理、心理、环境等对人的影响和效能，也研究人的文化、审美、价值观念等方面的要求和变化”。

设计的界面存在于人一物信息交流，甚至可以说，存在人物信息交流的一切领域都属于设计界面，它的内涵要素是极为广泛的。可将设计界面定义为设计中所面对、所分析的一切信息交互的总和，它反映着人一物之间的关系。

二、设计界面的存在

美国学者赫伯特．A．西蒙提出：设计是人工物的内部环境(人工物自身的物质和组织)和外部环境(人工物的工作或使用环境)的接合。所以设计是把握人工物内部环境与外部环境接合的学科，这种接合是围绕人来进行的。“人”是设计界面的一个方面，是认识的主体和设计服务的对象，而作为对象的“物”则是设计界面的另一个方面。它是包含着对象实体、环境及信息的综合体，就如我们看见一件产品、一栋建筑，它带给人的不仅有使用的功能、材料的质地，也包含着对传统思考、文化理喻、科学观念等的认知。“任何一件作品的内容，都必须超出作品中所包含的那些个别物体的表象。”分析“物”也就分析了设计界面存在的多样性。

为了便于认识和分析设计界面，可将设计界面分类为：

摘 要：将展示空间界面作为独立部分加以研究，以格式塔知觉理论为指导对展示空间界面的空间视觉效果及其心理效应的分析研究（展示空间界面的心理效应分析是指界面的造型形式、材质、色彩等因素所产生的心理效应），通过对当前展示空间界面的设计形式与手法的分析，以及界面作为展示设计的一个方面在展示空间中的导向和限定作用，总结出现今展示空间界面系统设计的发展趋势，强调了界面设计系统在展示空间中的独特价值及意义。

关键词：展示空间；界面；点线面；划分

中图分类号：J05 文献标识码：A 文章编号：1005-5312（2013）06-0194-01

空间是由点、线、面、体占据或围合而成的三度虚体，具有形状、大小、材料等视觉要素，以及位置、方向、重心等关系要素。展示空间界面设计与空间平面规划有密切联系。而展示空间是由许多特定的区域所界定的，是一个富于变化的多维界定空间，因此需要对其作合理的功能分析。

人们对室内环境气氛的感受是综合的、整体的，既有空间形状，也有作为实体的界面。视觉感受界面的主要因素有室内的采光、照明、材料的质地和色彩、界面的本身形状、线脚和图案肌理等。处理好空间的界面不仅可以赋予空间以特性，还有助于加强空间的完整统一性。界面是室内空间设计中的重要因素，勒·柯布西耶（Le Cor-busier）说：“建筑艺术的要素是墙和空间，光和影”。这里的墙和空间就是界面的显现之处。

纵观人类文明发展史，我们可以非常清楚地看到展示艺术所起到的重要作用，展示活动一直伴随着人类社会的文明进步而不断发展变化着，展示作为人类互相交流和传递信息的媒介，发挥着其他艺术形式不可替代的功能。对展示空间界面设计的研究能极大的提高展示空间信息传播的效率，将有助于展示活动更好的发挥其在人类文明发展史上独特的价值与意义。

格式塔一词由德文“gestalt”音译而来，德语格式塔意指形式或图形，他还具有英语structure（组织）的含义。格式塔含义是形式、图形和组织结构或整体，就是说完形是一个有组织的全体，它的特性是由其内部的整体性所决定的。它本身是一种具体的存在，而非其部分简单相加之和。

作为心理学术语的格式塔具有两种含义：一是指事物的一般属性，即形式；另一是指食物的个别体，即分离的整体，形式仅为其属性之一。也就是说，假使有一种为它和其他部分具有关系，这种现象便称为格式塔。总之，格式塔不是孤立不变的现象，而是指通体相关的完整的现象。完整的现象具有它本身完整的特性，它既不能割裂成简单的元素，同时它的特性又不包括任何元素之内。