界面设计的方法有什么

ui设计的三个等级分类划分

导语：按照UI设计界面的三类划分，有助于考察设计界面的多种因素。当然，应该说设计界面的划分是不可能完全绝对的，三类界面之间有涵义上也可能交互与重叠，如宗教文化是一种环境性因素，但它带给信仰者的往往更多的却是宗教的情感因素。下面就由我为大家介绍一下ui设计的三个等级分类划分，希望对大家有所帮助！

1 、功能性界面

对功能性界面来说，它实现的是使用性内容，任何'件产品或内外环境或平面视觉传达作品，其存在的价值首要的是在于使用性，由使用性牵涉到多种功能因素的分析及实现功能的技术方法与材料运用。在这一方面，分析思维作为一种理性思维而存在。如果作为一种处理方式来设计产品，则这种产品会使多种特征性(如民族性、纯粹性)因素中性化，如果去除产品商标，就很难认出是哪国的或哪个公司的产品。当然，这方面也说明了产品中存在着共同性因素，它使全人类能做出同样的反应。人的感觉和判断能力有着国际性的、客观性的特征。 功能性UI界面设计要建立在符号学的基础上。国际符号学会对符号学所下定义是：符号是关于信号标志系统(即通过某种渠道传递信息的系统)的理论，它研究自然符号系统和人造符号系统的特征。广义的.说，能够代表其他事物的东西都是符号，如字母、数字、仪式、意识、动作等，最复杂的一种符号系统可能就是语言。设计功能界面，不可避免地要让使用者明白功能操作。每一操作对人来说应是符合思维逻辑的，是人性的，而对机械、电子来说则应是准确的、确定无疑的，这双方的信息传递是功能界面的核心内涵。

2、情感性界面

一个家庭装饰要赋予人家居的温馨，一副平面作品要以情动人，一件宗教器具要体现信仰者的虔诚。其实任何一件产品或作品只有与人的情感产生共鸣才能为人所接受，"敝帚自珍"正体现着人的感情寄托，也体现着设计作品的魅力所在。 现代符号学的发展也日益这一领域开拓，以努力使这种不确定性得到压缩，部分加强理性化成分。符号学逐渐应用于民俗学、神话学、宗教学、广告学等领域，如日本符号学界把符号学用于认识论研究，考察认识知觉、认识过程的符号学问题。同时，符号学还用于分析利用人体感官进行的交际，并将音乐、舞蹈、服装、装饰等都作为符号系统加以分析研究，这都为设计艺术提供了宝贵与有借鉴价值的情感界面设计方法与技术手段。

3 、环境性界面

任何的设计都要与环境因素相联系，它包括社会、政治和文化等综合领域。处于外界环境之中，"是以社会群体而不是以个体为基础的"，所以环境性因素一般处于非受控与难以预见的变化状态。 联系到设计的历史，我们可以利用艺术社会学的观点去认识各时期的设计潮流。18世纪起，西方一批美学家已注意到艺术创造与审美趣味深受地理、气候、民族、历史条件等环境因素的影响。法国实证主义哲学家孔德指出："文学艺术是人的创造物，原则上是由创造它的人所处的环境条件决定。"法国文艺理论家丹纳认为"物质文明与精神文明的性质面貌都取决于种族、环境、时代三大因素"。无论是工艺美术运动、包豪斯现代主义或20世纪80年代的反设计，现代的多元化，"游牧主义"(Nemadism)都反映着环境因素的影响。 环境性界面设计所涵盖的因素是极为广泛的，它包括有政治、历史、经济、文化、科技、民族等，这方面的界面设计正体现了设计艺术的社会性。 以上说明了设计艺术界面存在的特征因素，说明在理性与非理性上都存在明确、合理、有规则、有根据的认识方法与手段。 成功的作品都是完善地处理了这三个界面的结晶。如贝聿铭设计的卢浮宫扩建工程，功能性处理得很好，没有屈从于形式而损害功能；但同时又通过新材料及形式反映新的时代性特征及美学倾向，这是环境性界面处理的典范；人们观看卢浮宫，不是回到古代，而是以新的价值观去重新审视、欣赏，它的三角形外观符合了人们的心理期望，这是情感性界面处理的极致。

一款完整的软件界面设计主要包括软件启动界面设计、软件主界面设计、软件框架设计、菜单栏设计、界面按钮设计、界面图标设计和安装包装完成。

1、软件启动界面设计

软件启动界面设计也叫软件启动封面设计，在设计时应使软件启动封面最终为高清晰度的图像，如软件启动封面需在不同的平台、操作系统上使用将考虑转换不同的格式，并且对选用的色彩不宜超过256色，最好为216色安全色。软件启动封面大小多为主流显示器分辨率的1/6大。

如果是系列软件将考虑整体设计的统一和延续性。在上面应该醒目的标注制作或支持的公司标志、产品商标，软件名称，版本号，网址，版权声明，序列号等信息，以树立软件形象，方便使用者或购买者在软件启动的时候得到提示。插图宜使用具有独立版权的，象征性强的，识别性高的，视觉传达效果好的图形，若使用摄影也应该进行数位处理，以形成该软件的个性化特征。

2、软件主界面设计

即软件的主要面板的设计，软件面板设计应该具有缩放功能，面板应该对功能区间划分清晰，应该和对话框，弹出框等风格匹配，尽量节省空间，切换方便。

3、软件框架设计

软件的框架设计就复杂得多，因为涉及软件的使用功能，应该对该软件产品的程序和使用比较了解，这就需要设计师有一定的软件跟进经验，能够快速的学习软件产品，并且在和软件产品的程序开发员及程序使用对象进行共同沟通，以设计出友好的，独特的，符合程序开发原则的软件框架。软件框架设计应该简洁明快，尽量少用无谓的装饰，应该考虑节省屏幕空间，各种分辨率的大小，缩放时的状态和原则，并且为将来设计的按钮，菜单，标签，滚动条及状态栏预留位置。设计中将整体色彩组合进行合理搭配，将软件商标放在显著位置，主菜单应放在左边或上边，滚动条放在右边，状态栏放在下边，以符合视觉流程和用户使用心理。

4、菜单栏设计

主要包括菜单设计，滚动条及状态栏设计。

菜单设计一般有选中状态和未选中状态，左边应为名称，右边应为快捷键，如果有下级菜单应该有下级箭头符号，不同功能区间应该用线条分割。

滚动条主要是为了对区域性空间的固定大小中内容量的变换进行设计，应该有上下箭头，滚动标等，有些还有翻页标。状态栏是为了对软件当前状态的显示和提示。

5、软件按钮设计

软件按钮设计应该具有交互性，即应该有3到6种状态效果：点击时状态鼠标放在上面但未点击的状态点击前鼠标未放在上面时的状态点击后鼠标未放在上面时的状态不能点击时状 态独立自动变化的状态。按钮应具备简洁的图示效果，应能够让使用者产生功能关联反应，群组内按钮应该风格统一，功能差异大的按钮应该有所区别。

6、界面图标设计

图标设计色彩不宜超过64色，大小为16x16、32x32两种，图标设计是方寸艺术，应该加以着重考虑视觉冲击力，它需要在很小的范围表现出软件的内涵，所以很多图标设计师在设计图标时使用简单的颜色，利用眼睛对色彩和网点的空间混合效果，做出了许多精彩图标。其标签设计应该注意转角部分的变化，状态可参考按钮。

7、安装过程设计

安装过程设计主要是将软件安装的过程进行美化，包括对软件功能进行图示化。

8、包装及商品化

最后软件产品的包装应该考虑保护好软件产品，功能的宣传融合于美观中，可以印刷部分产品介绍，产品界面设计。

软件用户界面设计在工作流程上分为结构设计、交互设计、视觉设计三个部分：

一、结构设计(Structure Design)

结构设计也称概念设计 (Conceptual

Design)，是界面设计的骨架。通过对用户研究和任务分析，制定出产品的整体架构。基于纸质的的低保真原型(Paper

Prototype)可提供用户测试并进行完善。在结构设计中，目录体系的逻辑分类和语词定义是用户易于理解和操作的重要前提。如西门子手机的设置闹钟的

词条是“重要记事”，让用户很难找到。

二、交互设计(Interactive Design)

交互设计的目的是使产品让用户能简单使用。任何产品功能的实现都是通过人和机器的交互来完成的。因此，人的因素应作为设计的核心被体现出来。交互设计的原则如下：

1)有清楚的错误提示。误操作后，系统提供有针对性的提示。

2)让用户控制界面。“下一步”、“完成”，面对不同层次提供多种选择，给不同层次的用户提供多种可能性。

3)允许兼用鼠标和键盘。同一种功能，同时可以用鼠标和键盘。提供多种可能性。

4)允许工作中断。例如用手机写新短信的时候，收到短信或电话，完成后回来仍能够找到刚才正写的新短信。

5)使用用户的语言，而非技术的语言。

6)提供快速反馈。给用户心理上的暗示，避免用户焦急。

7)方便退出，如手机的退出，是按一个键完全退出，还是一层一层的退出。提供两种可能性。

8)导航功能。随时转移功能，很容易从一个功能跳到另外一个功能。

三、视觉设计(Visual Design)

在结构设计的基础上，参照目标群体的心理模型和任务达成进行视觉设计。包括色彩、字体、页面等。视觉设计要达到用户愉悦使用的目的。视觉设计的原则如下：

1)界面清晰明了。允许用户定制界面。

2)减少短期记忆的负担。让计算机帮助记忆，例：User Name,、Password、IE进入界面地址可以让机器记住。

3)依赖认知而非记忆。如打印图标的记忆、下拉菜单列表中的选择。

4)提供视觉线索。图形符号的视觉的刺激GUI(图形界面设计)：Where, What, Next Step。

5)提供默认(default)、撤销(undo)、恢复(redo)的功能

6)提供界面的快捷方式。

7)尽量使用真实世界的比喻。如：电话、打印机的图标设计，尊重用户以往的使用经验。

8)完善视觉的清晰度。条理清晰图片、文字的布局和隐喻不要让用户去猜。

9)界面的协调一致。如手机界面按钮排放，左键肯定右键否定或按内容摆放。

10)同样功能用同样的图形。

11)色彩与内容。整体软件不超过5个色系，尽量少用红色、绿色。近似的颜色表示近似的意思。

当然，要着手开发一个软件用户界面，远远不止这三步，在进行开发之前还需要进行需求分析、方案验证等前期工作，而作为UI设计师，这三步则是最核心也是最关键的工作。

UI界面设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计分为实体UI和虚拟UI，互联网说的UI设计是虚拟UI，UI即User Interface(用户界面)的简称。

好的UI设计不仅是让软件变得有个性有品位，还要让软件的操作变得舒适简单、自由，充分体现软件的定位和特点。国内大部分UI工作者都是从事这个行业，是了解软件产品、致力于提高软件用户体验的产品外形设计师。

这些设计师大多是美术院校毕业的，其中大部分是有美术设计教育背景，例如工业外形设计，装潢设计，信息多媒体设计等。

扩展资料

UI即用户界面设计行业刚刚在全球软件业兴起，属于高薪技术设计产业，与国外在同步发展水平。其次国内外众多大型IT企业(例如：百度、腾讯、Yahoo、中国移动、Nokia、联想、网易、微软、盛大、淘宝等众多企业)均已成立专业的UI设计部门，但专业人才稀缺，人才资源争夺激烈。

就业市场供不应求。如今，国内的UI设计日益发展，有了专门的职业分工也开始出现一些较高水准的一线设计师与UI设计交流组织。但总的来说，在这一领域，我们与西方发达国家间的差距仍是显而易见的。

软件领域不像物质产品那样，存在工艺、材料上的限制，其核心问题恰在于人。因此，提高软件UI设计师的个人能力，真正提升软件产品的人性化程度，已成为中国UI发展的重中之重。

参考资料来源：百度百科-UI设计

界面设计原则总的来说可以概括成界面在用户的掌控之中、保持界面的一致性和减少用户记忆的负担这三大点，下面就给大家具体介绍一下界面设计原则。(一)界面设计原则(1)用户原则。人机界面设计首先要确立用户类型。划分类型可以从不同的角度，视实际情况而定。确定类型后要针对其特点预测他们对不同界面的反应。这就要从多方面设计分析。(2)信息最小量原则。人机界面设计要尽量减少用户记忆负担，采用有助于记忆的设计方案。(3)帮助和提示原则。要对用户的*作命令作出反应，帮助用户处理问题。系统要设计有恢复出错现场的能力，在系统内部处理工作要有提示，尽量把主动权让给用户。(4)媒体最佳组合原则。多媒体界面的成功并不在于仅向用户提供丰富的媒体，而应在相关理论指导下，注意处理好各种媒体间的关系，恰当选用。(详见媒体的选择)(二)界面分析与规范在人机界面设计中，首先应进行界面设计分析，进行用户特性分析，用户任务分析，记录用户有关系统的概念、术语，这项工作可与多媒体应用系统分析结合进行，囊括于用户分析报告里。(三)人机界面的类型任务设计之后，要决定界面类型。目前有多种人机界面设计类型，各有不同的品质和性能，下图进行了详细的描述。创造性地使用多媒体环境，将会使应用程序功能大大增强。要做到这一点，需从如下两方面考虑：(1)媒体的功能：没有任何一种媒体在所有场合都是最优的，每种媒体都有其各自擅长的特定范围，各种媒体功能参考如下：①文本：在表现概念和刻划细节时可用表现。②图形：擅长表达思想轮廓及蕴含与大量数值数据内的趋向性信息，在空间信息方面有较大优势。③动画：可用来突出整个事物，特别适于表现静态图形无法表现的动作信息。④视频影像：适于表现其它媒体所难以表现的来自真实生活的事件和情景。⑤语音：能使对话信息突出，特别是在于影像，动画集合时能传递大量的信息。⑥姿态与动作：在与别的媒体结合时具有较强的信息引用能力，可以在相关信息之间建立起时间、空间以及逻辑上的联系。(2)媒体选择的结合与互补：脚本设计可根据内容需要分配表达的媒体，这里要特别注意媒体间的结合与区别。提出几条原则如下：①人们在问题求解过程中的不同阶段对信息媒体有不同需要。一般在最初的探索阶段采用能提供具体信息的媒体如语音、图像等，而在最后的分析阶段多采用描述抽象概念的文本媒体。而一些直观的信息(图形、图像等)介于两者之间，适于综合阶段。②媒体种类对空间信息的传递并没有明显的影响，各种媒体各有所长。③媒体结合是多媒体设计中需要研究的新课题。媒体之间可以互相支持，也会互相干扰。多种媒体应密切相关，扣紧一个表现主题，而不应把不相关的媒体内容拼凑在一起。④目前，媒体结合在技术上主要通过在一个窗口中提供多种媒体的信息片段(空间结合)和对声音、语音、录相等随时间变化的动态媒体加以同步实现(时间序列组合).⑤媒体资源并非愈多愈好，如何在语义层上将各种媒体很好的，结合以更有效地传递信息，是要很好地探索的研究课题，也是应用系统人机界面设计的关键问题。(四)界面设计原则中的用户心理学认知心理学，从广义上来说，就是关于认识的心理学。人类认识客观事物，主要就是通过感觉、知觉、注意、记忆、思维想象等来进行，因此，凡是研究人的认识心理过程的，都属于认识心理学。实际上，我们这里所指的认知心理学是指纯粹采用信息加工观点来研究认知心理学过程的心理学，也就是运用信息论以及计算机的类比、模拟、验证等方法来研究的的知识是如何获得、如何存贮、如何交换、如何取使用的。所以，我们这里所指的现代认知心理学实质是信息加工心理学。一般地，人们将信息加工心理学又称为狭义的认知心理学。1.认知过程看和听的过程构成知觉，图像和声音作为刺激的特征被接收并以抽象的方式被编码，把输入和记忆中的信息进行对比得出对刺激的解释，这一过程就是认知。人体信息处理器包括感官，短期记忆、长期记忆及与其相联系的动作处理器和认知处理器。每种知觉均有一个对应的短期存储器和处理器，人体信息模型总体框图如左图4.3.1所示。其中认知处理器执行的工作就是我们通常所说的思维。思维的结果或被存储起来，或送至动作处理器控制行动。2.认知心理学(1)现代认知心理学的核心： 现代认知心理学的理论实质，就是以计算机信息加工的观点来研究人的心理学活动，把人脑看作是一种如同计算机的信息加工系统。(2)现代认知心理学两个关键的重要概念： 现代认知心理学的学说内容集中体现在两个关键的重要概念上。现代认知心理学的一个重要的中心概念，就是“信息”。在某种程度上说，抽掉了“信息”的概念，认知心理学的理论也就会散架解体，难以存在。 现代认知心理学的另一个重要的中心概念，就是“信息加工系统”。信息加工系统的理论，是现代认知心理学理论的主体。(3)现代认知心理学的研究方法：现代认知心理学的研究方法有实验法、观察法(包括自我观察法)以及计算机模拟法等。3.人机交互设计遵循的认知原则根据用户心理学和认知科学，提出了如下基本原则指导人机界面交互设计。(1)一致性原则。即从任务、信息的表达、界面控制*作等方面与用户理解熟悉的模式尽量保持一致。(2)兼容性。在用户期望和界面设计的现实之间要兼容，要基于用户以前的经验。(3)适应性。用户应处于控制地位，因此界面应在多方面适应用户。(4)指导性。界面设计应通过任务提示和反馈信息来指导用户，做到“以用户为中心”。(5)结构性。界面设计应是结构化的，以减少复杂度。(6)经济性。界面设计要用最少的支持用户所必须步骤来实现。在界面设计原则指导下，提出以下几点针对界面设计与屏幕设计的参考：(1)由具体到抽象。即首先通过多媒体界面给用户提供具体的对象。然后从具体对象、内容中让学习者归纳出抽象的概念或原理，或用模拟系统来引导出抽象的原理。(2)由可视化的内容显示不可见的内容。尽可能利用数字、图解、动画、色彩等清晰爽目的对象显示原理、公式或抽象的概念。(3)由模拟引导创新。突出人机交互，尽量启发用户的积极思维和参与，并激起用户的学习和创造欲望。(4)合理运用再认与再忆，减少用户短期记忆的负担。所谓再认就是从系统给定的几个可能答案中要用户选择一个正确的或最好的。再忆即要求用户输入正确的答案或关键字。(5)考虑用户的个别差异，使用用户语言。以上五点具体体现了“由易而难，逐步强化。”这一源于认知心理学的原则。上文介绍的界面设计原则应该让大家心中对界面设计原则有了一定的认识，当然，因为界面设计是复杂的需要多学科参与的，心理学、语言学、设计学等学科都在里面占有重要作用。而用户界面是与程序交流的唯一方式，为了给用户提供最便捷的服务，界面设计原则是一定要遵守的。