插画在网页情感化设计中的研究与实践.docVIP

插画在网页情感化设计中的研究与实践 摘要：随着消费需求的提高和日益激烈的市场竞争，人们不再满足简单的物质需求，而是朝着情感心理需求发展。在这种情况下，使产品易于使用的同时为用户带来良好的情感体验就成了产品成功的关键之一。而插画的特性非常适合作为网页情感化设计的要素，本文将分析插画在网页情感化设计中的作用与原则，并以“社团小镇”网站为例，介绍网站利用插画在情感化设计方面的设计实践。 关键词：情感化设计;社团;网页设计;插画 一、情感化设计 （一）本能层次的设计。决定用户本能层体验的是用户在使用产品过程中的视觉感受、触觉感受、听觉体验、嗅觉体验等感官体验，用户第一次使用产品最先感受到的就是本能层的体验，产品的配色、音效、排版、设计元素、质感、动画效果等都影响着界面的本能层体验。例如电商类APP主色一般都会使用明亮艳丽的暖色，如淘宝选用橙色；京东、天猫、拼多多、网易严选、小红书选用红色；闲鱼选用黄色。暖色给人一种温暖、热烈、活跃、兴奋的视觉感受，能够刺激人们的购物欲望。（二）行为层次的设计。如果说视觉是敲门砖，那么行为水平的设计就决定了用户是否愿意继续使用产品，行为水平的设计需要关注4个方面，（1）功能：产品是否满足了用户的需求（2）易懂性：产品是否能给予用户连续的反馈（3）可用性：产品的呈现模型是否与用户的心理模型相匹配（4）性能：产品是否能很好地完成要实现的功能。（三）反思层次设计。反思水平的设计与物品的意义有关，用户在塑造产品的同时产品也成了用户无声的代言人，代表着用户的形象。用户和产品之间的互动会影响用户的自我形象，满足感，记忆等，并形成对品牌的感知，影响着用户对品牌的忠诚度。但是，反思层受到环境、文化、身份，认同等因素的影响，相较于其他两个层次，它会相对较快地发生变化。 二、情感化设计的重要性 社会文明一直在进步，在这过程中人们对精神上的追求也越来越高，从而产生了人们对于各种事物的情感的需求，所以情感化设计在现在社会环境下至关重要。在产品设计时融入情感要素，产品就会着蕴含的丰富的情感，这样的产品才能更打动人心。使产品与用户有心灵与情感上的互动，建立起产品与用户之间的情感关系，从而让用户对产品产生情感上的依赖，让用户对产品短时间的喜爱和关注变为长期的喜爱。 三、插画在网页情感化设计中的作用 （一）具有冲击力的视觉效果。首先，插画具有多种多样的艺术风格与艺术表现手法，能带来多样、富有美感的视觉体验，能够很好地抓住用户的目光。其次，插画自由灵动，画家可以自由地将自己脑中的想象展现在插画中，利用插画这种灵活的特性还可以摆脱模板化呆板、冷漠的网格式布，创造更有新意的视觉体验。如外国设计团队MADWELL的网站首页（图1），画面中小孩的脑中飘出来许多思想的“碎片”，每一个都充满了奇思妙想，而导航栏与画面有机地融合在一起，打破了中规中矩的界面结构，将网页导航栏散布在插画中，再加上独具风格的插画很容易让观看者产生深刻的印象。（二）营造氛围、传递情感。随着时代的发展人们对精神上的追求越来越高，在网页设计时融入情感要素，才能创造出更符合人们需求，能打动人心的网站，而插画就善于营造氛围、传递情感。创作者可以通过对比、夸张、象征等多种丰富的艺术表现手法，渲染出具有艺术情趣的意境，并通过丰富的视觉语言表现出来，唤起人们的记忆、本能、想象，从而引起人们的情绪。且插画具有多种多样的设计风格，可以是时尚的、卡通的也可以是荒诞的，以满足不同群体的精神追求和视觉偏好。因此，插画可以在现在追求个性化的时代中达到与消费者心灵共鸣的效果，让用户对产品产生喜爱与认同，同时插画还可以向观看者传达网站的价值观，起到建立品牌形象的作用，是一种双赢的设计要素。（三）方便理解。文字是一种抽象的符号，人们要理解文字必须接受相关教育，在理解文字时还需要进行思考和阐述，而图像是具象的、直观的，是一种文盲也能读懂的天生的感官本能，利用图像网页可以更充分地展现信息，使用户的理解更为流畅。此外快节奏的现代生活导致人们的空余时间有限，文字阅读要求人们用较大的心力进行长时间连贯的思维，而通过阅读图形获得信息不仅更加的碎片化、轻松、快捷，所以在可以选择的情况下，人们都更倾向于选择以图像为主的表达方式，而且图像还可以添加动效、声音、交互，进一步的优化了信息传递的效果，而插画就是一种基本的图像表达方式。（四）具有文化属性。插画在不同的地域和不同的时代有不同的表现方式，如中国就产生了众多的艺术形式，如水墨画、剪纸、皮影等，它们是文图文化的结晶，是中国人的集体记忆。所以当具有文化属性的手绘插画出现在网页中时，其中所蕴含文化内涵将转化为网站的文化属性，如果消费者认同喜爱这种文化时，同样也会对网站产生认同与喜爱的情感。