首页 > 文章中心 > 正文

图形语言在网页界面设计的运用

图形语言在网页界面设计的运用

图形作为一种符号传播形式语言,其视觉语义的构建基于“形”的再造与确立,再以“形”的诉述形式来表现主体。网页界面中,图形符号通常会以一定的排列组合作为信息表达的形式存在,其视觉语义同样也由特定的排列组合来得以完善。在网页界面实现信息传播的过程中,图形还承担了作为信息媒介的作用。

图形符号语义表述的属性

皮尔斯将符号学中媒介关联物间的关系划分为三大类:图像符号、指示符号和象征符号。在网页界面设计中,这三种符号往往被综合起来应用。图形符号是网页中最直观的视觉交流形式;指示符号基于图像符号演化而来,体现出网页界面的人机交互关系;象征符号则是网页界面设计师艺术思维的视觉语义表达载体。在网页界面中,除了文字外,图形、图像也是信息表达的重要因素。视觉符号的图像性是网页界面设计主题和形式的艺术表达,对设计概念的直接诠释。图形图标的指示作用还伴随着方向性,诱导用户的注意力转向到带有超链接的点击目标。在网页界面设计的创作过程中,设计者还要考虑到环境因素,综合用户在接触信息时所表现出的心理状态、情感因素以及人机交互等关系,创造出既具有艺术表达性,又符合网页运行特点的界面设计。网页界面的艺术性是在不断的使用和设计实践中创造出来的,是在功能实用性的基础上升华出来的,经历了一个从单一性向多元化的发展过程。作为网页界面主要构建元素的图形,不仅要满足必要的功能性,还应具备审美意义上的概括性、观赏性、亲和力和愉悦性。图形的视觉形象不但需要与整个界面的视觉氛围相融合,更重要的其本身的形象设计也需要突出其艺术属性。设计感强、形象生动的图形,一方面可以吸引浏览者的注意力以促进其功能性的实现;另一方面,同样也可以成为整个网页界面中的精彩部分,审美性、艺术性突出的图形设计对于提高整个网页的视觉形象品质起着不可忽视的重要作用。

网页界面设计中图形视觉语义的特征探析

网页界面中的图形,就是一系列信息传递的视觉形象主体,同时也兼具了艺术化与符号化的意义。图形设计的过程还是设计师将抽象事物语义化、具体化来表征精神观念的过程,并且通过网页——这个载体系统的传递使之得以认知。网页界面设计还受到产品语义学、人体工程学和视觉心理学的多重影响,并且注重用户体验。因此,网页界面中的图形作为视觉符号,在设计过程中就必须维持整个符号系统的逻辑性和整体性。时代的发展使人们对现代设计的精神因素要求不断提高,设计除了功能性目的以外,还要透过其语义特征来传达出一定的文化内涵,体现时代感和价值取向。因此,网页界面中的图形设计也需要追随现代设计的发展趋势,不断丰富、完善,从表层的使用功能进入到深层的文化取向。情感性是网页界面设计中图形元素的首要语义特征。图形构建了语言文本所要表达的含义,促进了人与人之间的沟通与理解。网页界面中图形的设计过程还是将物质属性转换为情感属性的过程,同时体现出图形的凝练美及这一视觉符号的文化特质和人文价值。图形相对于文字来说具有无可比拟的优越性,在某些特定语境和情景下能更好地表达出人所想象的抽象概念,使某些用语言和文字描述起来很困难的视觉信息传送与接收变得更容易,用户浏览网页时感到更为舒适惬意。

色彩也是表达情感的一个重要手段。网页界面中图形元素的色彩设计,能让图形在表达内涵时起到形象所不能起到的作用,是其它形式语言无法替代的。色彩使视觉形象更加醒目,更具感召力,网页界面中的图形与色彩共同构成了表达的主体。同样,色彩在图形的设计中也要进入设计师的思维序列,不仅要把色彩看作是对图形的补充,更要将其看成是一种创意的手段。在网页界面的图形设计上,要综合应用明度、纯度、色相上的变化来构成视觉上的层次感,也用以引导浏览者对图形的观感。例如色彩的强烈对比,传达出图形表达内容的强烈、尖锐与刺激;色彩对比的减弱,传达出图形内容的柔和、平淡和雅致,还包括对色彩的联想以及色彩自身的象征性,这些因素都需要引起网页界面设计师的重视。图形元素的另一个重要语义特征是其指代性。图形元素作为一种视觉符号,是综合了艺术形式、技术功能和审美意义的统一体。网页媒体所具备的易传播性,不仅要求图形符号形态具有张力和简洁易懂的特点,而且还需有明确的指向性和识别性,符合用户的浏览经验,使其能轻松简便地找到浏览目标。例如在网页的导航区域,很多设计师会实现导航条半透明图形指示功能,当鼠标在导航菜单滑动时,就会显示出另一个带有超链接的半透明指示图形,这一过程使视觉区域的层次感与深度也得以延续,带来了更完美的视觉体验与浏览体验,实用性与审美性高度的统一了起来。

交互性,是由网页的媒体属性所决定的,也是网页界面中图形元素的另一个重要语义特征。好的网页界面设计不仅要布局清晰具有视觉美感,更要具备完善的交互系统、简易操作的功能。网页界面设计中图形的交互性通常是发生在用户点击链接的实际操作之后,指代了两个层面的含义:一是带有超链接属性的图形元素与浏览者之间的交互,通过点击操控让用户产生愉悦感;二是对网页中功能任务的交互,图形可以完成网页上下层级关系的链接交互。虽然通过图形实现的链接与操控功能不是整个网页交互性的全部,但的确是对图形功能设计的一个重要内容,具有良好交互性的图形设计能最终协助完成网页与浏览者之间的深度沟通。

结语

网页界面的设计,无论是极具质感的超酷风格,还是简洁的平面Metro风格,图形元素的应用,都是实现网页界面友好性、情感化等交互目的的重要方式。网页界面设计师根据符号系统原理对图形元素进行灵活组合运用,实现预期构想和创意思维。图形元素由于网页类型的多样性和丰富性,决定了其设计语言和设计思维的扩展空间更为广阔。了解图形的语义特征,在网页界面设计的构思上提供新的思考角度,从而发掘出网页界面视觉形态创造与构架的多种可能性,为网络信息传递提供更为完美的展示方式。

作者:李泉单位:湖北美术学院研究生部