平面视觉元素在界面设计中的应用

平面视觉元素在界面设计中的应用

伍丽慈

江门市工贸职业技术学校广东江门529000

摘要：目的探索界面设计中对平面视觉元素的创造性应用策略。方法以界面设计的产生及其涉及范围为前提，引出界面设计的未来发展方向，并以文字、图像、色彩、版式等视觉元素的应用为源头，分析当前界面设计中所存在的编排简陋、布局不佳、色彩欠合理等一系列问题，接着从界面设计的细节领域展开探索，分别就网页界面设计、游戏界面设计和手机界面设计展开论述，逐一对其中所应用的平面视觉元素进行研究，最后对平面视觉元素可能给界面设计带来的影响进行评价。结论平面视觉元素为界面设计带来了诸多的灵感与设计可能性，无论是文字、图像还是色彩、版式都可以借助设计师的思维进行多样化地创造与展现，这样的界面设计才能产生深层次的价值，直达人们的内心，与人们在思想和感情上产生共鸣。

关键词：平面视觉元素；界面设计；应用

引言：为了让产品功能需要与竞争者完全相同的产品有所区别，制造商引入了用以增强产品对用户吸引力的设计。有意识地引入设计，标志着现代产品开发三原则的形成：功用性、可行性、合意性（desirability）。三者中任何一个要素的弱化都无法使产品经受时间的考验。在移动智能终端上的应用程序是用户自主选择下载，天生具备了功用性，而可行性关系到开发团队能否支撑生意的问题，无法第一时间反馈到用户面前，暂时缺少时效性。唯独合意性是最能直观反映该程序使用满意度的要素，也是三要素中最能直观反映产品用户体验的要素。恰恰是这个最直接，最感性的要素，往往导致了设计上出现的偏差。这主要表现在交互设计中，交互设计不仅仅是审美选择，更要建立在对用户和认知原则的了解上，从而更好地理解用户目标、需求和动机，即目标导向设计。本文重点讨论在目标导向设计中的视觉界面设计策略。

1视觉元素在平面设计中运用意义

视觉元素在平面设计中运用意义集中体现在三个方面：一是，能够较为准确地传递信息。文字、色彩以及图案都能够很好地将平面设计中所包含的信息和作品希望表达的主题内涵传递给与设计者认知类似的观赏者。在文化中，视觉元素所具有的含义一般是不变的，因此所传递的信息也较为准确。二是，使观赏者在内心产生共鸣。作为一种视觉符号，视觉元素的组成十分简单，只包含点和线，因此可以表达出十分深刻的内涵。如果在平面设计中用简单的点线构图表达丰富的内在含义，就能够使受众在内心不断体会设计的精髓所在，进而充分理解平面设计的内涵，在认可作品的同时，对其留下深刻印象。三是，凸显文化特色。视觉元素所包含的文化底蕴是非常深厚的，除了包含古人对自然、社会等各方面的认知，其文化特色也十分鲜明，能够显示出中华民族独特的文化魅力。

2界面设计过程中存在的问题与不足

2.1整体编排不合理

界面的编排设计是其中最基本的一步，其要求是简洁明了、概括性强，无论是图片还是内容、形式，都要以受众视角为依据，但从现有的部分界面设计案例中不难发现，由于一味追求内容的丰富，少数设计师会安排大量的内容，但相互堆砌的效果难易引发受众的使用兴趣。另外，还有部分设计师在界面设计中过于突出非主要内容，或者将广告宣传设置到显著位置，严重影响了界面的美观。

2.2文字编辑不科学

文字在界面设计中有着重要的作用，借助文字，受众可以直观、清晰地找到自己想要的内容，但在界面设计的文字使用上，设计师过于重视形式，在文字上加下划线或过于艺术化，虽然基本的引导作用不会变，但是过分改造会给受众带来一定的视觉障碍。另外，字体的大小、行距、整体布局如果不够科学，同样会降低实际效果。

2.3色彩运用不恰当

相较于文字和排版，色彩总是能够最先进入受众的视线，因此优秀的界面设计总是离不开恰当的色彩搭配。但界面设计中，仍然有不够重视色彩的倾向，突出表现在部分设计师喜欢选用大红大紫的色彩搭配，虽然在一定程度上吸引了受众的眼球，但是极易给人造成视觉疲劳，干扰受众对信息的筛选能力，久而久之，便会失去原本的存在价值。

3平面视觉元素在界面设计中的具体应用

3.1平面设计中基本的视觉审美元素

（1）图形元素从平面设计的角度出发，点、线、面经过组合后形成了图形。图形的起始点是点，是其开始和结束的标志。不同的图形可以用线连接起来，图形中使用最多的元素就是线，在平面设计中是图形单元的重要组成部分。但平面设计仅仅依靠线是不够的，只有将点和线充分组和才能形成图形。我们把点和线所在的平面称为面，也就是图形的位置所在，因此形成图形的前提条件是点和线处于同一平面。点、线、面是无法独立存在的，三者相辅相成。图形的表现力是种族、语言等不具备的，在传递性的过程中，它比其他元素更具直接性和可识别性。作为平面设计中最为基础的环节，图形能够有效突出主题所在。（2）色彩元素在平面设计中，色彩是必不可少的视觉审美元素。不同色彩所具有的特点都是独一无二的，不同观赏者对色彩也有各自不同的审美乐趣和心理感受。为了让人们的心理感受符合作品的主题所在，在平面设计中合理使用各种色彩是十分重要的，只有将色彩进行合理排序和选择才能符合人们的审美心理，进而最大程度地发挥出作品的效果，最终达到使用色彩的目的。（3）文字元素在表达设计主题的过程中，文字具有丰富的文化内涵，能够最为直观的向人们表达出作品的主题。对于不同的人，随着字形、字体、排列的不同，其感受也会存在差异。因此品面设计师需要结合主题，设计出具有丰富表现力的字体，将两者完美融合起来。

3.2提供清晰的视觉结构

在进行交互设计时可以将用户界面看作视觉元素和行为元素的有机组合。这些元素往往按照分组来操作，这些分组被网格所构建，他们被按照间距和其他视觉属性进行分组。为了传递出清晰的视觉结构，视觉元素往往被进行对齐操作，它是设计者帮助用户有组织而系统地体验产品的一个重要途径。分组后的元素需要水平和垂直对齐。一般来说，屏幕上的每个元素都要尽可能和其他元素对齐。即使有些时候需要作出不对齐元素的决定，实现某些特点的差异化效果，设计师就必须在一些元素的辅助视觉系统上做的合理的布局。因为需要提供清晰的视觉结构，所以网格系统是设计者最有效的设计工具之一。它为布局提供了统一且一致的结构，对于设计视觉层次较多和功能上较为复杂的界面特别重要。它可以给视觉界面带来较高的可读性。一套有规则的的网络系统可以令用户始终找到各视觉元素所在的位置，一致的间距和定位可以辅助人们内在的视觉处理机制。它还可以极大增强美学吸引力。井井有条的网格系统能形成一种和谐的秩序感，用户对于这种清晰有条的布局自然会赏心悦目，提高优质体验度。对于设计者来说，模块化的网格布局可以减少创造高质量的视觉界面所需的工作量。设计迭代修改是必不可少的，由于模块网格的布局使得元素的重新设计变成了替换，方便后期的修改和扩展，也能在调整中产生最合适的布局决策。

3.3精简视觉工作量

界面上的视觉噪音一般是由过多的视觉元素造成的，这些多余的视觉元素将人们的注意力从那些传达能共性和信息的主要对象上转移到他处。目前视觉噪音主要表现在过多的颜色对比、文理及没有必要的装饰上，另外就是一些无谓的三维渲染。混乱的界面试图在一个有限的空间中提供过多的功能，结果会导致这些控件在视觉上互相干扰。视觉上过分装饰、混乱或者拥挤的屏幕都会加重用户的认知负荷。一般来说，视觉界面应该尽可能简单，让人能够清晰的感受到各自的对象所指和互相间的逻辑关系。它们必须是高效率的，让最少的功能和视觉元素发挥最大的效能。当前流行的扁平化设计风格或许就是一个针对精简视觉量的设计趋势。

结语

平面视觉元素在界面设计中的地位随着时代的发展越来越重要。为了让用户对界面长时间保持新鲜感，必须综合各种视觉元素，从色彩、文字以及图形版面等诸多方面进行个性化设计，在注重视觉效果的基础上注重感官上的享受，这就对设计师提出了更高的要求，既要从现实和用户需求出发，与时俱进，又要不断学习相关知识，充实自己的技术能力，更好地满足用户的信息获取需求，并以更加舒适的视觉效果赢得更多用户的喜爱。

参考文献：

[1]李鸿明.中国传统视觉元素在现代平面设计中的运用[J].艺术百家，2018（z2）.

[2]毕海波.论新闻网站网页设计中平面视觉元素的传达[J].新闻战线，2017.

[3]王君.网页设计在平面设计中的运用[J].包装工程，2017（16）：140-142.

[4]王君.中国传统视觉元素在现代茶叶包装平面设计的应用研究[J].福建茶叶，2018，40（01）.

[5]王睿.中国传统视觉元素对现代茶叶包装平面设计的影响[J].福建茶叶，2017（04）：129-130.

[6]王志豪.平面视觉元素在网页设计中的应用分析[J].大众文艺，2016（16）：102-105.