UI界面图标论文

UI界面图标论文（共5篇）

UI界面图标论文 篇1

界面设计是一个复杂的、有多学科参与的工程, 设计学、认知学、语言学等等, 都在此扮演着重要的角色。UI界面 (User Interface) 是在人和机器的互动过程 (Human Machine Interaction) 中的一个媒介层面, 包含有图标 (icon) 、背景、实际操作区域等众多元素。这些人机交互界面中各个元素设计不只是给人提供视觉上的享受, 它更是一个动态的过程, 是逻辑的推理, 也是各种状况的状态预测指示。衡量UI界面的设计只有一个标准, 那就是用户体验, 其中图标的可用性是重要指标, 这种可用性设计也就是我们常说的人性化感性设计。

1 理性空间的升温

要深入探索人性化设计, 首要问题是正确的把握感性与理性的交错融合的尺度。我们所知的感性是指以个人的情感为依据的心理过程, 理性则是一种经过深度思考和琢磨的认识过程, 实质上感性与理性实属一对哲学范畴的对应词汇, 理性相对感性来说更加冷峻, 其过程中的逻辑性更为强烈。情绪感性、文字理性, 任何事物的存在既有其存在的价值, 它们与人类的不同感觉器官相对应, 真实世界存在的物与像都通过不同维度的空间作为相应的媒介得以展现。

近年来设计业有这样一个主要议题, 使操作者和机械的“交流”不再是冰冷的程序化过程。其中, 流线型风格这种用来描述表面圆滑的原型, 打破了直线的冷酷。在更广域的设计中, 它形成了一种象征速度和时代精神的造型语言, 其最突出的魅力存在于一种走向更加人性化的时代标志。人与本来就毫无生命感情的机械空间、机械体的交流在流线型运动的带动下有了较大进步, 设计师们已经让其作品普遍的带有了感性的温度。

2 虚拟空间建立感性的交流

当我们提及空间这一词语, 绝大多数人的第一印象为一个六面体的方形三维空间。如果把这个空间限制为平面或者界面的时候, 人们所能想到的也只是一个正方或长方的二维形象。这是因为人的思维总是以最简化的形式再现某一事物, 就如直线与直角的形象如此根深蒂固在人们的脑海, 这种最简化是一个过于固执的、过于冷峻的理性思维交换。

2.1 UI界面图标设计对理性与感性的整合

人类努力的改造和驯服自然, 在服从这种目的的前提下, 工具的制造和完善都在不停的进行着。图标作为UI界面中的重要工具, 自然的, 同样是利用人的“日常技能”进行的, 在这个驯服过程中是否能够不训练或稍作训练即可获得“技能”呢?这是相对而言的。人机交互的虚拟空间并不否定训练, 避免训练或减少训练是人们最终的愿望, 但是否能够做到则应根据具体的人机交互任务目的、特点、场合以及综合实现成本等因素来决定人机交流应达到的自然性。设计有物质转向非物质设计, UI的大时代已经到来。

2.2 图形ICON

图形用户界面 (GUI-Graphics User Interface) 广泛应用于各档台式微机和图形工作站, 是当前用户界面的主流。图形用户界面中ICON的表现形式比字符用户界面更为丰富, 由最初的256色像素点阵图标到全色彩图标, 逐步发展为目前大多数网络用户使用的视觉三维图标。图形界面与命令语言界面相比, 图形用户界面的人机交互过程极大地依赖视觉的参与, 用户对界面中图标代表意义的确认并不需回忆系统命令, 从而大大降低记忆负荷。由此看来, 图标具有一定的文化和语言独立性, 并可提高视觉目标搜索的效率。

但基于图标化的GUI界面也有其不足之处, 需要占用较多的屏幕空间是其主要缺点。无法使用更多的命令性语言, 这一点可能不十分适合于专家级用户。

2.3 多媒体化ICON

在智能用户界面和自然交互技术取得突破之前, 多媒体技术被认为是一种过渡技术。在多媒体图标出现之前, UI界面中的图标设计已经经过了从文本向图形的过渡, 而用户界面也只有两种媒体:文本和图形 (图像) , 都是静态的媒体。而多媒体引入了动画、音频、视频等动态媒体技术, 特别是音频媒体的引入, 大大丰富了图标表现的形式, 也使用户接受信息的效率明显提高了。

多媒体图标在人机交互发展中的巨大潜力主要来自它提高人对信息表现形式的选择和控制能力, 同时, 多媒体与人工智能技术结合使得图标的设计有声音和语言识别技术的介入, 方便了更多的特殊人群融入到网络信息社会中。多媒体图标的迅速发展源于它有利于人对信息的主动探索而不是被动接受, 这一类图标比单一媒体信息对人具有更大的吸引力。另一重要原因是大部分人机通信过程中多义性及噪声被多种媒体的并行使用消除了。

另一方面, 多通道用户界面研究的兴起, 进一步提高了计算机的信息识别与理解能力, 也提高图标识别的效率, 加强了用户友好性, 将人机交互技术和UI界面图标设计引向更高境界。

(1) 交互的自然性

使用户尽可能多地利用已有的日常技能通过图标的指示与计算机交互, 降低认识负荷。例如, 用户的视线自然地落在所感兴趣的对象之上。

(2) 交互的高效性

使人机通讯信息交换量更大、形式更丰富, 发挥人机彼此的认知潜力。尽管感觉通道侧重于多媒体信息的接受, 而效应通道侧重于交互过程中控制与信息的输入, 但两者是密不可分、相互配合的。

(3) 基于原有的技术成果

与传统的用户界面特别是广泛流行的WIMP/GUI兼容, 使老用户、专家用户的知识和技能得以利用, 不易被淘汰。

3 人性化的未来

理性认知和感性知觉没有先后之分, 就是说对某事物的认知不能固执的人为是从理性分析再去用感性在先, 也不能偏激的认定为是以第一印象的感性认知再去理性分析的。但是从人的本性来看, 人的感性要更多于理性, 从这个角度出发, 冰冷而机械味十足的“不友善”的物体可以说是生产者强加于人们去使用的, 是违背了人的本性而不符合人的生理及心理习惯的, 理想的图标交互模式就是“用户自由”。

从本质上说, 多媒体用户界面与多通道两种技术, 基本解决了计算机信息表现 (输出) 和信息识别 (输入) 的自然性、多样性问题。另一方面, 交互双向性特点同时存在于多媒体和多通道两种人机交互技术中, 而虚拟现实技术比以前任何形式都有希望通过良好的UI界面图标彻底实现友好的、“以人为中心”的互动交流平台。

参考文献

[1][美]普里斯, 刘晓晖等译.交互设计———超越人机交互[M].北京:电子工业出版社, 2003.

[2][美]唐纳德·A·诺曼, 梅琼译.设计心理学[M].北京:中信出版社, 2003.

UI界面图标论文 篇2

1、UI、GUI与UE

用户界面(User Interfaces),简称UI,是指使用者与物的连接空间,是为解决人机交互问题而产生的概念。用户界面设计师一个复杂且跨越多个不同学科共同参与的工程。其中心理学、设计需、语言学等都在其中担任着重要的角色。

用户图形界面(Graphical User Interface),简称GUI,是指采用图形方式显示的计算机操作用户界面。

用户体验(User Experience,简称UX或UE)是一种纯主观的在用户使用一个产品(服务)的过程中建立起来的心理感受。因为它是纯主观的,就带有一定的不确定因素。个体差异也决定了每个用户的真实体验是无法通过其他途径来完全模拟或再现的。但是对于一个界定明确的用户群体来讲,其用户体验的共性是能够经由良好设计的实验来认识到。计算机技术和互联网的发展,使技术创新形态正在发生转变,以用户为中心、以人为本越来越得到重视。[1]

2、APP图标设计发展过程

首先,手机APP图标设计的发展是根据手机硬件设备及显示性能的发展而变化的。以苹果手机i Phone为例,i Phone1到i Phone3的分辨率都是480像素×320像素,而i Phone4则将分辨率升级到了960像素×640像素,而后i Phone5、i Phone6等版本的苹果手机都将其分辨率做了相应的调整。根据此项调整,各个手机软件的图标都需要进行调整。分辨率的提高给了图标设计更广阔的空间,使图标设计呈现出的效果可以更加细腻。

其次,根据受众的审美需求,老旧的手机软件的图标设计大多是点阵化、像素化的,甚至是单色的。在这样的硬件条件下,设计师的发挥余地有限,只能选择简单的图标样式进行设计。随着彩色屏幕硬件技术的发展,图标设计有了更加写实的条件。同时,根据消费者的审美需求,看腻了的简单点阵化像素组成的图标,写实化的图标越来越受到大众的喜爱。

随着微软windows8系统的推出,其扁平化的metro设计风格也得到推广。这为沉寂多年的界面设计风格带来了一阵春风。扁平化的设计风格特点非常明显,首先就是直接、快速的把想要传达的信息传递出来,减少了认知的障碍。其次,扁平化设计的可以适应不同分辨率的显示,减少了大量的工作量。

3、APP图标设计与标志设计的异同

手机软件的图标在某种意义上可以说是一款软件的标志,那么首先它就需要遵从标志设计的特点。准确的传达软件的功能信息,显示软件的名称,具有较强的视觉冲击力与表达力,需要有一定的艺术性。

从这些方面来看,一款图标的设计,要尽可能的总结与提炼一款软件的基本文字信息与图形信息,用于此图标。那么写实风格在图标设计的初始阶段具有写实风格就非常容易理解了。写实风格具有强烈的视觉冲击力,受众可以很准确的记住此款软件的用途。

与此同时,手机软件图标对于印刷和立体制作等局限可以少考虑甚至不考虑。在各种制作限制很少的情况下,图标的设计风格就会非常丰富。可以是写实风格的,具有很强的质感、丰富的阴影效果等,也可以是扁平化的设计,轻渐变,反白的图形轮廓等等。每一种风格都可以顺利的在显示屏幕上进行显示。这就与普通标志设计有了区别。

手机软件的图标随着手机硬件的发展,可以施展的空间越来越大,甚至产生动态图标。在此基础上,随着软件版本更新与迭代,以及软件厂商对此款软件的定位的改变,都会迅速的反映在图标的设计风格上。所以手机软件的图标更新非常迅速。而普通标志设计,因为修改之后应用的成本较高,以及对企业形象保持统一的要求,其更新速度相对较慢。这也是手机软件图标和普通标志设计非常不同的一点。

二、APP图标设计的风格

1、写实风格

写实风格图标一度是手机软件的潮流,有些设计把写实作为自己设计的方向。在设计的过程中忽略像素的局限,在1024像素的基础上甚至更大像素的基础上进行写实创作,然后直接作为手机软件图标。当然,有些图标设计并不是超写实,而是经过简单抽象的写实。

写实图标重视质感的表达、重视丰富的阴影、重视强烈的立体感。在此基础上,一度让写实风格的图标设计成为软件图标设计风格的主流。

图1为iconfactory公司早期为windows系统下的播放器进行的设计。其超写实的风格非常明显,金属质感鲜明,阴影与高光大量应用。在图标设计还不被大众发觉其设计重要性的时候,超写实风格以其复杂的风格特点征服了大量的受众。

但写实风格图标的缺点非常明显,就是其设计工作量非常大。在固定分辨率下的情况下,是可以实行的。但随着手机的分辨率的迭代,图标设计对分辨率要有更强的适应性。不同分辨率下的图标显示效果是不同的,所以对写实图标需要进行细节的调整,使其在每一个分辨率下都能有好的显示效果。这样就大量增加了设计师的工作量。

2、扁平化风格

扁平化概念的核心意义是:去除冗余、厚重和繁杂的装饰效果。而具体表现在去掉了多余的透视、纹理、渐变以及能做出3D效果的元素,这样可以让“信息”本身重新作为核心被凸显出来。同时在设计元素上,则强调了抽象、极简和符号化。[2]

扁平化设计较为有影响力的作品有windows phone7与windows8系统的界面设计。这种风格减去了所有装饰化的设计元素,只保留纯色底色与白色剪影图形。在信息的传递方面非常有优势。同时在风格上,和以往的图标设计风格产生了巨大的差异,给人耳目一新的感觉。

同时,纯平面的设计风格使图标在各种分辨率下都能达到很好的显示效果,这可谓是扁平化设计风格最大的优势。这种风格的图标在软件迭代的过程中,图标更新的成本相对较低。

图2为微软的metro扁平化设计风格。当然,扁平化设计风格的弊端也是显而易见的,即设计风格过于冷漠,不能打动消费者,过于重视功能,变丧失了设计的情感。

3、轻写实风格

经过写实风格与扁平化的设计风格的洗礼,图标设计的风格出现了趋于中和的轻写实。这种风格在锤子手机的smartisan os系统中得到较好的体现(图3)。轻写实风格即去除了强烈的写实风格的特点。不强调真实的质感与阴影的塑造,也不强调过分的立体感与空间感。这样可以有效避免图标过分复杂之后产生的不同分辨率下的图标调整的大工作量。

同时轻写实风格也避免了扁平化图标的过于冷漠的设计风格。在过分写实与过分简化之间,找到了一条中和之路。

三、APP图标设计风格未来的发展趋势

手机软件图标的设计风格发展至今,依然是顺着历史的节奏在变化。只要我们站在一定高度,就可以一窥其中门径。

现代主义设计风格形成之前,世界各国对设计的风格都有探索,大都停留在恢复旧式的设计风格,或像自然学习等方面。其设计方法基本是学习传统设计手法中的因素,或借鉴自然,或借鉴日本浮世绘的元素等。

当现代主义设计形成的时候,实用主义变成大家共同的认知。当然,现代主义设计这种以功能为宗旨的设计风格,在经过轰轰烈烈的发展之后,依然形成了一种故意的风格。当人们受够了过于冷漠的设计,又开始了后现代主义风格的尝试。即对现代主义设计的改良或破坏。有的设计师开始走向传统与繁复。有的设计师走向极简。更有设计师开始中和其中的优点,对现代主义设计风格进行改良。

这种设计的发展方式像极了现在图标设计风格发展的趋势,现在我们经过了写实的风格,迎来了扁平化的设计风格。但当受众希望打破这种冷漠的设计风格,需要个性化与不同的时候,扁平化的设计必然受到巨大的挑战。所以现在UI设计师在基于软件自身特点的基础上,开始转战各种设计风格。但有一点是我们不能忽略的,那就是不管何种风格,适合一款APP的图标,才能被称为合格的图标。

参考文献

[1]赵大羽,关东升,《清华交互设计丛书·智捷课堂经典·交互设计的艺术:iO S 7拟物化到扁平化革命》,北京,清华大学出版社,2014

UI界面图标论文 篇3

但是,频繁地做切换操作,对于一个处于正常煅烧状态的系统而言,既不必要,也很辛苦。例如,我公司的回转窑与预热器共处于图1所示的烧成窑尾操作界面,而窑尾电收尘处于另一个废气处理界面上。正常情况下,操作员主要是观察与控制主操界面,也就是烧成窑尾界面,但为了能及时观察因废气温度超高等因素引发收尘器电场跳停故障,继而造成环境污染,还需不时地切换到废气处理系统界面上。客观上造成操作员思想疲劳、劳动强度增大,从而导致效率低下。为此,我公司对上述问题作了以下调整,即:将窑尾电收尘的电场工作信号引至烧成窑尾主操界面上显示(注:只是显示,但不能实际操作控制,主要是从安全角度考虑),调整后的图标显示见图1中窑头喂煤量“转子转速”字体左侧的三个方框,另外引入的几个重要参数在这里不再赘述。再如,用这种方法还可以将与磨机相关的物料运输皮带显示在同一磨操主界面上,以利于随时监控各条皮带跳停情况。而对此项工作优势最大的发挥,是我公司将所有界面的显示制作拷贝,通过网络上传于各个生产职能部门,使之能及时对生产进行监督并提出指导性意见和建议。

对于图形与符号集于一个界面上进行同步显示,以上述问题为例,其处理方法如下:

UI界面图标论文 篇4

1 Android中使用HTML设计UI的思路分析

在Android中使用HTML设计程序GUI需要解决两方面的问题, 一是HTML文件的显示, 二是数据的传递。第一个问题可以使用Android提供的Web View组件来解决, 该组件其实是Android对开源浏览器引擎Web Kit的封装, 它能够解析HTML格式的页面文件并将其显示出来;对于第二个问题, 则可以利用Web View组件提供的Java代码和Java Script代码相互访问的机制来实现, 要传递的数据则采用易于Java Script解析的JSON格式。下面即围绕这两方面进行展开。

2 Android中使用HTML设计UI界面

表格布局是网页页面广泛使用的布局之一, 其实现方式也比较简单, 核心要素是

标记的使用, 因此这里以表格布局来进行说明[1]。下面是一个简单的使用表格布局的页面的HTML代码。该文件命名为Song List.html。

…//此处可以定义更多列, 列名为要显示的数据项, 代码略去

需要说明的是, 该HTML文件应该放在Android项目目录的asset目录中, 然后使用Web View类的load Url方法加载该页面:

web View.load Url ("file:///android_asset/Song List.html") 。

3 表格UI界面中数据的显示

Android的应用层开发语言是Java语言, UI界面则采用的是HTML+Java Script语言。那么如何将模型层中的数据传递到视图层中显示呢?不用担心, Android API对此提供了很好的支持。因为数据传递到视图层后主要是使用Java Script语言来处理, 所以数据的格式应选用Java Script最擅长处理的JSON格式, 而HTML主要用于表现UI界面。下面分别介绍数据的传递、转换及显示。

3.1 定义UI中要显示的数据

实际中要显示的数据可能来自网络、SQLite数据库, 亦或是内容提供者, 这里为了简化问题, 我们直接在程序中构造模拟“数据”, 这不会影响问题处理的一般性。假定要在UI界面中显示歌曲的序号、歌名、演唱者等信息。可以将歌曲定义成一个Java Bean实体类Song, 每首歌曲的信息保存在一个Song对象中;然后再将歌曲信息列表Song对象的集合保存在一个Array List中。这个过程也可以封装成Activity类的一个方法, 参考代码如下:

3.2 将要显示的数据转换成JSON格式

由于JSON是一种轻量级的数据交换格式, 它易于解析和生成, 所以要将上面保存在Array List中的数据转换成JSON格式以便于HTML中的Java Script处理和显示[2]。下面的方法完成了这一功能, 该方法定义在Activity类中。

3.3 将生成的JSON格式的串传递到Java Script中进行解析

接下来应将JSON格式的串传递到Java Script中进行解析, 并将数据项显示在对应的表格单元格中。可以在Java Script中定义一个函数来完成此功能, 其代码如下:

3.4 设计函数的调用时机

3.3中的parse Json Str函数完成了解析JSON串并显示功能, 那么该方法何时被调用呢?由于数据是显示在HTML的表格布局中的, 所以应能在HTML页面被加载的同时, 数据也能够同步显示出来。

标签的onload属性可以实现这个效果。然而, 并不能在页面onload时直接调用parse Json Str函数, 因为首先要产生JSON串做为parse Json Str函数的实参, 而onload属性值不能是一个代码块, 所以这里还需要定义一个方法, 来完成产生JSON串并调用parse Json Str方法的功能, 然后在onload属性中调用该方法即可。可以把该方法被定义成Activity的内部类Class In Activity的方法, 此方法的代码如下:

在这个方法中, 调用了Java Script中定义的函数parse Json Str, 在Java中调用Java Script代码, 使用Web View类的load Url方法。反过来, 该方法需要在HTML页面加载时被执行, 也就是该方法需要被Java Script代码调用, 在JavaScript中调用Java方法, 需要使用Web View类的add Javascript Interface方法, 该方法其实是在Java Script中声明了一个Java类的对象引用, 然后使用该对象变量调用相应的方法[3]。代码如下:

至此, 要在HTML页面加载时调用Java类的load Data方法, 只需按如下的方式设置

标签的onload属性:

4 结语

上面介绍了使用HTML设计Android平台上GUI程序的基本思路, 所需技术及实现的步骤以及代码框架。应该说该方法步骤具有一定的通用性, 只要按照GUI的要求使用HTML设计好界面, 然后依照上面的步骤即可将程序中的数据显示在UI中。通过HTML来设计Android程序的UI, 开辟了Android平台上桌面程序UI设计的新途径, 丰富了用户体验, 增加了Android程序开发人员设计程序UI时的可选择性。

摘要：程序UI是应用程序与用户交互的界面, 是提升程序用户体验的核心要素之一。文章探讨了Android平台下设计程序UI的新途径——使用HTML设计GUI界面。详细介绍了设计思路、相关技术、实现步骤及代码框架。

关键词：GUI,HTML,WebView,JavaScript,JSON

参考文献

[1]王家林.Android4.0网络编程详解[M].北京:电子工业出版社, 2012

[2]李刚.疯狂Android讲义[M].北京:电子工业出版社, 2011

UI界面图标论文 篇5

UI即User Interface(用户界面)的简称。UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。其实UI可以被定义为一种符号语言,它是软件产品主体信息所传达的一种形式符号语言。

二、UI界面设计视觉要素

1、图标

它是一种狭义的概念,指的是计算机软件领域里面用来帮助用户快速执行命令程序的一种图像符号,称之为图标。图标它可分为图和标,图便是图像,标是标注传达软件UI的概念和功能,理解图标的内涵有助于图标的设计。图标是UI界面的一个高度集中集合,一直被业界公认为入门UI设计的第一道关。如何衡量一个图标的设计是否优秀,首先就要看其是否集中的展现了产品的概念和主题,特别是对一个商业内容的界面来说,我们可以从中了解到这个界面的类型、内容。其次,还要看是否形成了产品的统一性,统一的设计风格、色彩风格、大小尺寸和一致的交互控制方式。最后要看它是否能提高产品的档次。现在人们对于UI设计的要求越来越高,图标作为其中重要的组成部分,它不仅强调图标的传达和示意,同时也强调图标设计对界面体验度与产品品位的提升。

图标作为视觉化的表达,它也有自己的设计规律和技巧。①结构合理。视觉感受精美细腻。在所给出的有限的空间内把内容表现出来,这就要求在设计的时候要考虑到其造型、材质、比例等一些相关因素。②图标设计要具象化。简单地说就是减轻认知负担,方便记忆帮助用户更好的熟悉和使用。③图标的一致性。一套整体的图标,能引起共鸣为人们所接受,同时在设计时应该考虑图标的视觉感受和视觉冲击力。4.传达含义清晰准确。表意准确,图标之间不能雷同或者概念的模糊。一个好的图标可以让用户在短时间内一目了然,准确领会其所代表的含义。5.比例要得当。这就要考虑到在不同的平台上图标的设计比例问题,例如苹果i Pad平板电脑上的图标最大像素512×512像素;然而在Win7上的图标却最大像素是256×256像素,不同的平台对图标的比例要求要不同,这就要求在设计图标的时候要在比例、结构等问题上做调整。

2、文字

文字是UI设计中基础的载体,用户通过文字了解内容。图形和文字是相互补充的,共同形成一个整体,为界面传达信息。通过文字形式的节奏带来清晰的视觉美感,这使得界面实现了高度统一的内容和形式,满足人们的审美需求的基础上达到良好的信息沟通效果。文字也有其自身的设计相关原则:1.易读性。文字最终是传达信息服务,其凌乱、难以识别,缺乏其可读性的文字不能承担传达信息的任务。人们对于太大、太小,太粗糙的文字需要花时间来辨别,合理的文字编排与分布会使浏览变得轻松顺畅。2.内容与形式的统一性。文字设计的风格应与设计主题相一致。例如政府网站,文字一般应具有庄重和规范的特质,字体造型规整而有序,简洁而大方;新闻媒体网站,文字一般应具有简练的特点,字体造型清新精美,易于阅读;休闲旅游类网站,文字编辑应具有欢快轻盈的风格,字体生动活泼,跳跃明快,有鲜明的节奏感和韵律感。3.艺术性。界面设计的目的是利用互联网作为一种媒介,能够快速、方便地向受众传达信息。因此,人们自然首当其冲想到的是文字必须传达情感的效果,所以它必须有一种视觉美感,可以给人以美的感觉,要实现一个清晰、美观、整体统一的视觉效果。4整体性。功能与形式必须要保持一致,形式必须满足功能的基本要求,界面中文字应能够自然有序地实现信息需求的关键位置。一个大量的信息出现在页面上,应该是各个部分的统一安排,使整体意识在不断加强与变化的同时,使信息传达出清晰的视觉效果。5创造性。突出字体的个性,创造独特的特点,区别与普通的字体,所以在设计时应从字体的样式特点与组合排列上进行探究并不断修正,这才能设计出富有个性的文字,使其外部形态和设计格调都能唤起人们的审美愉悦感受。

3、版式

我们身处数字式信息传播的时代,版式设计也面临着革新。版式设计在传统平面设计中的多条应用规律在UI界面设计中同样适用,只是由于新媒体的应用,版式设计的交互性体现得更充分些。版式设计通常是指按照一定的规律,通过对视觉元素和构成元素的组合编排,使信息传达有序而又美观的一种设计方法。版式设计的原则首先是要突出主题,UI界面设计无论是企业官方界面,还是手机APP软件界面,都应有一个统一明确、完整的主题,从而宣传品牌,传播信息,让受众感受文化,融入其中,使交互实现高效性;其次版式设计还应强化整体布局,结构上可以考虑水平结构、垂直结构、曲线结构等编排形式,统一的布局可以起到加强视觉效果的作用,界面呈现可读性和美观性。

界面设计的版式特点:①互动性。在新媒体时代,传播的方式为“多点对多点”,人人都可以提供信息和发布信息,同时也可以发表自己的看法和观点,形式也变为随时变化性、对话性的版式样貌。②持续性。新媒体与传统媒体的不同之处就在于它的信息更新和交互的及时性,它可以使用户长期的关注大大缩短距离。3、视觉连续性。视觉的连续性是指从注意力被捕捉起,通过视觉流程的指引,直至最后印象留存。设计者应该遵循人们的思维逻辑和心理,根据信息的主次来确定排列顺序,引导用户视线流动。

网络信息如此发达的今天,人们在日常工作和生活中都已离不开网络,无论身在何处都可以通过网络获取最新资讯,所以只有界面设计得独特新颖,才会吸引更多的用户。任何的一个界面都包含很多视觉元素,UI界面设计不仅仅是将各元素简单的组成,而是要结合主题,充分发挥各元素的特征,并将它们艺术地组合,最终呈现给人们完美的视觉体验。

摘要：当前处在科学技术突飞猛进,技术与艺术不断发展,人类生活水平节奏加快,现在人们已经迈入了以新媒介主导的信息化时代,大量的信息充斥着我们的日常生活,网络成了处理信息、传播信息的平台,UI设计作为人与机之间的一个相互作用的媒介,其重要作用越来越显著。本文旨在探讨UI界面设计的视觉元素的应用研究。