网络交互设计的视觉体验及其视觉元素设计探析.docVIP

网络交互设计的视觉体验及其视觉元素设计探析【内容摘要】视觉体验是网络交互艺术中最为直接和关键的环节，良好的视觉体验有助于用户更好地理解和使用网络功能。文章从艺术设计及设计美学的角度，探析了以用户为中心的交互视觉体验和视觉元素设计。【关键词】网络交互设计 视觉元素 视觉体验一、网络交互设计的视觉体验（一）概述交互设计的视觉体验所谓“体验”，就是人对物象进行观察、分析、理解、认知后在自身生理和心理上产生的主观感受，也可以描述为人感情的升华。用户在浏览网页的过程中会产生直观的感受，网络交互体验的内容包含有对网站总体设计和使用功能的体会。一个成功的网络交互设计会让用户在体验过程中始终感到愉悦，产生感情的共鸣，这种感受和体验是不断升华的过程，依次是感官体验、内心情感的体验、行为体验、反思体验。在“情感化设计”理论中将交互体验分为三个不同的设计维度，即本能、行为和反思体验。本能体验包括人的视觉、听觉以及触觉等感官的体验，这是用户在交互过程中最直接明了的反应，用户在浏览网页时最先产生视觉体验，视觉设计也是整个网络交互设计的重要组成部分，因此网络交互设计中必须要制定有吸引力的视觉元素。视觉元素的功能是传递设计者的主观意识和艺术风格，有效的视觉元素可以成功引导使用者进行下一步操作。网络交互设计中的视觉体验重在舒适性和流畅性，能够给用户留下美好的第一印象，要在质量和类型两方面下功夫，认真权衡质量标准，明确归属网络类型，两方面都要符合用户的审美预期。（二）影响交互设计视觉体验的主要因素视觉体验是用户在使用网页浏览过程中获得的直观感受，是交互体验过程的第一步。网页设计必须具有足够的美观性和视觉冲击力，给用户留有美好印象，引导其进行更进一步的交互体验过程。因此，交互体验的视觉元素设计应该充分了解用户的审美心理和认知心理以及信息的视觉符号转换，注重文案、图形和配色等方面的细节，清晰流畅地表达出设计者的意愿，以此来吸引用户完成整个交互体验过程。用户的审美心理和认知心理是交互设计的关键步骤，人们习惯通过感知经验来对抽象的事物进行认知、思维和理解，而且每个人都具有一定的审美能力，往往对形式美感较为突出的元素比较感兴趣，会对其进行更深一步的了解。信息的视觉符号转换是将交互设计者的思维和设计概念视觉化的过程，而信息接受者需要将获得的视觉元素转化为自身的感官体验，也就是视觉概念化的过程。二、网络交互设计包含的视觉元素在网络交互设计和使用过程中，都需要以视觉元素作为载体来传递和表达设计者要表达的信息及主观意识。视觉元素是设计者与用户交流沟通的桥梁，无论是信息传递性或者操作功能性的视觉元素，其作用和功能的实现都需要可视化的视觉元素来传递信息，交互设计者借助可视化视觉元素来表达设计意愿，可视化的视觉元素帮助用户理解和分析信息。网络交互设计主要包含的视觉元素有承载信息的图形图像、确定的文字表述、合理的颜色模式以及网页排版和视觉形式美等。（一）图形、图像网络交互界面的一个发展趋势就是图像化，以图形、图像作为网页界面的主要信息载体，目的就是提高网页界面的艺术效果和彰显独特的设计风格。图形、图像元素设计要具有很强的艺术感、独特性，直接给用户造成强烈的视觉冲击，增强其视觉体验效果，引导其完成网络交互过程。图形、图像之所以比文字更具有表达效果，主要是由于其独特的艺术特性，直观性、艺术审美性、视觉效果、动态表现以及超越地域和时空的表达都是文字表述所无法达到的。网络交互设计中的图形、图像元素主要有点、线、面的基本造型元素（图1）。（二）文字表述文字表述虽说无法达到图形、图像所表达的效果，但其在网络交互设计中也是必不可少的。在信息接收过程中，用户的阅读习惯还是偏向于文字符号，而且其所占的空间比其他视觉元素要小，能节省用户在使用过程中的浏览或下载时间。网络交互视觉体验的文字表述主要应用于信息内容、标题等。文字所表达的效果有两个方面，首先其本身就具有传递信息的作用，其次通过改变文字表述的规格、字体以及编排形式等也可以起到辅助表达的作用。网页界面的文字表述只要进行合理的排列，也能产生层理清晰、形象生动的视觉传达效果（图2）。（三）合理的色彩模式网络交互界面要具有吸引人的色彩，颜色能够转移用户的注意力，产生很好的视觉效果，尤其是各元素之间形成巨大的色彩反差时，其表达效果会更加明显。考虑用户在感知色彩中不同的视觉结构和心理因素，避免会产生一些特异的视觉效果，需要对计算机网络交互设计的色彩模式进行充分了解。网络交互设计的色彩模式通常有三种，即RGB、CMYK和LAB，这三种模式都与色光的色相、明度以及纯度有关（图3）。（四）版式编排在网络交互设计过程中，版式编排是动态交互中的统筹安排，编排的内容有网络的操作手段、界面的表达效果、各元素的先后顺序等。失败的版式编排会让用户迷失，不能成功理解网页所表达