UI界面设计中的视觉元素应用研究

一、UI的概念

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界面设计的视觉元素的应用研究。

关键词：网页UI界面视觉元素情感沟通表现形式