界面设计艺术管理

界面设计艺术管理（精选12篇）

界面设计艺术管理 篇1

1引言

近几年, 国内大型现代化全流程钢铁建设项目不断涌现。这些项目具有规模大、系统性强、专业化程度高、参与方众多等特点。这对项目管理者来说提出了更高的要求。工程项目的管理已不再局限于某一阶段、某一方面的管理, 而是涵盖项目全生命周期的集成化管理。

大型全流程钢铁建设项目是一个多单位、多专业共同参与协作的工作体, 各单位、各部门、各专业之间相互联系、相互制约, 从而形成一个繁杂的界面体系。在工程设计过程中, 大量的矛盾往往集中在界面衔接上, 因此设计界面管理是总体设计管理的重点和关键点。总体设计单位等在工程设计过程中, 对界面体系必须进行详细、缜密的策划, 提出和确定界面系统的内容和实施要求以及界面的管理模式, 以确保设计工作的质量, 避免因界面不当或疏漏而造成大量返工。

2工程设计界面

2.1工程设计界面的概念

通常工程界面指各系统之间发生联系和作用的边界。

在工程界, “接口管理”与“界面管理”经常互用 (英文同译为interface) 。在钢铁企业内部各单元之间存在众多接口, 如能源介质接口、道路接口、铁路接口、原燃料接口等, 此处的“接口”体现的是一个三维立体空间的衔接, 对这些接口的管理一直贯穿项目始终。可见接口管理是一个包含空间和时间的四维概念。因此接口管理与界面管理概念相似, 经常互用。

设计界面双方为减少界面冲突, 实现系统之间的有效整合必须按照既有管理程序加强信息交流和协商。因此, 对设计界面的协调和控制更多是对界面信息流的管理。

2.2工程设计界面的特点

工程设计界面具有如下显著特点:

(1) 对称性:同一项界面技术要求在两个相关联的系统界面说明中都会出现, 界面要求的内容相同, 但界面要求的方向相反。

(2) 相似性:工程由许多相似的子系统组成, 设计界面在相类似的连接处, 其界面要求的内容相似, 但具体的界面参数不一定相同。

(3) 阶段性:根据项目实施要求, 在不同设计阶段, 设计界面的内容和侧重点各不相同。一般设计界面随着工程的不断推进而逐步深化、细化和量化, 是一个从定性到定量的过程。因此设计界面的阶段性可从如下两方面考虑:

(1) 从方案设计到初步设计, 再到施工图设计, 每个阶段的设计深度和广度不同, 对相关界面的要求和协调不一样, 必须保证工程设计的连续性、完整性和统一性, 有必要对各阶段之间的界面问题给予高度重视。

(2) 工程设计于前期策划、工程施工和工程运营过程都存在技术界面的交流和协作, 设计必须对整个工程建设过程提供强有力的技术指导, 协助相关方解决技术问题。

2.3工程设计界面的类型

通常界面管理按性质分为技术界面、合同界面、组织界面、实体界面四类。

技术界面通常指各设计系统之间相互遵守的共同的统一技术规定。

实体界面是指真实存在的工程本身各部分的实体连接。

四种界面相互影响、相互制约, 形成一个不可分割的整体。签订合同过多会导致实体界面和技术界面增多, 同时参与单位增多, 从而产生了更多的组织界面。在建设项目管理中, 这四种界面管理贯穿于项目始终。广义的设计界面管理包含上述四种界面。

2.4界面划分的基本要求

要想做好设计界面管理, 首先必须合理划分界面, 这是能否保证界面管理高效运行的前提。很多工程项目在实施过程中由于界面划分不合理导致进度拖延、设计返工、施工交叉干扰严重、投资增加等。如何保证界面合理划分?首先要分析导致界面产生的原因, 尽量减少不必要的界面;其次界面划分必须清晰、覆盖完整, 既无缺漏也无重叠;再者要保证责权利相统一;最后要利于项目安全、质量、进度和成本的控制目标。

如钢铁厂内公共道路单元与各单元道路设计界面的划分, 通常有两种形式。

形式1:如图1所示, 这是最常见的界面划分形式, 该形式充分考虑公共道路单元与全厂各单元之间道路接口数量多、进度不一、协调难度大等实际问题, 将界面划分在公共道路边线处, 为单元道路接口调整留有余地, 为公共道路先行施工创造条件, 同时保持公共道路横坡不变。其缺点是由于进度不一, 接口处公共道路路缘石和人行道通常由公共道路单元先行施工, 待单元道路施工时往往会造成二次开挖和浪费。该问题首先是加强设计协调, 尽量保证道路接口位置不调或者微调。其次加强施工协调, 公共道路路缘石和人行道通过分区、分段铺砌, 尽量适应单元道路进度, 同时单元内应优先施工与外部相接的道路, 以达到进度的协调统一。

形式2:如图2所示, 该形式在市政道路设计中采用, 其优点是道路接口处统一由公共道路单元施工, 不会造成二次开挖和浪费, 但是其进度会受制于各个单元的设计进度, 设计协调工作量巨大, 且公共道路一旦施作, 单元道路位置不能作任何修改, 否则会影响道路平顺、美观。

3设计界面管理 (interface management)

3.1设计界面管理的作用

(1) 科学的、高效的设计界面管理有利于控制设计质量, 同时为后期施工、设备安装、调试的提供基本保障。

(2) 通过设计界面管理, 使参加工程设计的各单位明确责任、清楚边界, 在总的设计工期目标策划要求下, 了解各自的任务、目标、期限, 形成优化合理的、系统性的网络规划, 实现工程设计预定目标。

(3) 通过界面管理, 协调各参与方, 提高管理效率。

3.2设计界面管理模式

大型钢铁建设工程的设计工作是一项综合性、多部门、多专业共同完成的工作, 采用什么样的管理模式直接关系到项目实施的好坏。经总结, 近年来最常用的设计管理模式有三种:总体设计管理模式、EPC总承包管理模式和ICS咨询管理模式。这几种模式各有优缺点, 具体应根据工程实际情况及业主自身设计管理能力综合考量选定。

(1) 总体设计管理模式

这种模式采用“业主+总体设计管理单位+单体设计单位群”的组织结构 (如图3所示) 。即业主将总体设计工作和总体设计管理工作委托给一个设计单位, 由业主和总体设计管理单位一起对参与设计的各单体设计单位的设计工作实施管理与协调。近年来, 这种模式在大型联合钢铁新建项目中被广泛采用。如宝钢湛江钢铁工程、重钢环保搬迁工程、攀钢西昌基地等全部采用这种模式, 业主将全厂总体设计管理工作全权委托给设计实力较强的中冶赛迪。

(2) EPC总承包管理模式

EPC (Engineering Procurement Construction) 是指受业主委托, 按照合同约定对工程建设项目的设计、采购、施工、试运行等实行全过程或若干阶段的承包。承包方对所承包工程的设计、质量、安全、费用和进度负责。

在EPC总承包管理模式中, Engineering不仅包括具体的设计工作, 而且包括整个建设工程内容的总体策划以及整个建设工程实施组织管理的策划和具体工作;Procurement也不是一般意义上的建筑设备材料采购, 而更多的是指专业设备、材料的采购;Construction应译为“建设”, 其内容包括施工、安装、试车、技术培训等。

这种管理模式采用“业主+EPC总承包单位”的组织结构 (如图4所示) , 通过一个实力较强、经验丰富的总承包单位, 直接把项目参与单位有机的结合起来, 形成一种自上而下的、严密的纵向合同管理体系。

在工程实践中, 有些项目属于总承包项目, 但是设计却由业主委托给另一家设计单位单独完成, 如重钢4100mm宽厚板项目, 由于总承包方设计经验相对缺乏, 重钢业主将4100mm宽厚板项目的设计工作委托给专业的设计单位进行设计。对于设计方来说, 这是一种双甲方管理模式, 具体管理中业主和总包方很容易出现意见不统一、难以协调的问题。

(3) ICS咨询管理模式

ICS是Integrated Consultant Services的简称, 这种模式采用“业主+咨询公司+专业设计单位群“的组织结构 (如图5所示) , 即业主聘请专业的咨询单位作为整个工程设计、建设期间的顾问, 业主和咨询公司组合在一起进行项目的总体设计管理工作, 如中冶赛迪与台塑河静钢厂签订的ICS总体咨询服务项目, 中冶赛迪为台塑河静钢厂提供从设计、施工到调试、投产运营期间所有的咨询服务。

3.3三种设计管理模式的对比分析

上述三种管理模式各有利弊, 在实际工程项目中, 相关方可以根据自己的管理能力做出适当的选择。

3.4设计管理组织架构

鉴于大型钢铁建设工程管理的复杂性和艰巨性, 有必要组建专门的设计管理部门, 以对整个工程设计过程中存在的技术、组织及合同问题进行科学管理和控制。

合理设计管理组织结构是设计顺利进行、界面圆满协调的保证。为此, 设计管理部门必须按照项目管理原则, 组织精干的管理团队, 设置好管理层级, 构建合理的组织架构, 合理调配人员, 形成决策及时、高效的管理机构。

3.5设计界面管理手册的编制

大型钢铁建设工程的专业系统数量众多, 相互之间的关系错综复杂, 如何全面、清晰的表示设计界面, 并定义和记录所有的设计界面要求, 是设计界面管理的一项重要工作。通过界面说明书来明确界面定义、界面划分原则以及界面内容, 通过界面说明表来定义界面关联关系以及界面进展状态。

说明:

(1) 界面编码通常是英文+数字, 体现界面相关联的系统及编号。

(2) 界面状态一般为提出、回复、实施、完成、争议、取消等状态标志, 用来记录界面处理进程, 便于界面跟踪管理。

3.6设计界面管理信息化

界面信息化是保证各参与方准确传递信息的有效手段, 也是提高管理效率的重要手段。如中冶赛迪为台塑河静钢厂编制独立的数据管理系统, 建立信息化全厂总图。设计界面管理流程应适应已存在的界面管理模式, 能调动参与各方的积极性, 使其成为规范各参建方管理的工作准则, 通过界面的信息化保证联系畅通。

结语

根据工程项目全寿命周期集成化管理的需求, 设计单位的服务期应贯穿工程选址、方案设计、初步设计、施工图设计、施工及设备安装、竣工验收、设计总结各阶段, 直至运营结束。因此设计界面管理应不局限于设计阶段界面管理, 应尽量向前向后延伸, 甚至贯穿于项目建设全过程。

参考文献

[1]于瑞海.大型建设项目的设计管理研究[D].华南理工大学, 2012.

[2]李立新.大型建设项目设计界面的有效管理[J].建筑经济, 2004.

[3]孙亮.界面管理在大型建设项目业主方设计管理中的应用[D].山东建筑大学, 2010.

界面设计艺术管理 篇2

是的，有些时候，我就在想这个简单的问题，而那时我的答案还是：界面是对软件应用解决方案的显性，使用图形化符号，向使用者解释它的功能与任务，

但最近一些认知却让我对这个问题有了新的回答：界面就是软件应用它本身。它不是一份对软件应用功能的图形化说明书，不是对软件应用功能与任务的图形化翻译，它就是软件应用本身，并且与之浑然天成。

一个简单的问题，仅仅从展开的iPad文件夹时界面的呈现，你觉得，有多少种方法，可以收缩起这个文件夹？

方法其实有三种：点击（Tap）文件夹图标或者点击其他区域；向上拖动（Flick）界面；双指在两侧向内滑动（pin close）。

第一种也许你早就知道，但后面两种，你也许会将信将疑地去尝试，相信我的说法。

所以，从我的角度上而言，这也许是人家常说iOS操作简单易懂的原因。在你点击文件夹后，文件夹展开的的这个动画，以及最终他的视觉样式，已经告诉你了，他应该怎么去关闭，你会不由自主的，就学会这些操作。

而这就是隐喻。《iOS Human Interface Guidelines》里面是这样解释隐喻对体验的影响的：当你应用中的可视化对象和操作按照现实世界中的对象与操作仿造，用户就能快速领会如何使用它。（When virtual objects and actions in an application are metaphors for objects and actions in the real world, users quickly grasp how to use the app.）

对我而言，iOS的文件夹更多的像一个抽屉的隐喻，并且，它的顶部还是玻璃材质的。从拉开的动画当中，他建立了一个类似抽屉的空间，你一看就明白了。

界面与界面之间，并不是简单的线性关系

我们不得不否认的一点是，界面与界面之间其实是应该纯在联系的，我指的这种联系是说，空间感。存在相互之间的层级和逻辑关系的，而且这种关系，越符合现实的，越好。越容易让别人理解，越来越不用让别人学习。

这就是我们需要做隐喻，我们需要通过它，去表现界面之间的关系。

隐喻给人以可预测性，用户能够轻易的理解你设计的软件应用。这是一种掌握的感觉，是一种控制的感觉。当用户操作时，他们知道下一步即将出现什么、怎么回去——即使是在第一次操作。

为什么需要在移动界面中注意隐喻设计？

1.导航缺失

一个触摸屏手机的物理尺寸在3.7寸左右，与一张信用卡相当。在这么狭窄的空间内，我们则不能秉着PC客户端“在一个主界面内完成大部分的任务”的思想，去设计移动客户端。我们必须把界面分拆。

与之而来的问题是，分拆后的界面是有逻辑的，但我们并不能照搬PC客户端中的方法：使用任务栏，层叠的模态对话框去表现这种逻辑。

因为我们根本就没有空间，所以我们得另辟蹊径。

所以，我们把界面拆分得更多独立化，让界面变成卡片式，一个界面只完成一项任务，保证界面之间联系的单一化，避免界面之间逻辑，或者跳转的混乱。

2.缺乏物理力学反馈

传统的手机上，用户使用键盘，去操作屏幕上的视觉对象，键盘在这个阶段中，扮演的其实是用户操作行为的翻译器。而iPhone的出现砍掉了这种操作行为的翻译，变成直接触摸，这是一项伟大的进步。

iPhone虽然缩短了操作行为的执行阶段，但却给操作行为的反馈阶段带来了麻烦：只有视觉反馈，手指触摸的物理力学反馈消失了。

你的手指不再能够感受到键盘按下的物理力学压力，甚至，假设你手指粗壮一点，你就几乎没法看见按钮是否被按下。而在输入时，这种情况尤甚，键盘手机上有着悠久历史的高效的“盲打”输入方式只能进入历史的存档中。

因此，我们更多的需要利用用户的视觉和听觉，去提供反馈。

隐喻设计内容

对于一个产品来说，隐喻设计不仅仅是动画，各种即时状态细节的设计，更多情况下，我们需要按步骤的去完成整个隐喻的系统性与结构化设计。他包含以下几项内容：

1.拟物化视觉外观与听觉反馈

隐喻设计的第一步，从应用的外观着手，如果可以的话，你应该考虑应用的外观表现出真实物理的肌理材质，以及合理的光影效果，并且，得正确的显示界面的元素的相互之间的空间层次感。

另外我们不能忽视的一种拟物化设计：音效。它不仅是对缺乏物理力学反馈的一种弥补的手段，在某些情况下，也是一种有效的反馈机制，如当屏幕处于关闭状态下时（这是经常的事情），拟物化的音效更能让用户了解当前用户的状态。iOS解锁屏幕的声音你还记得吗？还有敲击键盘的声音，以及照片拍摄的声音。这都很好的拟物化音效。

拟物化的外观很大程度上降低了用户的认知成本，无需阅读额外的文字，用户只要看到软件的样子，就知道它的用途，

2.即时反馈

假设，你在触摸屏的设备上，使用手势执行某项操作，但界面上没有任何的反馈。你就不得不去猜测一下，你遇到的是下面的那种情况：

你的操作手势有误，软件无法响应

程序当机了，暂时没有响应

对于情况二，很抱歉，我们也许实在无能为力。但是对于情况一，我们得有必要讨论一下，如果反馈用户操作手势有误，并指引或者帮助用户到正确的操作中了。

由此看来，传统网页上使用的反馈方式，移植到触摸屏设备上，实在是水土不服。移动设备最好的错误反馈，应该是即时跟随用户的手势操作的。

如上图示意，这才是一个触摸屏上，应该具备的一种反馈，它即时响应了用户的手势动作(即使可能是错误的)，而当用户释放操作时，又自动回归到正确的操作结果中来。

对于任何一个软件应用来说，他都是有学习成本的。有的成本高到离谱，比如Office，Photoshop之类的生产力软件，但也有低成本的，如计算器，记事本等。当软件应用而行拟物化设计之后，其实这已经降低了一些学习的成本。但如何继续降低学习成本？让用户犯错，并从错误中学习。

即时反馈缩减了操作与反馈之间的距离，有效降低了用户纠正错误的修复成本，也提高了用户学习的效率。

3.流动式动画

传统的软件界面之间的切换表现得较为粗暴，大部分情况下，他只显示命令执行前和执行后两个界面，而忽略了他们之间的那段过程。而在真实世界中，倘若没有这个过程，你甚至很难理解过程两端的界面，是如何联系起来的。

动画有一种无法比拟的表现力，它是与用户的最有效的沟通方式，一个精致，微细的动画，能够友好的衔接两个界面之间的切换，同时他还有以下的作用：

表现软件当前状态

提供对用户有用的反馈信息

加强用户直接操作的控制感

通过视觉表现用户的操作的结果

流动式的动画贯穿在整个iPhone操作系统中，也包括在非沉浸式应用程序中。但作为隐喻设计的一种手段，我们需要留意的是：动画只是常用于提高用户体验，它本身并不是用户体验的焦点。

隐喻设计的评判标准

1.符合现实逻辑的界面空间

流动式的动画成为隐喻设计的最后一块拼图，但是我们仅仅把拼图拼起来是不够的，我们还需要检验，这样的拼图是否符合真实世界的逻辑。

Flipboard始终如一地采用翻页的动画效果，无论是从首页进入，抑或是从某个订阅源中返回。他甚至还精细的制作了三种翻页动画效果：只翻动一页，翻动两页，翻动三页和以上；他给以用户这样一种感觉：

我订阅的所有内容，是一本杂志

任何页面都没有互相从属的关系，只有先后秩序的关系

在首页上的方块型的东西，等于杂志的目录

而国内的同类产品杂客，他所呈现的界面空间却稍有不同，整体上，他像是一个时刻变换封面的杂志柜。

但个人感觉，从杂志柜进入杂志的过程动画，有点粗暴且难以在现实生活中找到相关性。个人观点，若此过程动画能与iBooks打开书籍的动画类似或相同。也许更加符合现实逻辑。

2.自圆其说

简单来说，你的界面是如何进入用户的视眼，也应该以相反的方式，从界面中消失，并且，这个过程，是能够自圆其说的，且符合真实生活的隐喻的。

3.响应用户的直觉手势

移动设备最大的特点是：直接操作。如果你设置了你的界面是从下方推入，那用户可能会直觉性的认为，我把新界面向下拉，这个界面即可消失。

从图可以看到腾讯爱看成功的照顾到了用户从隐喻设计中所得到的直觉性手势，只需向下拉，用户就可以关闭此界面。

从外观上看，评论界面都处于主界面之下，而动画效果都属于主界面向下拉伸，评论界面向上推至界面顶部。但是杂客的同样响应了用户的直觉性手势，只需在正文界面中，向下拖动，即可激活评论界面，这不得不算是在twitter客户端上的一种进步和超越。

总结

其实理解移动界面的隐喻设计，并不是一件非常困难的事情，因为这是一个化繁为简过程后的结果。而困难的是：设计师应该跳出传统的按钮，点击等交互操作的局限中来，更多了考虑到和现实生活的逻辑结合和用户的直觉手势的响应。

对于移动的软件应用来说，隐喻设计的初衷是为了解决导航缺失和物理力学反馈缺失的问题，但同样，这也是移动产品的竞争力的核心体现。如何帮助用户更快的理解你的软件应用，如何帮助用户更顺畅的使用你的软件应用。这是我们每个设计师，都应该去真实生活中去寻找的答案。

苹果手机界面交互设计 篇3

关键词：手机界面；交互设计；比较；优势；策略

一、界面交互设计基本概念

界面交互设计，又称互动设计，是定义、设计人造系统的行为的设计领域。人造物，即人工制成物品，例如，软件、移动设备、人造环境、服务、可佩戴装置以及系统的组织结构。交互设计在于定义人造物的行为方式的相关界面。

二、苹果手机界面交互的特征和方式

提及购买手机，消费者第一反应都是联想到造型和功能。当购买之后，才注意到这款手机界面交互的操作性，通俗地说就是是否好用。这是一个由显性到隐性、由表及里的过程。对购买苹果手机前的消费者提及手机的界面交互方式这一术语，他们大多与操作方式等同起来，更具体地说是，手机屏幕区和按键区的操作方式，苹果手机只有直板式。但这只能属于手机主体机身造型的划分依据或屏幕一按键之间的操作方式，并不能涵盖交互界面范畴。

苹果手机的功能涉及了三大交互界面类型即手机屏幕区、手机主体、手机声响。它作为消费类电子信息产品，按照界面传递信息的特征与产品操作的角度进行考察，可分为图形用户界面，实体用户界面，声音用户界面。这三者能全部概括完手机功能的界面方式，也是狭义的界面设计的分类。其中，手机的屏幕其实是属于手机的实体，但是由于图形界面大多都必须由屏幕来显示内容，为了方便功能归纳，将手机屏幕区与图形界面对应起来。产品的交互界面还有其它的分类，比如软界面、硬界面。但是图形界面、实体界面、声音界面更能清楚描述与归纳，适合于手机等的消费类电子产品。当然，某些手机产品功能可能涉及了多种界面，而不是单一的交互。

三、苹果手机界面交互原理

（一）交互性测试

用户希望产品易学、易用、有效、安全，并且令人满意。此外，对一些消费类产品还有有趣、引人入胜等要求，于是需要对交互界面设计能否达到相应方面的要求进行评估。产品界面交互测试必须把其目标用户参与进来，而不是仅仅在设计师与专家间开展。它既在用户与设计任务的分析阶段也在设计的过程之中。因为以用户为中心在实际的设计中就要求用户参与式设计以及设计的迭代性。界面交互测试的主要方法有专家评估、实验室测试与研究、观察法、问卷调查、用户访谈、焦点小组讨论、原型法等。除此之外，边说边做法可能是单个最有价值的可用性工程方法。采用边做边说法的测试就是让用户在使用的同时把他们的想法大声地说出来。通过测试用户对自己想法的描述，我们就能了解他们对系统的看法，还能很容易地确定用户的哪些主要的误解。这种测试可以显示出用户对每个界面成份是如何理解的，并且能真实了解这个思维过程，直接反馈给设计师或研究人员。

（二）交互性原则

界面设计的交互性原则建立在交互性测试与可用性经验性之上。它由理论知识、实践经验和常识结合而成，通常陈述为“命令”的形式，即要求设计人员在界面处提供什么、避免什么、或者应该或不应该什么。这些基本的设计原则更多的是一种提醒或提示，以确保在界面上提供了必要的内容。人们己经提出了许多设计原则，而这些原则具有通用性，都是关于用户在使用交互式产品执行任务时应见到什么和做些什么可视性、反馈、限制、映射、一致性、可行性。如果把设计原则应用于实践中，那么这些原则通常被称为“启发式原则”。这个术语强调的是，在解决具体问题时，必须处理这些原则。特别地，设计时可以借鉴以往的经验，例如设计反馈、如何满足一致性等。

（三）理解苹果手机用户

理解苹果手机用户，不仅要把握用户的特征，还要考虑到苹果手机用户与其他手机用户相比而具有的独特性或差异性。理解用户，就是认识和读懂用户，并融入于设计的全过程中。设计本身就有着自己的设计定位及其产品的目标用户，研究用户这既是设计的要求也是设计的必须。工业设计本身就是一个交叉学科，人的因素，即这里谈到的交互界面的用户是必不可少的一个环节。

四、界面与用户的关联

界面和用户之间的交互，这意味着是双方面影响的，界面绝不是要被动让用户去操作去适应，而是可以通过设计去适应用户所需，引导用户适合的操作，并在情感上与之共鸣。可以说，好的交互界面是人能力的延伸。

用户，是交互界面设计的一个核心观点。用户在设计研发过程中，其价值越发凸现，从平台上升到理念。从公司的资料上可以看出随着时间的推移、交互技术的发展，最终的焦点回归于用户，而非技术本身。这一点己在以用户为中心的研究方式下的商业回报里得到了最直观的体现和现实的证明。有资料表明，以用户为中心设计与可用性每美元的投入带来的是到美元的收益。“以用户为中心”是指应以真实用户和用户目标作为产品开发的驱动力，而不仅仅是以技术为驱动力。设计良好的系统能充分利用人们的技能和判断力，应同用户的工作直接相关，而且应支持用户，而不是限制用户。这是一种设计思想，而不是纯粹的技术。

五、扩展界面交互隐形面积

手机产品的界面设计受限于屏幕尺寸以及设备性能，因此，若要实现交互界面，则应当考虑如何突破界面面积的限制。在实际的设计过程中，通常采用独立模块或者可伸缩的控件，以增加界面的输入输出通道，使界面的面积得到隐形的扩展。

六、结语

交互界面设计必须对用户，更准确地说是该产品的目标用户，展开相关的研究与分析，包括用户的人因特征、不同层次的需求、认知习惯和情感因素等等方面。以用户为中心的思想同样也是可用性理论的核心，于是可用性提供了一系列较为具体的方法去分析并评估设计，在应用层面上具备指导意义了解用户和交互界面之间关联的设计才可能是成功的设计。因此本章在理清了交互界面相关概念之后，从理解用户的角度展开了探讨。

【参考文献】

[1]李道芳.界面管理与管理的变革[J].合肥学院学报（社会科学版），2005，（04）：104—106

[2]苹果消费者研究室.2011移动宽带用户使用行为研究报告[EB/OL]

[3]WARE Colin.设计中的视觉思维[M].陈媛嫄，译.北京：机械工业出版社，2009

[4]赵玉航，李世国.图形用户界面设计中的功能可见性[J].包装工程，2010，31（20）：44—47

[5]JONES Matt，MARSDEN Gary.移动设备交互设计[M].奚丹，译.北京：电子工业出版社，2008

[6]刘心雄，申之民.基于用户心智模型的3G手机交互界面设计[J].包装工程，2010，31（18）：8—10

界面设计艺术管理 篇4

1 Android系统的界面分析

Android系统在Linux开放性内核的操作系统的基础上开发的,Android是由操作系统、组件、用户界面以及应用软件四部分组成。它的架构形式是软件堆层的,主要有三部分。底层的基础是Linux内核,这是用C语言所开发的,功能比较基础简单;中间层是由函数库以及虚拟机所构成的,这是用C++语言开发的。而在最上层的就是应用软件,包括了通话程序,短信程序等,不同的软件由不同的公司各自开发完成,编写程序的语言是Java。

1.1 起始的界面

Android系统的起始界面是所有功能的导航,通过主界面要完成大量的跳转工作。所以,用户与设备的视觉交也是从主界面开始的。作为能留给用户第一印象的主界面,应该设计带温暖和家的感觉。对于起始界面的设计方法,有三点要着重的提出:标题、色彩还有图标的整体布局格式。

1.2分界面的设计

一个好的分界面可以多种形式。使用者在这个基础上会逐渐记住和理解分界面。比如,顶端的工具条就是已经被大家所熟知的概念。分界面与起始界面在设计上大同小异,这里把应用的LOGO设置在了屏幕左上角的位置上。而屏幕的右上角用来放置最重要或最常用的操作图标,通常在这个位置上,一般只有当前屏幕所用到的操作,但是最常见的例外似乎就是搜索功能。

在最左边部分的就是应用图标了(这里包括后退键),点击它就可以回到起始界面。在中间部分的就要考虑这些应用怎样配色才能协调。在最右边的,就是当前可以进行什么样的操作。

1.3应用的列表界面

应用程序中可能会要对大量的数据进行处理,那么列表就是将这些数据规则地呈现出来的一种很好的方式。列表界面必须非常的清晰,才能为用户提供一个清楚的呈现。同时,列表的操作栏必须要允许用户可以进行单项或者是多项的操作。同时,这里还有更加细致的规范,比如,“复选框—文本项—相关操作”这样的布局方式可以实现更复杂的功能。

1.4 系统的载入列表

一个好的应用程序需要处理大量信息,比如Twitter和Facebook。对于使用者而言,这就意味着超长的列表。现在,很多应用程序已经采用了比较好的处理方法,就是直到列表下滑到已缓冲的条目边界时,再继续加载下面的信息。

1.5 长按

如果用户要对单项的信息操作,常用的方式就是长按这一项。这看上去不是最简便的办法,但却可以节省屏幕的空间,同时,满足“情景菜单”这种理念。

2 用户界面理论

人机交互系统的中心环节,就是人机结合面。主要实现的功能是信息在机器内部的存在形式和人类直接接受的表现形式间的转换[1]。图形化的用户界面也叫做WIMP,从名字就可以看出,它包含四种属性,即Window,就是窗口、Icon,也就是图标、Menu,也就是菜单、Pointing也就是指针[2]。从这些属性我们也能推测出,它具有操作简单,界面整洁的特点。

2.1 窗口

窗口是设备中最重要的部分,是用来显示各种程序的地方,是与用户交互的地方。窗口里主要包括工具栏、菜单栏和进行各种操作,具有操作功能键的操作栏。

2.2 图标

它也是一个用于显示的区域,可以看做一种标志,用于表示某个具体的应用。

图标最好要直观,也就是从图表当中我们就能够看出这个应用是做什么的。图标一般是一种简化的标示符,如关闭、撤销、最大化等;另一种要和生活贴近,更加形象直观,比如一个信封就可以表示邮箱、眼睛代表图片处理器等。这种图标的设计要点就是要用直观的图形。

2.3 指针

指针是一种可视化的图形,是用户控制操作程序的一种输入。最常见的就是鼠标指针,通过点击鼠标或移动鼠标来实现操作,作用是操控设备上的某个位置,用户可以在这个位置进行编辑等功能。常见的指针有:十字形、等待沙漏、待机旋转等。

2.4 菜单

菜单,顾名思义,就是将功能都展示出来让用户根据需要选择,之后完成功能。在一个系统中,菜单应该包含了所有的功能命令。菜单也需要一个现实途径,通常就是通过窗口的方式。有时窗口也有其他的方式。菜单常见的类型有工具栏、弹出式等。

3 XML解析技术

XML技术即可扩展标记语言,它的英文名为extensiblemarkup language,是用来对电子文件进行标记使其富有结构性的一种标记语言,同时也可以标记数据、定义数据的类型等,是允许使用者对自己所编写的标记语言来定义一种源语言[3]。

3.1 SAX解析技术

SAX的解析器在解析文档时会触发事件,这种方式是基于事件型的解析方式。SAX解析的好处之一是,它对内存的容量和速度的要求一般很低,因为它可以让用户决定什么样的目标是要处理的。特别是,当设计者只需处理文档中的一部分数据时,这样的有点就更能体现出来。当然也有一些缺陷,SAX解析的编码比较复杂,而且不能够在同一时刻访问处在相同文档中不同位置的数据。

3.2 DOM解析技术

因为DOM是基于树解析的,因此先将XML文件生成树的形式,而且还可以对它遍历。采用DOM解析可以容易的编程,已经有现成的指令供开发者使用。开发者可以容易地对树进行编辑,可以添加和修改树中的内容。但如果采用DOM解析,就要对完整的XML文档都进行处理,所以要求采用的内存运行速度要比较高,特别是在处理大的XML文档时。因为它强大的遍历功能,DOM解析大多数用来改变需要频繁处理的XML文档。

4 系统的实现

4.1 可行性分析

基于Android技术的手机界面管理与设计系统可以为手机界面的开发者提供可视化与图形模块化的手段来开发用户界面。这可以使得在美术艺术方面的专业人士可以比较轻松地进入到手机用户界面开发的领域中来,不需要在计算机方面的专业知识。同时,界面的开发功能更加强大,开发周期较短,修复完善更容易,大大提高了效率。

4.2 系统实现

本系统总共分为两大部分,一是在电脑端进行设计的模块,二是界面在Android手机上的显示模块。界面在电脑端开发的过程即美工人员利用简单的拖拽,将系统库中的组件组合起来形成界面。开发好之后,通过Generate功能将所开发的界面的信息生成为XML代码,以备之后在Android手机上进行显示。同时,我们也可以将一个现成的XML文件打开,进行界面的继续开发[4]。界面在Android手机上的显示模块就是将上一步生成的XML文件发送到手机上,解析之后,即可将界面显示。我们在开发过程中也可以使用Android模拟器,这样可以提高效率。

4.3 用户界面在电脑端的开发流程

界面组件包括基础组件和高级组件,基础组件有按钮,文本框,标签,单选框和复选框,选项卡等[5]。高级的组件有时钟组件和日期组件等。我们将每种组件封装成图形化的模块,便于开发使用,但实质的内核是XML语句。而我们对组件的属性进行的调整,本质上就是改变了这个模块的XML语句中的某一部分。可以调整的组件属性有:边框大小,位置,模板样式等。这样我们在PC所设计出的图形化的界面,实际上也就是导入到手机中所看到的样子,不会改变,这样有利于我们发现问题,进行修改完善。

在具体的工作过程中,是按照如下步骤运行的:首先,要导入Android资源,接着将所导入的资源文件进行读取,将XML的文件解析、读取其中的组件信息。导入Android资源:An-droid的界面资源文件有三种,它们分别是array.xml, colors.xml和strings.xml,他们都是XML格式的文件,存放在应用程序的res/values/目录下。那么如果这些文件存在,就会解析这些文件,将解析得到的组件信息保存起来。 手机界面的显示过程:在上一步导入Android资源之后,我们得到了组件的信息,这些信息保存于缓存之中。所以,手机界面的显示过程如下:先选择一个XML格式的文件,解析文件读取信息,在界面窗口创建组件,获取缓存中的组件信息,用已经保存在缓存中的信息为组件属性赋值,最后界面显示出来。具体如下图:

4.4 界面在Android手机上显示的流程

在之前的开发过程中,我们只是在设计系统中看到用户界面的图形化显示。但这并不是在真正的Android上显示出来的效果,界面到底做的好不好还需要放在真正的手机上才知道。首先将XML的文件和colors.xml,array.xml,和strings.xml这三种类型的资源文件进行解析,得到解析后的内容分别赋值给界面组件和适配器,这两部分将共同组成Android的手机界面,然后将该界面呈献给用户。通过这个流程,可以实现XML程序在Android手机上的界面显示。当然,为了方便,我们也可以安装Android模拟器,利用模拟器测试我们的程序。 具体如下图:

以上是将已经编辑好的XML文件显示到Android手机上的总体步骤。如果用户想查看在手机上的显示情况,可以采用以下方法:从电脑端发送XML文件,启动Activity进行接收,当确认已经接收成功之后,启动Service,接着执行我们在之前提到过的步骤,开始解析XML文件,并将组件信息保存到缓存中,最后将信息赋值给对应的组件,完成整个界面的配置。

5 结论

综上所述,通过该系统,用户可以十分方便地进行界面的开发和设计,不需要在计算机方面的基础设计好的界面,可以保存成XML格式的文件。同时,这种XML文件具有极好的可移植性,只要安装了该系统的计算机,均支持打开一个已完成的XML界面程序读取解析其中包含的信息并在PC上显示。系统是模块化、图形化的显示方式,每个组件均已图形模块展示。这就极大方便了美工设计师的界面开发工作。 这种XML格式文件还可以发送到Android手机端,使用户最直接体验到开发的界面。

参考文献

[1]贾广宇.MVC设计模式下Web开发框架的研究与应用[D].大连:大连海事大学2006:23-25.

[2]方敏.文化传播视野下的图形用户界面设计研究[D].苏州苏州大学,2009.

[3]林清.XML与HTML在Web环境中的应用分析[J].计算机应用,2008(S1):66-75.

[4]李晓帆.界面设计与业务功能设计分离的软件开发模型设计[D].北京:北京邮电大学,2009.

网站界面设计心得 篇5

网站界面设计方法

软件的整体风格和整体气氛表达要同企业形象相符合并应该很好的体现企业 CI 这方面比较经典的案例有：可口可乐个性鲜明的前卫软件 “Life Tast Good” 工整、全面、细致的通用电气公司软件 “We bring good thing to life GE 带来美好的生活）” 崇尚科技创新文化的 3M 公司软件 “Creat solut for busi industri and home” 刻意扮演一个数字电子娱乐之集大成者的角色，另外。要成为新时代梦想实现者的索尼软件；平易近人、亲情浓郁的通用汽车公司软件体现了 “ 以人为本 ” 企业定位和营销策略；服务全面、细致、方便，处处体现 “ 门庭若市 ” 服务理念的希尔顿大酒店软件。

包括硬件界面和软件界面，界面设计是人与机器之间传送和交换信息的媒介。计算机科学与心理学、设计艺术学、认知科学和人机工程学的交叉研究领域。近年来，随着信息技术与计算机技术的迅速发展，网络技术的突飞猛进，人机界面设计和开发已成为国际计算机界和设计界最为活跃的研究方向。

研究包括：

硬件人机界面的设计风格、人文关怀等；软件人机界面的形式与标准、软件人机界面设计、Internet 网页界面设计、图标设计等；人机界面设计评价与可用性测试；新交互技术及展望，人机界面的定义、起源、发展、研究内容及发展趋势；人机界面设计中认知心理学、人机工程学、人机界面的艺术设计、色彩设计等；人机界面设计。介绍了多通道用户界面、下一代人机界面展望及附录。

关于软件界面设计 : 会看到很多软件设计很朴素，软件用户界面（Softwar User Interfac 指软件用于和用户交流的外观、部件和程序等等。如果你经常上网的话。看起来给人一种很舒服的感觉；有点软件很有创意，能给人带来意外的惊喜和视觉的冲击；而相当多的软件页面上充斥着怪异的字体，花哨的色彩和图片，给人网页制作粗劣的感觉。软件界面的设计，既要从外观上进行创意以到达吸引眼球的目的还要结合图形和版面设计的相关原理，从而使得软件设计变成了一门独特的艺术。通常的讲，企业软件用户界面的设计应遵循以下几个基本原则： ．用户导向（User orient 原则

要站在用户的观点和立场上来考虑设计软件。要作到这一点，设计网页首先要明确到底谁是使用者。必需要和用户来沟通，解他需求、目标、期望和偏好等。网页的设计者要清楚，用户之间差别很大，能力各有不同。比如有的用户可能会在视觉方面有欠缺（如色盲）对很多的颜色分辨不清；有的用户的听觉也会有障碍，对于软件的语音提示反映愚钝；而且相当一部分用户的计算机使用经验很初级，对于复杂一点的操作会感觉到很费力。另外，用户使用的计算机机器配置也是千差万别，包括显卡、声卡、内存、网速、操作系统以及浏览器等都会有不同。设计者如果忽视了这些差异，设计出的网页在不同的机器上显示就会造成混乱。． KISS Keep It Simpl And Stupid 原则 简洁和易于操作是网页设计的最重要的原则。终究，KISS 原则就是 “Keep It Simpl And Stupid” 缩写。软件建设进去是用于普通网民来查阅信息和使用网络服务。没有必要在网页上设置过多的操作，堆集上很多复杂和花哨的图片。该原则一般的要求，网页的下载不要超越 10 秒钟（普通的拨号用户 56 Kbp 网速）尽量使用文本链接，而减少大幅图片和动画的使用；操作设计尽量简单，并且有明确的操作提示；软件所有的内容和服务都在显眼处向用户予以说明等。．布局控制

很多网页设计者重视不够，关于网页排版布局方面。网页排版设计的过于死板，甚至照抄他人。如果网页的布局凌乱，仅仅把大量的信息堆集在页面上，会干扰浏览者的阅读。一般在网页设计上所要遵循的原理有：

人一次性接受的信息量在 7 个比特左右为宜。总结一个公式为：一个人一次所接受的信息量为 7 ± 2 比特。这一原理被广泛应用于软件建设中，1 Miller 公式。根据心理学家 Georg A.Miller 研究标明。一般网页上面的栏目选择最佳在 5 9 个之间，如果软件所提供给浏览者选择的内容链接超过这个区间，人在心理上就会烦躁，压抑，会让人感觉到信息太密集，看不过来，很累。例如 Aol.com 栏目设置： Main MyA ol Mail Peopl Search Shop Channel 和 Devic 共八个分类。Msn.com 栏目设置： MSN Home My MSN Hotmail Search Shop Monei 和 Peopl & Chat 共七项。然而很多国内的软件在栏目的设置远远超出这个区间。

不能超过 9 个栏目。但如果你内容实在多，2 分组处置。上面提到对于信息的分类。超出了 9 个，需要进行分组处置。如果，网页上提供几十篇文章的链接，需要每隔 7 篇加一个空行或平行线做以分组。如果你软件内容栏目超出 9 个，如微软公司的软件，共有 11 个栏目，超越了 9 个。为了不破坏 Miller 公式，设计时使用蓝黑两种颜色分开，具体可以访问 4 ．视觉平衡

也要各种元素（如图形、文字、空白）都会有视觉作用。根据视觉原理，网页设计时。图形与一块文字相比较，图形的视觉作用要大一些。所以，为了达到视觉平衡，设计网页时需要以更多的文字来平衡一幅图片。另外，依照中国人的阅读习惯是从左到右，从上到下，因此视觉平衡也要遵循这个这个道理。例如，很多的文字是采用左对齐〈 Align=left 需要在网页的右面加一些图片或一些较明亮、较醒目的颜色。一般情况下，每张网页都会设置一个页眉部分和一个页脚部分，页眉部分常放置一些 Banner 广告或导航条，而页脚局部通常放置联系方式和版权信息等，页眉和页脚在设计上也要注重视觉平衡。同时，也决不能低估空白的价值。如果你网页上所显示的信息非常密集，这样不但有利于读者阅读，甚至会引起读者反感，破坏该软件的形象。网页设计上，适当增加一些空白，精炼你网页，使得页面变的简洁。5 ．色彩的搭配和文字的可阅读性

不同的颜色对人的感觉有不同的影响，颜色是影响网页的重要因素。例如：红色和橙色使人兴奋并使得心跳加速；黄色使人联想到阳光，一种快活的颜色；黑颜色显得比较庄重，考虑到希望对浏览者产生什么影响，为网页设计选择合适的颜色（包括背景色、元素颜色、文字颜色、链节颜色等）可以参考报纸的编排方式将网页的内容分栏设计，为方便阅读软件上的信息。甚至两栏也要比一满页的视觉效果要好。另一种能够提高文字可读性的因素是所选择的字体，通用的字体（Arial Courier New Garamond Time New Roman 中文宋体）最易阅读，特殊字体用于标题效果较好，但是不适合正文。如果在整个页面使用一些特殊字体（如 Cloister Gothic Script Westminst 华文彩云，华文行楷）这样读者阅读起来感觉一定很糟糕。该类特殊字体如果在页面上大量使用，会使得阅读颇为费力，浏览者的眼睛很快就会疲劳，不得不转移到其他页面。6 ．和谐与一致性

使得设计良好的网页看起来应该是和谐的或者说，通过对软件的各种元素（颜色、字体、图形、空白等）使用一定的规格。软件的众多单独网页应该看起来像一个整体。软件设计上要保持一致性，这又是很重要的一点。一致的结构设计，可以让浏览者对软件的形象有深刻的记忆；一致的导航设计，可以让浏览者迅速而又有效的进入在软件中自己所需要的局部；一致的操作设计，可以让浏览者快速学会在整个软件的各种功能操作。破坏这一原则，会误导浏览者，并且让整个软件显的杂乱无章，给人留下不良的印象。当然，软件设计的一致性并不意味着刻板和一成不变，有的软件在不同栏目使用不同的风格，或者随着时间的推移不断的改版软件，会给浏览者带来新鲜的感觉。7 ．个性化 1 符合网络文化

手机界面的用户体验设计 篇6

关键词 生活方式 用户体验 拟物化风格 扁平化

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

1用户体验设计

用户体验（User Experience，简称UE）是一种纯主观的在用户使用一个产品（服务）的过程中建立起来的心理感受。因为它是纯主观的，就带有一定的不确定因素。个体差异也决定了每个用户的真实体验是无法通过其他途径来完全模拟或再现的。

现在流行的设计过程注重以用户为中心。用户体验的概念从开发的最早期就开始进入整个流程，并贯穿始终。其目的就是保证：（1）对用户体验有正确的预估。（2）认识用户的真实期望和目的。（3）在功能核心还能够以低廉成本加以修改的时候对设计进行修正。（4）保证功能核心同人机界面之间的协调工作，减少BUG。

2苹果等智能手机的出现，改变了人们的生活

2009年，苹果公司跟中国联通达成协议，中国联通拥有iPhone在中国的销售权，2011年我国迎来了智能手机年，年销售量达1.18亿部，是以前各年度智能手机销量的总和。那么智能手机市场的发展将对人们生活产生怎样的改变呢？

有一种趋势是硬件趋于免费或者说应用为王，各种应用app的载体与终端，才是真正影响人们生活的因素。概括起来说影响是方方面面的，从信息获取到购物、娱乐、生活、衣食住行游无一不包含。這些技术在智能手机上的应用，成功的把人们从PC端带到了移动端。

3苹果IOS系统的拟物化风格

拟物化设计起始于20世纪80年代，其初衷是帮助用户从真实世界向计算机界面平滑过渡。以前拟物化设计大多只会出现在视频游戏中。为了保持游戏的带入感，游戏设计师会使用木质、金属和石头等材质构建的用户界面。iOS的问世后，苹果开始采用更多拟物化的设计，苹果之所以选择拟物化设计首先是想让应用程序的外观看起来与现实生活中的对应物越接近，使用起来就越简单，同时改善应用程序的用户体验，此外，在人机交互方面也拟物化，模拟现实中的交互方式。

一些拟物化设计，他们所模仿的东西十分简单，随处可见，并不会让人产生怀旧的情感，同时在品质方面的追求也不那么强烈。但是由于其在视觉元素或者是交互上的一些独特设计十分新奇，从而获取到了用户的好感。

缺陷：首先应用程序与现实中的实体物品有着显著的不同，会导致用户的误解，从而降低用户的体验。比如，当一个程序的界面几乎完全模仿现实生活中对应物的界面时，用户会开始期望二者之间能有类似甚至对应的行为方式，而在大多数情况下这样的期待并不能得到满足。同时拟物化设计会不可避免的分散用户的注意力。

4苹果IOS7系统的扁平化风格

4.1扁平化设计的起源

如果设计师认为他的设计很完美，那并不是因为没有什么可添加的，而是没有什么可减少了。——Antoine de Saint-Exupery扁平化设计是相对于它的前辈——拟物化设计（Skeuomorphic Design）而提出的。相比于iOS6及以前的版本，iOS7的设计语言具有与生俱来的简洁性。

4.2扁平化设计的目的

作为一种设计方法，扁平化设计摒弃了所有美学上的修饰，仅留下（事物的）本质特征。在某种程度上，可以视“扁平化设计”为另一种“现代派（modernism）”的称谓，这种称谓是那些随着计算机发展而成长起来的一代UI设计师定义的，他们认为拟物化是不必要的。

没有更多的渐变、投影和纹理，仅用漂亮的排版、简单的图标和形状、充满力的颜色来帮助构建视觉层次，并且，最重要的是，更深入地关注于易用性上。扁平化设计是由那些要求更高效、界面更友好的理念所推动的。

4.3扁平化缺陷

扁平化不是完美的设计，扁平化设计喜忧参半，出色案例很多，失败案例也不少。随着乔纳森·伊夫带领的新一届领导班子上台，iOS7终将摒弃掉拟物化设计而走向扁平化。没有更多高仿真的图标和木质装饰。但是整体风格前后很矛盾啊。这些图标看起来明显格格不入，像是由两个不同团队设计出来的。

5扁平化未来的发展方向——近平设计

（1）解决方案：近平设计（Almost-Flat Design）

如何补救由扁平设计造成的问题？近平设计（Almost-flat design）。作为一种设计方法，近平设计仅仅当扁平化风格能提升可用性时才采用它。它并不会武断地认定或暗示渐变和投影是有害的。近平设计允许利用细微的投影和渐变来营造空间感、距离感、视觉层次感、视觉线索和边缘效果。Gmail的近平设计：干净且一致，Gmail近期的UI改版从视觉上看起来简洁了。这些微妙的“美学效果”给用户一种视觉上的暗示，告诉他该对象很重要，且可操作。用户马上意识到Gmail的按钮可点击或可轻敲，无需过多的拟物化装饰。方便地获取关键界面元素。不需要一次性展示给用户20个按钮，因为Gmail的UI聪明地引进了“渐进展开”（progressive disclosure）功能。

（2）扁平化设计的未来：Gmail的界面正是扁平化设计应该有的：对用户友好一致性。从而让操作系统的APP图标更有凝聚力。

好的设计，无论其是否扁平，都应该注重通过整洁的视觉交互、有效的设计和易用的体验为用户解决问题。

参考文献

[1] 黄厚石.设计原理[M].东南大学出版社，2006.

[2] 荆雷.设计艺术原理[M].山东教育出版社，2002.

[3] 唐林涛.工业设计方法[M].中国建筑工业出版社，2006.

提高网页界面设计艺术效果 篇7

1 何谓界面

界面, 字典上解释为两者间的界限、接点、共用 (连接) 的领域, 进一步说就是个体间相互联系的通路或者空间。界面设计最重要的两点是让浏览者使用的便利性和美观性。作为网页界面设计者, 就要理解人们通过网络交换信息时所需要的相互关联的问题和特性, 使用户能够在良好的环境下更便利的应用网络。

2 网页界面设计的特性和必要性

网页设计不是简单的在显示器上看到的漂亮的装饰性的画面。一些设计地比较好的网站, 就是考虑了多媒体的特性、色彩搭配和信息排列的一定次序, 能更有效地向用户传达内容。比起许多华丽的画面装饰, 网页设计应该在更有效地传达信息方面多下些功夫。这必须有对布局设计和色彩的正确理解和相关知识, 要熟知网页系统的特性。

在网页界面设计方面, 应同时考虑的是使用的便利性和视觉效果这两方面。首先, 网站内各个页面应保持一贯性, 不能给用户带来混乱感;在使用方面, 尽可能的遵循普遍规律, 这能让用户很容易适应。在界面设计方面, 重要的一点就是要站在用户的立场上去进行设计。既能给用户带来方便, 又兼备视觉的冲击力, 这样的网页界面才是每个网页设计人员应思考并追求的东西。一个不为用户考虑的界面, 无论这个网站有多么好的内容, 这个好内容也是无用之物。兼具实用性与便利性的界面当然是重要的, 但能够唤起用户的好奇心与兴趣, 使用户停留网站, 给人留下深刻印象的界面也是很重要的。

3 网页界面艺术效果的构成要素

3.1 页面结构

布局是内容组织的必然结果, 它往往是自己逐渐形成的。一旦周全考虑了页面的所有需求, 并且确定了每一块的内容, 工作就变成了看着所想要的布局自己展现在你的眼前。这个过程类似拼图游戏, 只不过没有最终完成的提示图, 但是每个部分都可以改变大小位置。网页设计中, 设计者要注意到网页排版的“最佳视域”这一细节会引导用户去观看整个页面, 并且能够创造出一种别称之为“Diagonal Balance (对角线平衡) ”的和谐状态。人们在浏览页面或布局的时候, 视线往往趋向于从左上角移动到右下角, 因为人们通常都是从左至右、又伤往下地阅读, 久而久之视线自然会沿着这一路径移动。

其中, 企业网站的页面结构通常为比较简单的上下结构式, 可以说几乎是统一的风格, 顶部的左边是网站的logo, 右边就是它的导航栏。门户网站通常为上左右结构式, 商业图片往往很满。通常会在页面结构上也显示出主次不够突出、内容拖沓、繁琐等不足。如果处理得不好, 很容易会显得呆板而无趣, 但是如果使用大量的和整个网站颜色风格统一的图标和图片, 网站看起来会显得很生动。

3.2 色彩运用

网页界面艺术设计离不开色彩的应用, 当打开一个网站的时候, 给用户留下第一印象的既不是网站丰富的内容, 也不是网站合理的布局, 而是网站的色彩。尤其是在体现界面的时候, 色彩对人的视觉效果非常明显, 一个网站设计的成功与否, 在某种程度上取决于设计者对网页界面设计颜色的运用和搭配。

国内外一些优秀的网页界面设计师, 他们可以对色彩运用的非常得当。在我们看来有些非常难看的颜色到了他们的手里很轻易的就搭配出一种很另类或和谐的美感, 给人的感觉要么淡雅迷人, 要么另类大胆, 让人觉得欣赏他们的网站是一个非常愉悦的过程。他们通常都比较喜欢采用不同的色调来表达不同栏目的主题, 灰色是他们最爱用的颜色, 因为灰色比较中庸, 能和任何色彩搭配, 大大的改变色彩的韵味, 使对比更强烈, 正文文字也大都采用灰色。而局部则喜欢用色彩绚丽的色条或色块来区分不同的栏目。比如, 要制作一个圣诞主题的网站, 要求颜色运用对比强烈, 我们可以选择红色和绿色的配色方案。在很多人看来红色和绿色搭配就是“红配绿, 很俗气”, 其实相反色系两色相配, 即所谓红配绿、蓝配黄、橙配紫, 这种搭配如果处理得好, 出来的效果会很抢眼。使网页看起来显得很生动活波, 使得红显得更红, 很符合网站的主题。

不同网页的主题可以用不同的色彩来表现, 以下为几种常用色系:

第一, 蓝色。蓝色是商业宣传用色, 在商业设计中强调科技、商务的企业形象时, 大多选用蓝色当标准色。一般用于企业宣传类网站的设计中, 往往给人以专业、科技的感觉。因此, 蓝色被普遍应用到企业网站和专业网站当中。

第二, 绿色。绿色是自然色, 有黄色和蓝色两种成分, 绿色的性格最为平和、安稳, 是一种柔顺、恬静、满足及优美的色彩。给人以清新自然的感觉, 可以大大舒缓视觉上的压力。在商业网页设计中, 绿色所传递的是清爽、理想、希望和生长的意象, 较符合服务业、卫生保健业、教育行业、农业类网页设计的要求。绿色也可以用于与环保相关的主题, 如旅游风景区网站。

第三, 红色。红色是比较热烈和强有力的颜色, 在网页颜色的应用中, 单纯以红色为主色调的网站相对较少, 多用作辅助色、点睛色, 以达到陪衬、醒目的效果, 会使网页变的生机勃勃。红色与黑色的搭配在商业设计中被誉为商业成功色, 在网页设计中也比较常见。红黑搭配常被用于较前卫时尚、个性的娱乐休闲区网页中, 有很强的视觉感染力和号召力。

第四, 黄色。黄色也是宣传色中的一种, 具有快乐, 希望, 智慧和轻快的个性。黄色给人轻松随意的生活气息, 能够体现出一种友善亲近的效果, 同时又容易引起味觉上的条件反射, 给人以甜美和香酥感, 在很多设计作品中黄色都被用来表现喜庆的气氛和华丽的商品。同时黄色又是一种非常鲜明的色彩, 它可以与许多种颜色搭配起来使用。

第五, 橙色。是欢快活泼的光辉色彩, 是暖色系中最温暖的色, 是一种富足、快乐而幸福的颜色。橙色稍稍混入黑色或白色, 会变成一种稳重、含蓄又明快的暖色, 但混入较多的黑色, 就成为一种烧焦的色, 橙色中加入较多的白色会带来一种甜腻的感觉。橙色与浅绿色和浅蓝色相配, 可以构成最响亮、最欢乐的色彩。橙色与淡黄色相配有一种很舒服的过渡感。而橙色一般不能与紫色或深蓝色相配, 这将给人一种不干净、晦涩的感觉。

另外, 色彩之间的平衡与呼应也是十分重要的。色彩在页面中可以形成很多的效果, 通过强烈的对比, 可以突出页面的重点。还可以通过色彩调配, 达到页面稳重度的改变。一般的情况下, 页面上方的颜色总是很重, 这样才能压住下面的颜色, 如果不采取这种办法, 整个页面将显得很不稳重, 底下的文字图片, 有飘出的意味。因此, 要使整个页面显得很平衡, 必须要有能镇住其他颜色的色彩。一种比较突出的色彩, 如果很突兀地放在页面中, 无论你是突出重点也好, 还是LOGO图标, 都给整个页面带来了副作用。为此, 你必须在相对称的位置加上该色系的色彩以呼应, 这样可以弱化这种视觉的冲击。

通常在一个页面中尽量不要超过四种色彩, 色彩太多会找不到主题色, 会显得没有主次, 令人眼花缭乱。同时还要注意文字的颜色与背景颜色的区分, 太强或太弱都会印象浏览者得阅读。同时, 我们还可以适当的运用一些黑、白、灰的颜色搭配使用, 可以产生意想不到的效果。在色彩的设计上, 即要符合网站整体特征, 又要适合所渲染信息的特征。一般采用同色系或相邻色系对网站基础信息进行渲染, 对于突现主题的信息采用基础信息色彩的补色或对比色进行渲染, 从视觉上体现信息的权重与逻辑关系, 达到突出重要、弱化次要地目的。

3.3 Flash动画及图片的运用

国外一些网页的flash banner大都以横幅广告条出现在页面的导航栏下面, 特别是韩国的网页采用的都是精美的图片或者是手绘风格的矢量插图。国内很多网站也采用大幅的flash广告条, 但是通常都是着眼于如何去表现flash动画的酷、炫的感觉, 使得浏览者过于关注flash而忽视了页面的其他内容。而韩国的flash则更好的服务于网站的主题, 和整个页面搭配起来看得很舒服而不抢眼, 他们的关键就在于整个flash不是全部变化, 而只是局部在动, 以及文字和背景的巧妙配合。韩国网页设计师的手绘能力很强, 页面中大量采用手绘的矢量图片, 使得整个网站显得精致而与众不同, 这点是我们值得借鉴的。

最近在杂志界开始吹起了复古风, 六、七十年代的手绘插图又开始流行, 杂志书籍中大量使用矢量时尚插图取代以前的照片, 这股流行势力很快也蔓延到了网络上, 特别是在时尚站点和儿童站点中大量运用手绘的插图, 会有很好的效果。

3.4 文字排版

在网页界面中, 众多构成要素中文字是具有最佳的直观传达作用以及最高的明确性, 文字包括标题、文字信息、文字链接。文字作为图形符号, 在处理文字造型时也适用图形设计的基本原理, 这些原理在文字的形态构成、空间排布、色彩配置等多方面都具有指导性的作用。通过设计与编排, 文字的存在价值在界面中应体现为提高信息的明确程度与可读性, 加强界面的艺术性与视觉感染力, 从而获得良好的视觉传达效果。

网站的内容排版因为要考虑到可读性, 很多栏目的文字编排都比较简单, 利于阅读, 而在一些内容较少的页面如网站的广告或宣传页上排版则富于变化, 更类似于杂志内页的排版。在文字排版时大部分人会觉的在文字排版时英文会比中文更美观, 那是因为形状上中文字比英文字略高, 并且文字的行间距往往比英文网站小, 缺乏节奏感, 容易给人拥挤杂乱和字块堆积的感觉。这就需要我们在设计时, 尽量避免在首页放置大量的文字信息, 尽量做到图文穿插, 以免大量文字给人造成视觉疲劳。

另外, 文字的风格和编排应符合网页主题。不同网页主题需要不同的文字风格来配合, 不同的文字编排也极大地影响这网页的风格倾向。因此, 不能孤立地进行网页文字设计, 而是讲文字的设计和编排与网页的主题结合起来。

一般来说, 网页的背景色应该柔和一些、素一些、淡一些, 再配上深色的文字, 使人看起来自然、舒畅。而为了追求醒目的视觉效果, 可以为标题使用较深的颜色。如果一个网站用了背景颜色, 必须要考虑到背景颜色的用色, 与前景文字的搭配等问题。一般的网站侧重的是文字, 所以背景可以选择纯度或者明度较低的色彩, 文字用较为突出的亮色。让人一目了然。文字和背景的颜色搭配要合理、醒目、易读。

当然, 有些网站为了让浏览者对网站留有深刻的印象, 他在背景上作文章。比如一个空白页的某一个部分用了很亮的一个大色块, 此时它为了吸引浏览者的视线, 突出的是背景, 所以文字就要显得暗一些, 这样文字才能跟背景分离开来, 便于浏览者阅读文字。

3.5 页面的立体感及细节处理

视觉层次非常重要, 很多做出来的界面太过平淡、平面、平常, 就是因为画面没有层次感。一个十分优秀的网站往往看起来都很有层次感, 而这种层次感不是靠做几个立体字来体现的, 靠的是添加简单的图片或文字阴影效果和巧妙的利用构图来形成视觉上的差异, 或者通过加深减淡工具来改变元素的高光暗面等。或是应用透明的效果来烘托页面的层次感和动态感觉, 通过阴影, 凹陷, 透明来实现立体的网页也是很不错的。就是这种设计上的不拘泥于形式使网站的立体效果呼之欲出。我们应该学习韩国设计师做事的认真态度, 他们的每一个按钮、图片的处理都及其讲究, 其实一些细微的部分不仔细看还不一定容易发现, 但是如果少了这些细节的地方, 整个网站的整体形象就要大打折扣了。

“细节决定成败”, 在设计领域了这句话更显得重要。但细节是建立在一个整体基础上的, 在保持页面协调统一的前提下, 细节的刻画能给页面润色不少。细节包括色彩上的打破, 或者形态上的变化, 文字的排版处理, 还有图标的应用等方面, 甚至要做到精确到1个像素。一个成功的页面设计者, 至少会在做出页面前已经把整个页面构思好了, 而且绝对不会很宽容地对待图片中1个像素的差别。很多细节可能会被浏览者忽略, 但对设计师来说绝不可放过, 比如背景色、色彩渐变、各组件间间距、标题样式、高亮样式、字体/大小/颜色、行/段间距、插图位置/边缘处理、输入框宽高/边框色/背景色、按钮的位置等。另外, 只有看得多了, 比较得多了, 才能看得出这些细节。很多人会觉得这些细节没有什么大碍, 但多个不良的细节组合在一起就会让人觉得不舒服。

4 结束语

网页作为一种新的视觉表现形式, 它的发展虽然没有太长时间, 但它兼容了传统平面设计的特征, 又具有其所没有的优势, 成为今后信息交流的一个非常有效的途径。作为一种综合性的设计, 对于网页界面的设计来说, 不仅要兼顾用户的便利, 同时也要把这个公司引人注目的地方一起展现出来。有个性、能够给人留下深刻的印象是最好的。大部分的界面设计以上两方面的内容都要考虑。要考虑用户的便利性还要使用人印象深刻, 这似乎是矛盾的两方向, 但作为一个网页的设计者, 需要有调和这两方面的能力。这就要求设计师具备全面的专业素质, 懂得如何处理好内容与形式的关系, 多途径去探索网页的风格。对随时涌现的想法, 要勇于付诸实践, 以锻炼自己的创造性思维能力。如果具备了深厚的专业功底, 又具有独特的创造精神, 并勇于尝试不同的艺术风格, 必能设计出让浏览者过目不忘的优秀设计网页, 使人产生共鸣。

摘要：网页界面艺术设计是伴随着计算机互联网的产生而形成的艺术设计新课题。随着人们审美需求的不断提高, 网页界面设计开始慢慢上升到一个举足轻重的位置, 一个好的网页界面设计小则可以让人赏心悦目, 越来越多的设计师也开始投入到追求网页界面形式美的行列中来。表面上看, 网页界面设计不过是关于网页版式编排的技巧与方法, 而实际上, 它不仅是一种技能, 更是艺术与技术的高度统一。

关键词：界面,艺术,网页

参考文献

[1]鲁道夫.阿恩海姆.艺术与视知觉 (新编) [M].长沙:湖南美术出版社, 2008.

[2] (韩) 崔美善.设计师谈网页视觉效果[M].北京:电子工业出版社, 2006.

网站界面设计研究 篇8

互联网由美国国防部高级研究计划管理局最先研发。网站是互联网中最流行的应用之一,其是基于B/S架构的程序,由客户端技术(html、js、css等)与服务端技术(jsp、asp.net、php等)共同协作完成功能。网站是一种个人或组织机构向外界展示信息,或者与外面互相沟通的极佳的手段。个人或组织可以通过网站来发布自己想要公开的资讯,或者利用网站来提供相关的网络服务。人们可以通过域名,访问网站,获取自己需要的资讯或者享受网络服务。

通过域名访问网站,最终展示在用户面前的是一个可视化的界面,人们通过这个可视化的界面中的文字、图片、视频等多媒体元素接收信息。所以这些可视化元素如何组织才能让用户更容易更直接更醒目的接受信息,并且能让用户在浏览网站中感受到网站界面设计的美,将是网站建设中一个非常重要的一个环节。

2 设计研究

用户界面(英文,User Interface;简称UI)。用户界面设计是指对软件的操作逻辑、交互方式、界面美观的整体设计。好的用户界面设计会让软件的使用变得自由、简单、舒适,充分体现软件的定位和特点,变得有品味有个性。很显然,网站界面设计是用户界面设计的一部分,网站界面设计必须遵守一般界面设计的原则,但网站界面设计由于其具有自身的特殊性,也必然有一定的设计理念的不同。通过对界面设计不同需求进行的分类,以及界面设计元素对用户行为的影响,来研究用户在界面设计中所体现的重要性。

设计是为了满足可用性及审美需求,全面的了解用户特征及多元化要求是十分必要的。交互已经成为网站界面设计中重要的环节和侧重点。界面是物体与人互动的媒介,界面设计可以作如下分类:

1)以环境为主导的设计。环境对设计主题的内容传递有着重要的影响,设计主题无法脱离环境而存在,因此注重界面的环境表达是不能忽略的设计元素;2)以感情传达为侧重的设计。这是设计界面非常重要的一面,通过设计的界面向使用者进行情感传达,使用者在接触作品时,产生情感共鸣共振,反应出使用者和设计主题间的情感关系;3)以实现功能为目标的设计。界面设计最基本的原则是实现功能性,通过设计界面,让用户明白功能及操作流程,将设计主题本身的功能信息明确地传递给用户,使用者是界面存在的核心坐标和基础。由于用户的文化水平、文化背景与知识结构具有很大差异,促使设计者在进行界面设计时应以国际化通用的设计元素为主体,避免过度的使用标新立异的设计元素。

由上述界面设计的一般规则,我们把讨论的范围缩小到基于网站的界面设计,首先对于网站UI的设计也可以综合考虑上述三大设计的分类和设计侧重;但由于网站是一种动态的信息呈见方式,它既可以提供多媒体信息的展示,又可以通过javascript和服务端技术对用户需求进行动态响应、实时反馈,而正是这些网站多媒体信息的特性和实时的响应交互是其它平面媒体所不具备的,这就要求网站界面设计者不仅要考虑静态的界面设计元素,还要考虑实时响应时的界面设计和沟通方式,可以说网站界面设计的责任非常重大,他所设计的界面不仅会影响到用户的审美,而且会严重影响到网站交互的友好性、易用性、功能性。

由于互联网技术的迅猛发展,计算机软硬件技术、有线无线网速、智能手机近年来都有了飞速的进步,近而导致基于互联网的web应用中多媒体的使用、交互的丰富性都几乎达到了极其自由的程度,可以说为了达到网站功能和审美效果,能自由运用绝大部分多媒体素材及交互方式的时代几乎已经来临,这也导致现在网站出现了如下的特点:1)多媒体元素在网站上的大量使用,视频、图片在很多网站中占了相当大的比例,而且这些视频和图片很多已经采用较高清晰度和分辨,当然为手机开发的网站会对图片和视频进一步的优化,以免过度耗费用户的流量;2)基于客户端脚本与服务端技术支持的实时交互;3)大量js脚本和css驱动的动画效果,动画效果已经可以与flash动画媲美;4)由于flash的安全性以及难以支持搜索,flash动画已经不再作为网站动画展示形式,除了有些广告展示需要外,已经渐渐被js脚本、CSS3、html5取代。

但是无论网站制作技术、计算机软硬件如何发展,由于网站本身展示的特殊性,进而导致为其进行界面设计有自身的规律可遵循,由于网站的功能和界面设计有更紧密的联系,界面设计本身就传达了很多功能,对用户的使用体验有着极其重要的作用,所以必须慎重的进行设计。一个网站的界面设计,一般要按照如下的顺序执行:1)和用户沟通,了解用户对网站功能的需求;了解用户对网站界面颜色布局的偏好;2)使用专业设计软件(如photoshop)设计网站效果图;3)将网站效果图交给用户,根据用户,进行沟通修改;4)定稿。

无论设计任何类型的网站,有一些基本的设计原则是一定要遵守的:

1)网站导航清晰。一个网站最终是要给用户浏览并使用,如果网站的导航不清晰,意味着用户不能流畅地使用网站提供的功能,进而不能很好完成建设网站的初衷,导航清晰一定是网站界面设计首要考虑的因素,不能本末倒置、因噎废食,有的网站为了追求可视化效果,导致整个网站过于不同寻常,用户找不到网站提供的功能,最终导致用户厌烦,进而弃用网站。

2)根据网站类型不同选择不同的设计风格。网站可以有如下不完全分类:新闻门户类,品牌宣传类,政府学校事业单位门户类,企业门户类,办公类,在线电子商务类等等。上述这些网站由于功能定位不同,导致界面设计和交互会有所不同,如是新闻门户类网站由于是基于内容的网站,主要是向用户推介内容,所以这种网站并不要求过于炫丽的效果,过于炫丽的设计效果不仅分散用户的注意力,也会影响有效内容的展示,此种网站以结构严谨为主,所有内容版块均明显的展示于网页上;而政府学校事业单位门户类网站和新闻门户类网站有些类似,更倾向于内容展示,但与新闻门户类网站又有所不同,政府学校事业单位门户类网站不仅有内容展示的作用,但往往也有对本单位进行宣传的需要,所以这种类型的网站往往在界面设计中既注重内容的展示,也注重通过网站的界面设计向外界展示自己组织机构的文化和理念;企业门户网站,由于具有产品推介的功能,往往也是功能和宣传的统一的界面设计;品牌宣传类网站往往以大图和视频为主,界面设计和交互往往比较新颖;而办公类网站基本上是最保持的网站,一般比较严谨和低调,界面设计以实用易用为主,内容为王,但良好的配色及良好的交互也可以是其的亮点;在线电子商网站倾向于在导航清楚的情况下,运用大图吸引用户的眼球,一般会提供极其方便的交互方式。

3)遵守多年形成的网站界面操作文化、规范和潜规则,在交互和导航方面进行创新,一定要考虑到用户的接受能力。设计网站的界面和交互效果,一定要遵守已经形成的计算机文化和大家共同遵守的使用特征,比如大家都知道ctrl+c是复制而ctrl+v是粘贴,这种计算机文化和操作习惯,不宜改变。网站的顶部一般会有异航菜单,主要的功能分类也会在用户打开首页的时候,在网站首页的上半部分给出。

除去上述多年来形成和共同遵守的网站界面设计规范外,网站界面的设计也在跟随世界设计潮流而发展,出现了如下的新的设计特点:

1)垂直滑屏。垂直滑屏相当于一个幻灯片将它全屏化,并且以垂直滑动动画形式展示出来,这对于访客来说是个新鲜友好的浏览体验。特别适用于产品描述、情景营销的单页面网站;2)卡片式。像卡片、瓷砖的排版设计在2016会继续流行,Pinterest是这种设计潮流的领导者,我们将看到更多博客和电子商务网站使用这具设计技术;3)固定块(Fixed Blocks)。固定块像css的fixed属性,我们常见有导航菜单用这个技术,而在2014年,有些网页上一些小部件也使用这个技术,但多用于边栏上的内容;4)自然摄影。在2015年已有很多网站使用高品质的照片作为设计元素,优秀的照片视觉是非常有吸引力的,所以2016 将会继续这个趋势走下去。而这趋势特别适用于全屏网页设计;5)独特的导航菜单。网站导航不再那么死板,将出现更多创意的方案,向下滑动、向上滑动、弹出、动态动画、二次信息展示等有助于创造令人难忘的浏览体验;6)单色网站。网站设计元素的背景、文本颜色、图像等都使用同一色系,这样的单色网页也许会更有吸引力,并让访客对你的品牌网站有着深刻的印象;7)视频背景网站。通过加入视频背景到网站上,在视觉上比纯图像更有吸引力,2015年已经有不少这样案例,相信明年会继续增加。

3 结束语

网站的设计潮流既追随整个设计界的风向,又有自己的特点,这两者的结合让网站的设计越来越人性化、互动的亲和性越来越强。无论设计的潮流如何变迁,所有的设计应该以人为中心,从审美和功能两方面综合考虑。既能给用户清晰的导航和功能提示,又能带来美感和良好的交互体验的网站,才是优质网站。

参考文献

[1]闫宝华,叶根军.浅谈网站界面设计中的设计原则[J].中国新技术产品,2011(4).

[2]洪阳.电子商务网站界面的视觉设计及信息传达研究[D].合肥:合肥工业大学,2014.

操控设备人机界面设计 篇9

用户和机器之间存在一个面, 这个界面被称作为人机界面, 引为人与产品的交互关系。也就是说机器的运行状态通过界面操作和显示系统传递给用户, 实现从机器到用户的信息传输。产品的用户界面包括产品外观、可视性操作、产品说明和品牌标识的应用。

人机界面中的“人”是指作为工作主体的人, 包括使用者、决策人员、操作人员等。人机界面中的“机”是指人所控制的一切对象的总称, 包括人操作和使用的一切工具和工程系统。笔者以大型设备单晶炉手持操控器这一典型的工业用生产设备为例展开研究, 生产制造业为了追求经济利益, 往往只注视产品功能性而忽略了产品外观设计的宜人性。

设计改良的对象为原厂提供的T80A手操器, 该手操器用于操控单晶硅锅炉生产, 从外观上将整个手操器界面可以分三大区域 (图1) :上方显示器件、按钮操控区、手柄持握部位。公司为节省成本将设计的内部元件直接安装入通用机壳来使用的。但其界面表意不明确, 不能给使用者一个舒心的使用感受更没能实现优良的用户沟通。

一、操控设备人机界面特性

方便良好的操作界面会降低操使用者的误操作, 简易可视性的操作界面会使人与产品之间的情感体验互动变得更积极, 产品操作变得更直观有趣吸引消费者。界面设计不合理就会导致用户操作事故, 严重影响系统运行的安全与稳定, 同时对操作人员造成心理或生理上的伤害。因此分析研究人机界面设计的合理程度就显得十分必要, 操控设备具有以下几个特性。

1. 高准确性。

作为重工业生产领域的操控设备在执行任务时不允许出现任何小的失误。由于操控设备属于系统元件是整个操作系统的一端, 只有保证了产品的准确性, 才能保证设备系统的准确性。

2. 良好的宜人性。

在重型加工作业环境中长时间工作容易使操作者产生不良情绪, 尤其一些涉及生产安全的加工制造企业, 良好的用户操作体验会简单、明确的传达信息同时减少记忆负荷, 此外舒适的外观形态都会体现良好的宜人性。

3. 适用范围广。

操控设备具有高可靠性、高稳定性和高安全性且应用范围广的显著特点, 它所传递出的信息能否可靠地被使用者接收并且准确的反馈, 直接影响其工作效率和操作的舒适性。该手操器设计是单晶炉的附属设备, 属于低批量操控设备设计, 专业化强并与生产安全紧密相关。设计者在设计操控设备时需要谨记用户界面、用户输入硬件 (如触摸屏、键盘、按钮) 、处理元件、电源系统、模制塑料零件等部件之间的相互作用。

二、操控器人机界面分类及设计原则

界面可以分为软界面和硬界面, 软界面是指软件界面, 就是计算机系统中与用户交流的接口通道, 是显示屏看到的计算机显示屏幕的交互界面设计;硬界面则是指硬件界面, 是客观的操控接触面, 是人机交流的媒介, 体现人与产品的交互关系, 亦称用户界面。在产品设计领域我们重点研究硬件界面应用。硬件界面的设计原则有以下几点。

1. 操控设备外观尺度与比例的设计原则。

操控设备通常分控制区和持握区, 运用“黄金分割”的原则安排各部件, 线条的分割需体现规则和秩序, 同时设备表面忌转折面过多, 一方面防积存污垢另外减免对手掌心的过度施压, 简洁和稳定感的造型更能突显设备的严谨、可靠性。

2. 操控设备控制面板的布置原则。

操控设备控制面板长宽尺度应该按手掌尺寸、视线范围的操作要求进行设计。如显示屏幕和操作按键的设计, 尤其是按钮应按使用中功能不同区域进行划分, 比如单晶炉操控器应根据功能需求不同, 进行大小、形状、类别及位置的设计。例如可以利用三角形本身的形状特征结合功能需求强化了方向指示性 (图2) , 合理的操控面板会提高工人的认知度。

3. 操控设备外观色彩的设计原则。

色彩作为产品设计构成中极为重要的构成因素, 任何产品, 光靠良好的性能、美观的造型是不够的, 其色彩也非常重要。首先, 产品的主色调必须根据产品功能来决定;其次, 应该考虑到改产品使用的环境和气候条件、温度等因素。另外, 还要注意产品的形状、质地与色彩的统一。比如空调一般不太适合用纯暖色, 若选用纯度高的暖色往往给人一种制冷效果特差的感觉。

根据说设计的产品属性来选用合适的色彩系统, 为了使应使操作者在工作时保持平和的情绪和愉悦的心情, 在色彩应用上不宜过沉闷, 也不于刺激与兴奋。一般此类工业产品需注重安全色的应用。多用黑白色配以安全色, 具有适当的对比效果。此外还可以利用色彩来对设备形态进行修正达到视觉上的稳定性, 利用分割错觉调整视觉上的尺寸比例感觉, 达到视觉上的平衡增强产品的重量感。我国标准规定的安全色为红色、黄色、蓝色、绿色四种, 并规定黑、白两种色为对比色。安全色的四种颜色具有以下特性:红色:醒目明显, 能使人产生兴奋感和刺激性。辨认度很高, 所以用其表示危险、禁止和紧急停止的信号。但容易使人神经紧张, 有不安感。黄色:黄色是明度最高的颜色, 比红色更高, 黄色与黑色组成的条纹是视认性最高的色彩, 特常用作警告信号。蓝色:注目性和视认性虽然都不高, 但与白色配合使用会产生较好效果, 因此适合用作指令标志的颜色。绿色:绿色是环保、年轻的代表, 具有舒适、安静、安全等的心理效应, 所以用作提示安全的信息。

4.

另外, 还有很多影响因素, 如工作环境与安排、人体因素的设计、物理空间与安排、照明、环境气氛、噪音和运动影响等。

三、结语

用户体验的界面设计 篇10

界面设计非常紧密的与交互设计联系在一起, 以至于许多人认为它们是相同的, 其实这不太准确。界面设计是交互设计的外在表现, 而不是交互设计本身。界面是人们看见的、听到的和感知到的, 尽管也非常重要, 但是它仅仅是交互设计的一部分。

数字产品优点像冰山, 能看到的界面部分实际是冰山一角。表面一下看不见的部分是交互设计主要部分所在, 是设计师所做的设计决策以及实现界面的技术基础。界面是交互设计师选择实现的地方, 这些选择是关于人们如何与产品接触和产品服务应该如何相应的。换而言之, 界面是产品将不可见的功能变得可见、可达和可用的地方。

在过去, 形状往往密切追随功能。杯子就是杯子, 因为它的外形就是用来被当做盛液体的器皿。然而, 对只能数字设备来说, 形状不必一定追随功能。屏幕上的对象可以是任何形状的并且可能为任何目的服务。例如, 一个没有标签的按钮置于一个网页的中间, 开启一个动画, 播放音乐, 关闭浏览器窗口, 或做其他很多事情。同样的, 一个对象的物理形状可能与它展现的行为没有任何关系。一个圆球可以做任何事情, 从控制你的电视机到提醒你股票在下跌。当使用只能数字设备的时候, 交互设计师有更多需要说明的易变性和不确定性。

对于界面设计来说, 交互设计师最关心的通常是控件和导航的布局和位置问题。对于硬件/软件产品来说, 应该做出功能绘制图来标识出控件都应该在什么位置。在屏幕上, 设计师需要提供有关用户该看哪里的线索。颜色可以像对比字体一样, 用来吸引眼球。线个框可以将对象分组, 但是应该谨慎使用它们, 以免用户关注线和框而不是功能, 可以尝试使用空白来进行分组。

格式塔心理学告诉我们, 当对象离得太近的时候, 意识会认定它们是相关的。当设计师希望对象看起来是相关的, 这种情况下离得近是件好事。例如, 一个提交按钮紧挨着一个文本框。但是, 当相互靠近的功能块是不相关的, 这个时候就不是好事了。

设计师应该总对他们的视觉界面做眯眼测试。通过眯眼看屏幕, 设计师可以在视觉上模糊细节并且查看在屏幕上哪个项目看起来更重要。眯眼测试有助于确保布局的健壮性。

用户体验的界面设计流程———“设计—测试—评估—再设计”:

(1) 由研究用户和用户任务入手。首先需要了解, 谁才是用户, 并且对他们的相应特征予以研究。也就需要判断, 用户日常任务是如何去执行的、其本质是什么, 或者还可以在设计过程中, 邀请用户参与。

(2) 经验测量。在研发早期, 需要对用户对场景说明、使用方面进行观察, 并对此进行分析。在后期, 需要通过记录等, 对用户和模型等的交互进行观察。

在设计触摸屏界面时, 相应的设计原则是需要遵循的。

(1) 注重整体。结合自身的使用, 以及长期的观察之后会了解到, 即使应用系统不同, 但是在处理界面等方面, 其相似性较为明显。

(2) 信息量最少。信息量最少其实指的是“让用户恰好找到所需的信息”, 要适中的安排信息量, 如果需要对较多的信息进行表达, 则可以对其进行归类, 并分组对其处理, 比如说通过子目录创建来对其进行代替。以操作不受影响作为前提, 来最小化信息量, 让用户体验更加良好。

(3) 布局无障碍原则。布局问题为什么需要考虑?因为界面上的内容和信息是通过界面的布局, 展示给用户的。如果布局较为合理, 那么信息也将得以顺利传递, 此外这一问题也牵涉到美学概念。在设计界面时, 是否可用是其中极为关键的一部分, 然而也不是说一定要忽视掉美学部分。结合相应的理论数据来看, 人们对平衡性的东西接受能力较高, 对于其他的东西, 则可能会出现不安全感。

(4) 界面一致性。就应用程序来说, 因为同处于触摸屏当中, 因此也不需要将其界面风格做到完全不同。因为即使页面不同, 相应的布局等都必须要体现出一致感。当用户对下一页进行点击时, 不应该让用户认识到自己进入到了其他的系统中, 给人以走错地方的感觉。不论如何切换页面内部的功能, 但是要保证整体一致感。

即使界面设计较为简单, 花费比较少, 只需要美观易用, 那么最终的产出必将是极大的, 如果能够标准化的去设计手机的界面, 其产生的交互效果必将是极好的。设计界面的工作, 包括了相应的人员以及产品, 信息的交换由人和产品来实现。设计界面的标准, 表示的是, 人和软件的活动, 操作, 拥有美观的界面。当前许多用户体验的仍然是简单的图像, 而当前, 面对如此激烈的市场竞争, 强大的软件功能也是远远不够的, 比如说苹果手机, 结合其用户体验的丰富性, 以及应用程序的优越性, 让手机成功的进入到了智能时代。

结合软件的需求设计, 最终的用户目标、需求等也将得以确定, 考虑到用户的交互, 也会导致不同设计重点的出现。正是因为交互过程才出现了这样的交互习惯。结合相应的分析来了解用户的具体流向。在相关的设计当中, 要符合目标的作用需求。

用户具体的体验, 以及界面的设计, 这二者需要结合在一起, 这一过程最主要是为了让用户具备更加满意的视觉效果。就心理学方面来说, 界面的层次可以分为两种, 一种为感觉, 一种为情感, 所以在对此开展研究中, 如下两种观点是极具代表性的。

(1) 用户体验的功能层面。有许多因素是能够对用户的体验产生影响的, 其中一个极为重要的因素就是产品是否可用。这一特性也就表示, 在对用户界面进行操作时, 用户对系统功能有较好的使用。也就是以用户作为出发点, 对产品进行设计以及规划, 用户的需求要充分的关注, 并给予满足。结合相应的标准来看, 系统满意度、有效性等都需要被定义到可用性中去。这一概念, 是在人机交互系统的所有方面都适用的, 即使是对其维护, 或者是安装。

(2) 用户体验的心理层面。如果一个人的精神、智商等方面达到了一定的水平时, 美好的感觉就会出现在意识当中, 这就是体验。结合心理学方面来看, 如果人们在对新服务或者是产品进行消费时, 能够产生情感体验, 那么必定会对产品有较为深刻的印象, 随后对人的行为有所支配。而这一心理正是被情感体验把握住了, 让其发展方向变得更加积极。手机在体验的前提之下, 不再是一个简单的通讯工具, 而可以实现对人们情感的维系。结合社会发展的规律来看, 人们对于物质文化等方面的需求是在不断提升的。因此在UI设计更新方面, 用户希望能够为他们提供的界面, 不仅仅是好看的, 更需要的是获得更好的体验。

用户体验设计的个性化:

(1) 具体考虑产品的移动情景。作为移动设备来说, 人们能够时时刻刻都对其进行使用, 这是其最主要的特点, 因此对于这一情景之下的体验活动, 是设计师们需要重视的。移动情景表示的是, 通过对互联网产品使用的环境以及用户状态, 也就表示对移动设备进行使用时, 外部环境对其的影响。这一环境的变化是持续的, 并且速度极快, 因此在对用户体验进行设计时, 就需要重点考虑这一部分, 结合相应的问题, 来将合理的交互方式设计出来。比如说可以识别语音、触感等, 在多变的移动情境中, 用户能够因此获得更加优异的体验。

(2) 提高产品的可用性。这里的可用性表示的是, 在一定的场景当中, 相应的用户对产品的使用较为满意, 并且较为高效, 实现相应的目标。这一性能, 能让产品满足相应的场景内的目标, 可以简化许多复杂的问题, 并且使得用户具备更高的使用效率, 并且能够便捷的去了解和认知, 能够在极端的时间内将相应的任务完成。比如说可以通过智能联想法来对关键字进行输入, 相应的问题就可以出现, 使得用户打字的时间得以缩短。

(3) 足够的信任感。通过友情链接的创建, 能够让用户评估与之类似的产品, 而如果只是对小站的连接, 必然不会出现太高的评价, 另外也不需要有过多的链接数量, 需要将自身的实力体现出来。相应的联系方式也需要出现在产品当中, 而产品当中, 联系方式出现的频率, 也能够让其实力得以体现, 联系方式并不需要过于详细, 但是如果曝光率比较高, 并且较为详实, 用户可以因此对其产生信任感。

(4) 恰当的用户帮助和反馈。不论是何种产品, 在人机交互的过程中, 都是用户的一种学习成本, 因此如果一个产品是成功的, 那么这一部分是必须要考虑到的, 也就是快速的实现产品的介绍, 让用户对基本的方式有所了解。让用户可以在任何状态之下, 都可以进入到相应的帮助界面。用户体验过产品之后, 相应的提示信息就会出现, 这就是反馈, 因此在产品设计过程中, 反馈互动是必须要考虑的, 反馈信息的展示, 需要更加合理的方式, 更加简洁的语言。以确保用户流畅体验作为前提, 及时的将反馈传递给用户, 进而提升用户的好感。

对于用户体验的研究, 文章所探究的用户研究仅仅是最初的一步。而只有对这些用户有了最真实、最正确的认知, 那么这些用户所期望的服务或者是产品才能够被设计出来。

数字媒体艺术在界面设计中的应用 篇11

关键词：数字媒体艺术；界面设计；特点；应用

中图分类号：J022文献标识码：A文章编号：2095-4115（2014）08-100-1

随着数字媒体技术的发展，界面设计也成为一个独立崭新的空间。作为以人为主体与机器交流互动的媒介，界面设计的理念也日益成熟、与时俱进。数字媒体艺术不断丰富着界面设计的内容，使人们更加灵活地来宣传自己的思想和产品，更加直接地促进了数字媒体艺术在界面设计的应用的多样化。

一、数字媒体艺术的基本概念

数字媒体艺术是一个宽口径的以技术为主、艺术为辅，技术与艺术相结合的新专业。它旨在培养具有良好的科学素养以及美术修养、既懂技术又懂艺术、能利用计算机新的媒体设计工具进行艺术作品的设计和创作的复合型应用设计人才。它是计算机专业与传统动画专业相结合的交叉学科。

二、界面设计的重要性

数字媒体艺术设计中用户交互界面的创新衍生是不断前行的，在数字媒体艺术的各类设计元素中，不论是文字、图形，还是影像、声音，美观生动的交互界面设计是在第一时间抓住眼球的要素，是设计中最不可或缺的一个要素。数字媒体的用户交互界面已进入我们的生活，让人们在惊叹数字媒体艺术设计带来的华丽的界面效果的同时，用户界面的设计理念也深入人心。界面如同人的面孔，具有吸引用户的直接优势。设计合理的界面能给用户带来轻松愉悦的感受和成功的感觉，相反，由于界面设计的失败，让用户有挫败感，再实用强大的功能都可能在用户的畏惧与放弃中付诸东流。传统媒体只能单向地、被动地传播信息，数字媒体艺术界面设计中的画面感和交互性相对于传统的平面设计，之间有着本质的不同有着和相当的优越性。它不仅限于视觉设计，还延伸到了听觉、触觉等设计领域，在视觉上包括了文字、图形、图像、动画等要素，在声音上有语音和各种音效及配乐等要素。数字媒体手段使得信息传播的手段更加立体化和综合化，作品的表现形式更加形象化和智能化。[1]

三、界面设计的分类

（一）以功能实现为基础的界面设计

通过界面设计，让用户明白功能操作，并将作品本身的信息更加顺畅地传递给使用者，即用户，是功能界面存在的基础与价值。但由于用户的知识水平和文化背景，具有差异性。

（二）以情感表达为重点的界面设计

通过界面给用户一种情感传递，是设计的真正艺术魅力所在。用户在接触作品时，产生感情共鸣。界面设计利用情感表达，切实地反应出作品与用户之间的情感关系。

（三）以环境因素为前提的界面设计

任何一个设计都不可能孤立于周围环境而存在，周围的环境对界面的设计有着至关重要的作用。

四、数字媒体艺术在界面设计中的应用

（一）数字媒体艺术在空间界面中的应用

数字媒体艺术运用在展示设计中打破了以往设计的空间形式及思想，开创了展示设计的崭新空间。进行展示设计的最基本条件是具有所要展示的事物及参观场地，也就是要具有一定的空间，缺少了空间，一切无从谈起。故而在展示设计过程中空间设计是否合理，直接影响到整个展示的效果。通常而言，展示设计在形式、内容等方面都会充分利用实物压缩、分割或者创设空间。在新科技时代，4D数字媒体艺术的应用更是让观众能够充分感知置身于思维空间中的展示效果。在此类展示空间内，可以合理选用多媒体声光电技术、各种先进的音效系统，再辅之以动感座椅，能够依据具体环境的变化设置雨雪、气泡、烟雾以及光电等效果，从而构建一种独特的展示空间，让观展者在视觉、味觉、触觉上如身临其境。同时，在时间的流动、观展者的活动中展示空间的触觉更加明显，把空间的虚拟和真实不落痕迹地融为一体，观展者可以随心转换视角，尽情参与其中，感受其中的乐趣。可以说，数字媒体艺术极大了挑战了人类的视觉极限，扩展了空间艺术，改变了展示空间面貌。[2]

（二）数字媒体艺术在软件界面设计中的应用

软件界面也称作UI（UserInterface），是人际交互重要部分，也是软件设计的重要煮成部分。软件界面设计现在越来越被软件设计重视，所谓的用户体验大部分就是指软件界面的设计。而数字媒体艺术在软件界面设计中的应用大大地提升了用户体验，使其兼具美观性和实用性。

不论是Window7还是MacOS，都在提升用户体验上下足了功夫。前者有令人愉悦的窗口毛玻璃特效，透明效果多种多样；后者的界面给人简洁的美感。软件界面如商品包装一样，须给人良好的视觉体验。数字媒体艺术中视觉搭配至关重要。另外，多样化、不同风格的按钮设计也给人不同的美感体验。

五、结论

当今，人们已经步入到科技发达的数字化时代。一切社会文化、工作生活、贸易往来、商务活动等等都离不开数字化。对于新媒体艺术界面设计，创作者的创作理念已经从传统的经典艺术设计的藩篱之中走了出来。新媒体以它形式多样、新颖、灵动的优势，在当今的界面设计领域占据了属于自己的一席之地，并且在不断地扩大其影响，深受各类人群的喜爱和关注。

参考文献：

[1]翁立立，对新媒体艺术界面设计的思考[J].艺术科技，2013，（10）.

[2]林村.浅析数字媒体艺术在展示设计中的创新运用[J].科技

传播，2014，（02）.

虚拟现实艺术的软件界面设计研究 篇12

1 虚拟现实艺术软件界面的设计原则

对虚拟现实艺术中的软件界面进行设计时, 必须遵循两个原则, 即效率性原则及有效性原则。软件系统的功能性直接决定软件界面设计有效性, 软件设计的效率性应用在设计层的表面。在软件界面的设计中, 其效用性的原则主要是对用户使用软件系统可以做什么进行确定, 只要是比较容易被利用、访问的界面设计都是有用的、高效的软件设计, 且在相应程度上能够证明所设计的软件是成功软件。另外, 虚拟现实软件界面的效率性比较便于用户进行便捷、快速的操作, 其比较重视用户检索时间及检索效率, 对用户能够在最短的时间内获得较多所需的内容要求进行满足, 且其主要是对虚拟现实艺术中可用性的软件界面进行检验。

2 虚拟现实艺术的软件界面设计的流程

2.1 对定义阶段进行研究

分析软件界面的设计需求、可行性属于定义阶段的关键任务, 而可行性的分析内容主要就是对用户在软件界面的使用要求及期望的环境进行详细的调查, 且最大程度的在潜在用户及具体用户中展开相应的调查。同时, 需求分析是调查用户定量及类型, 对用户使用经验及技能进行多角度的调查分析, 进而对任务划分进行合理、有效的落实。

2.2 对构造阶段进行研究

从构造方式看虚拟现实作品构, 其具有一定的技术性, 但是从可视化表现形式方面看, 属于艺术性的。软件构造阶段的内容主要包括概念设计、界面设计、详细设计、检测及评估设计内容。对软件构造进行设计时, 首先应根据构造域及行为域的具体概述对初步的构造设计模型进行建立。其次, 对实际的环境及任务进行详细的分析, 对艺术设计的原理进行综合, 设计出错信息栏。最后是评估及检测开发之后的软件系统界面, 及时发现问题及修改, 对软件界面的设计进行完善。

2.3 对维护阶段进行研究

如果想要对用户持久的需求进行满足, 应该尽量开发多种的维护活动。一般的维护活动共有四种, 即适应性的维护、改正性的维护、预防性的维护、完善性的维护。只有是人机关系达到一定的交互关系, 使设计人员、使用人员、开发系统之间是实现合作交流的模式, 对用户的各种需求进行满足, 才是做好的软件界面设计。

3 虚拟现实软件界面的视觉元素设计方法

3.1 软件界面设计的色彩特性及色彩的感应效应

在软件界面的设计中, 颜色是比较重要的一项内容, 只有在色调搭配得当的情况下才可以使用户方便、舒适的对想要的信息进行捕捉, 进而进行提取及分类。人们对色彩进行了理性的分类, 主要是分为暖、冷, 将黄、橙、红色光有机结合到各种色光中都会有热感产生。反之, 绿色、蓝色、紫色光则会让人有一种寒冷的感觉。这些颜色让人有一种热、冷的错觉是人们的习惯及联想, 而不是正真意义的物理温度。

3.2 虚拟现实软件界面设计的自然配色方法

将两种或更多的颜色搭配、组合在一起成为配色, 而在艺术中比较多见的配色是色调配色及色相配色。美感较强及品位较高的设计师往往会利用灵感创作出更好的作品, 而在这些作品中一定要重视基本的配色。

3.3 虚拟现实软件中界面设计的图像及图形及文字设计研究

人的脑海中主要是利用事物画面及图形、文字记忆对知识进行表达。因为人对各种画面记忆的能力比较强, 其在一定的程度上超过了文字记忆, 所以对软件界面进行设计时应该重视图形图像的设计。图像可以使需要表达的各种文字内容表达的更加逼真、具体、直接、真实, 使人比较容易接受。想要对软件中的各种文字内容进行理解、吸收, 就必须确定人们理解文字时的影响因素及阻碍, 才可提出有效的处理对策, 使人们对软件文字的理解能力得到提升。

4 结语

在现实的世界中, 对于各种信息的获取、学习、感知, 人们都是依靠其身体感觉器官进行体会, 对虚拟现实艺术奥秘进行掌握, 必须利用科技构建三维的、感动的、立体的虚拟画面, 才可以满足人们对各种新鲜事物的视觉需求。

参考文献

[1]张萍.基于虚拟现实艺术的软件界面设计研究[D].长沙:湖南师范大学, 2010, 65 (67) :465-470.