网页界面设计中的图形语义特征

合集下载

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

网页界面设计中的图形语义特征
网页作为一种传播媒体，自诞生伊始就存在两种属性，“技术性”与“艺术性”，这双重属性也使其成为了备受视觉设计师青睐的创作媒介。

视觉设计师们以所处时代所能获取的技术和艺术经验为基础，依照设计思维和传播目的对网页的构成元素进行创造性地艺术规划，赋予网页以形式美感。

创意新颖、设计精美和布局合理的界面设计，是网页吸引浏览者、提高用户视觉体验的关键所在。

而作为网页设计的一个重要视觉元素，图形的应用则使信息的传播变得更为直观和有效，表达出了较强的诉求效果。

应用极富现代感和艺术感的图形元素，能使网页变得亮丽迷人、更具有视觉冲击感，在彰显网页独特个性的同时，还能给予访客兴趣盎然的浏览体验。

从设计符号学的角度分析，图形也是一种概括的诠释性语言，通过视觉形态、色彩的创造来诠释艺术思维，表述活动及其意义。

基于符号学概念的网页界面图形设计，是将人们感官体验和心理感知到的视觉对象进行拟造、组合、转换与再生的思维表达过程。

一、网页界面设计中图形符号语义的构建
“读图时代”，是当今视觉传达设计领域数字化发展的一个显著特征。

特别是在互联网络这种新兴媒体中，文字信息在网页中的某些特定视域中所起的作用逐渐被消解，代之以更为形象、更简明、更具有亲和力的图形。

图形语言在网页界面的设计中起到强调设计主题、丰富视觉体验的作用。

图形作为一种能够与设计概念相契合的形式符号，不仅延续了网页界面传递内容的信息量，还通过精炼形象的视觉语言表达出了视觉设计的内涵。

图形作为一种符号传播形式语言，其视觉语义的构建基于“形”的再造与确立，再以“形”的诉述形式来表现主体。

网页界面中，图形符号通常会以一定的排列组合作为信息表达的形式存在，其视觉语义同样也由特定的排列组合来得以完善。

在网页界面实现信息传播的过程中，图形还承担了作为信息媒介的作用。

二、图形符号语义表述的属性
皮尔斯将符号学中媒介关联物间的关系划分为三大类：图像符号、指示符号和象征符号。

在网页界面设计中，这三种符号往往被综合起来应用。

图形符号是网页中最直观的视觉交流形式；指示符号基于图像符号演化而来，体现出网页界面的人机交互关系；象征符号则是网页界面设计师艺术思维的视觉语义表达载体。

在网页界面中，除了文字外，图形、图像也是信息表达的重要因素。

视觉符号的图像性是网页界面设计主题和形式的艺术表达，对设计概念的直接诠释。

图形图标的指示作用还伴随着方向性，诱导用户的注意力转向到带有超链接的点击目标。

在网页界面设计的创作过程中，设计者还要考虑到环境因素，综合用户在接触信息时所表现出的心理状态、情感因素以及人机交互等关系，创造出既具有艺术表
达性，又符合网页运行特点的界面设计。

网页界面的艺术性是在不断的使用和设
计实践中创造出来的，是在功能实用性的基础
上升华出来的，经历了一个从单一性向多元化
的发展过程。

作为网页界面主要构建元素的
图形，不仅要满足必要的功能性，还应具备审
美意义上的概括性、观赏性、亲和力和愉悦
性。

图形的视觉形象不但需要与整个界面的
视觉氛围相融合，更重要的其本身的形象设计
也需要突出其艺术属性。

设计感强、形象生动
的图形，一方面可以吸引浏览者的注意力以促
进其功能性的实现；另一方面，同样也可以成
为整个网页界面中的精彩部分，审美性、艺术
性突出的图形设计对于提高整个网页的视觉
形象品质起着不可忽视的重要作用。

三、网页界面设计中图形视觉语义的特征
探析
网页界面中的图形，就是一系列信息传递
的视觉形象主体，同时也兼具了艺术化与符号
化的意义。

图形设计的过程还是设计师将抽
象事物语义化、具体化来表征精神观念的过
程，并且通过网页——这个载体系统的传递使
之得以认知。

网页界面设计还受到产品语义
学、人体工程学和视觉心理学的多重影响，并
且注重用户体验。

因此，网页界面中的图形作
为视觉符号，在设计过程中就必须维持整个符
号系统的逻辑性和整体性。

时代的发展使人们对现代设计的精神因
素要求不断提高，设计除了功能性目的以外，
还要透过其语义特征来传达出一定的文化内
涵，体现时代感和价值取向。

因此，网页界面
中的图形设计也需要追随现代设计的发展趋
势，不断丰富、完善，从表层的使用功能进入到
深层的文化取向。

情感性是网页界面设计中图形元素的首
要语义特征。

图形构建了语言文本所要表达
的含义，促进了人与人之间的沟通与理解。

网
页界面中图形的设计过程还是将物质属性转
换为情感属性的过程，同时体现出图形的凝练
美及这一视觉符号的文化特质和人文价值。

图形相对于文字来说具有无可比拟的优越性，
在某些特定语境和情景下能更好地表达出人
所想象的抽象概念，使某些用语言和文字描述
起来很困难的视觉信息传送与接收变得更容
易，用户浏览网页时感到更为舒适惬意。

色彩也是表达情感的一个重要手段。

网
页界面中图形元素的色彩设计，能让图形在表
达内涵时起到形象所不能起到的作用，是其它
形式语言无法替代的。

色彩使视觉形象更加
醒目，更具感召力，网页界面中的图形与色彩
共同构成了表达的主体。

同样，色彩在图形的
设计中也要进入设计师的思维序列，不仅要把
色彩看作是对图形的补充，更要将其看成是一
种创意的手段。

在网页界面的图形设计上，要
综合应用明度、纯度、色相上的变化来构成视
觉上的层次感，也用以引导浏览者对图形的观
感。

例如色彩的强烈对比，传达出图形表达内
容的强烈、尖锐与刺激；色彩对比的减弱，传达
出图形内容的柔和、平淡和雅致，还包括对色
彩的联想以及色彩自身的象征性，这些因素都
需要引起网页界面设计师的重视。

图形元素的另一个重要语义特征是其指
代性。

图形元素作为一种视觉符号，是综合了
艺术形式、技术功能和审美意义的统一体。

网
页媒体所具备的易传播性，不仅要求图形符号
形态具有张力和简洁易懂的特点，而且还需有
明确的指向性和识别性，符合用户的浏览经
验，使其能轻松简便地找到浏览目标。

例如在
网页的导航区域，很多设计师会实现导航条半
透明图形指示功能，当鼠标在导航菜单滑动
时，就会显示出另一个带有超链接的半透明指
示图形，这一过程使视觉区域的层次感与深度
也得以延续，带来了更完美的视觉体验与浏览
体验，实用性与审美性高度的统一了起来。

交互性，是由网页的媒体属性所决定的，
也是网页界面中图形元素的另一个重要语义
特征。

好的网页界面设计不仅要布局清晰具
有视觉美感，更要具备完善的交互系统、简易
操作的功能。

网页界面设计中图形的交互性
通常是发生在用户点击链接的实际操作之后，
指代了两个层面的含义：一是带有超链接属性
的图形元素与浏览者之间的交互，通过点击操
控让用户产生愉悦感；二是对网页中功能任务
的交互，图形可以完成网页上下层级关系的链
接交互。

虽然通过图形实现的链接与操控功
能不是整个网页交互性的全部，但的确是对图
形功能设计的一个重要内容，具有良好交互性
的图形设计能最终协助完成网页与浏览者之
间的深度沟通。

结语
网页界面的设计，无论是极具质感的超酷
风格，还是简洁的平面Metro风格，图形元素的
应用，都是实现网页界面友好性、情感化等交
互目的的重要方式。

网页界面设计师根据符
号系统原理对图形元素进行灵活组合运用，实
现预期构想和创意思维。

图形元素由于网页
类型的多样性和丰富性，决定了其设计语言和
设计思维的扩展空间更为广阔。

了解图形的
语义特征，在网页界面设计的构思上提供新的
思考角度，从而发掘出网页界面视觉形态创造
与构架的多种可能性，为网络信息传递提供更
为完美的展示方式。