1.2 互联网视觉设计前的准备工作

设计人员只有在开展设计工作前做好相应的准备工作，了解目标消费者的心理，才能进行有针对性的、主次分明的设计，保证设计作品在互联网的商业竞争中发挥最大的功效。下面对互联网视觉设计的准备工作进行介绍，主要包括了解目标消费者的心理、分析品牌与收集素材、明确视觉定位、布局视觉页面等内容。

慕课视频

互联网视觉设计前的准备工作

1.2.1 了解目标消费者的心理

互联网视觉设计的作用主体是消费者。因此，设计人员在进行视觉设计前有必要了解消费者的认知心理和需求心理，以更好地进行互联网视觉设计的信息呈现，提升消费者对所传达信息的感知力和自身的浏览体验。

1. 消费者的认知心理

认知是指通过形成概念、知觉、判断或想象等心理活动来获取知识的过程，即个体思维进行信息处理的心理能力，这是人最基本的心理过程。从消费者层面讲，最值得被设计人员关注的认知就是品牌认知，当消费者在购买某一类型的商品时，会优先联想到具有良好口碑和使用体验的品牌商品。以小家电品牌为例，当消费者需要购买一台豆浆机时，往往会从九阳、美的等品牌中进行选购。因此，设计人员在进行互联网视觉设计时，要尤其注意建立消费者对品牌的认知。设计人员首先需要将信息以综合化的形式，即文字、图像、形状、人物、背景等互相结合的方式进行综合展示，方便消费者理解信息；其次再将自身的品牌关联到画面中，如展示品牌标识、品牌代言人、品牌口号等具有标识性的内容，以加强消费者对品牌的印象，通过品牌元素来建立消费者的认知心理，形成完善的品牌形象。

图1-1所示的商品海报综合运用了文字、矩形图案、商品图片等设计元素来装饰画面，内容丰富且结构合理，方便消费者识别商品，并以游戏人物来进行创意设计，体现了商品的卖点。而其他文字中包含的“OPPO”等与商品品牌等信息相关联，可以让消费者基于品牌印象了解商品信息。

图1-1 商品海报

2. 消费者的需求心理

马斯洛需求层次理论将人类需求分成生理需求、安全需求、社交需求、尊重需求和自我实现5类，由较低层次到较高层次依次向上排列。下面主要根据5个需求层次，来划分出消费者对商品的5种需求，其对应关系如图1-2所示。

图1-2 消费者心理需求

由图1-2可知，消费者的需求是多方面、多层次的，但单个商品由于功能或条件的限制可能不能满足消费者的所有需求，此时，设计人员就要在设计的过程中，根据消费人群的不同需求，通过视觉设计手段来针对自己的商品进行有重点地呈现，这样才能让目标消费人群产生共鸣。

图1-3所示为一款加湿器的视觉设计效果。设计人员通过对消费者心理需求的分析，结合商品自身卖点，有的放矢地设计出有逻辑的视觉画面。

图1-3 加湿器商品通过视觉设计手段来满足消费者的心理需求

该商品页面对消费者心理需求的满足如下。

（1）商品的基本功能。先通过商品图片和文字展示出了商品“落地|台面 一机两用”的卖点，以及商品品牌与型号，再通过直观的图形和文字搭配来展示商品的减震硅胶、挡雾设计、双重净化、抑菌水箱等基本功能，让消费者看到页面中的内容时就能快速明白商品的基本功能，满足消费者对加湿器商品功能的基本需求。

（2）商品安全的展示。先用文案“没有EMC可能发生什么？”来引起消费者的兴趣，引导消费者继续向下看，然后搭配图片和文字，展示没有EMC可能出现的各种不利情形，最后通过展示加湿器的EMC国际检测合格证书，让消费者更直观地看到商品的安全性能符合要求，能够保障购买者的使用安全。

（3）商品对社交和尊重需求的实现。将商品可以滋润全家人的卖点以图片的形式进行展示，非常直观，更容易让消费者产生共鸣；同时，也能够在一定程度上营造温馨的家庭氛围，满足消费者的精神需求，使其产生美好、愉悦等感受。

（4）商品品牌形象与消费者自我实现需求相吻合。商品品牌所代表的初心、梦想、自我等含义与目标消费者对自我的追求相吻合。

1.2.2 分析品牌并收集素材

品牌是企业信誉、品质、技术、服务等诸多方面的综合体现，成功的品牌战略意味着商品的竞争优势和强大的市场占有率，而利用好素材可以更好地体现品牌效果。下面对分析品牌、收集素材的方法进行详细介绍。

1. 分析品牌

“品牌”是具有经济价值的无形资产，是用抽象化、特有、易识别的心智概念来表现其差异性，从而在人们的意识中占据一定位置。设计人员在分析品牌时一般要从品牌的诉求出发，即品牌精神和特点的凝练表达。好的诉求不仅会满足目标消费人群的消费需求，还能让消费者对一个品牌产生深刻印象，形成良好传播，并增加品牌在行业与消费者心中的影响力。

图1-4所示为“良品铺子”的海报设计。该品牌的诉求主要为“美味、精致、品种齐全”，因此设计人员在进行视觉设计时以网店页面的“高品质、高颜值、高体验”等特点为基础，在页面设计中不但展现了精致的视觉设计，也将商品的美味及高品质进行了视觉呈现，满足了消费者对零食品种齐全和美味的需求，同时也让消费者对该品牌产生了印象，有利于品牌的传播。

图1-4 满足消费者心理需求的海报设计

2. 收集素材

品牌分析完成后，设计人员就可以开始有针对性地收集素材，获取设计需要的视觉元素。这些素材主要包括商品、文案、人物、空间背景、装饰元素等，其来源途径主要有以下几种。

●运营商或品牌方。设计人员可以从运营商或品牌方那里获得设计需要的最基础的素材，即商品经理提供的设计需求文档。其中包括对设计的要求、需要达到的效果，以及涉及的文案、商品图片等资料，设计人员可以提取需要的资料进行画面内容的设计。

●素材网站收集。网络上有很多提供视觉设计素材的网站，如图片网站、字体网站等，在这些网站中可以按照领域或类别进行素材的收集，如平面、电商、装饰、网页、插画、影视等。

●素材制作。在设计的过程中，为了制作出更贴合需求、视觉效果更突出的作品，设计人员还要根据实际情况自行完成一些素材的制作，如图标、创意字体等。

通过这些途径，设计人员可以累积越来越多的素材，不断丰富自己的设计素材库，最后形成比较成熟的设计风格，提高自己的设计能力与效率。当然，在设计不同运营商或品牌方的视觉作品时，还要结合运营商或品牌方的要求和目标消费人群的需求来综合设计，切忌以自己的风格为主导，忽略品牌方与消费者的需求。

1.2.3 明确视觉定位

互联网视觉设计最终是为商品销售和品牌推广服务的，因此设计人员在了解消费者心理和分析品牌后可梳理整体思路，定位视觉设计的方向。视觉定位可根据运营商和品牌方的视觉需求来确定，然后设计人员根据视觉需求来进行设计风格与内容的调整。其视觉需求主要分为两种，下面进行详细介绍。

●以营销为目的的视觉需求。互联网视觉设计的一大目的是营销，其设计需求主要是营造营销氛围，帮助运营商或品牌方进行商品销售。因此对于这一类的视觉设计，建议通过对比强烈的色彩来制造视觉焦点，在视觉焦点处放置关键性的促销信息，再辅以商品图片或其他素材点缀画面，使画面视觉平衡。

●以品牌宣传为主的视觉需求。对于有一定知名度的品牌来说，品牌就是其最大的竞争优势，因此设计人员在设计时要突出品牌优势，重点展示品牌标识、品牌口号等表现品牌形象的元素。同时，为了维护消费者对品牌形象的认知，设计人员应注意尽量避免使用强烈的颜色来凸显促销信息，并要注意弱化消费者对价格的敏感度，主要展示商品品质、加工工艺、质量标准等方面的内容。

明确视觉定位后，设计人员就可以进行视觉框架页面的梳理，明确画面中每个模块的展示功能，分清视觉展示的主次，然后与运营商或品牌方沟通并阐述自己的想法，抓住关键点清晰说明自己的设计思路，最后整合对方的意见进行最终的视觉设计方向定位。

1.2.4 布局视觉页面

视觉页面布局是指对视觉设计画面的整体框架进行构建，规划页面中每部分内容的呈现方式，使页面整体的信息呈现层次清晰、表达明确，更好地引导消费者浏览信息。

在进行视觉布局时，设计人员首先要明确画面中的主体部分，即画面中占据面积较大的、比较显眼的内容，让消费者能够识别出页面要传达的主要信息，并同时与次要部分产生对比，凸显主体部分的重要程度。在此基础上，对页面中的所有内容进行规划，形成有秩序、有条理、有逻辑的整体页面风格，保证页面整体的整洁、有序和易读性。切忌为了展示内容而堆砌设计元素，使页面内容太多、太杂，尤其是进行活动页面的布局时更需要注重整体布局，让整个活动流程的信息展示更加流畅、自然。

例如，在进行促销活动页面布局时，就要考虑以热销款商品为主体来吸引消费者的眼球，其次，再以促销力度和优惠信息来激发消费者的购买欲。以“华为粉丝日”促销活动为例，其海报页面按照左、右对称布局法进行视觉规划，让整张画面显得更加平衡，使视觉焦点自动从促销商品转移到活动信息上，如图1-5所示。

图1-5 左图右文布局方式所呈现的效果