资源简介

(共33张PPT)
互联网文案的视觉设计
04
目录/Contents
4.1
4.2
4.3
文案版式的整体规划
文字的格式设计
文字与图片的结合
4.4
课堂实训——分析文案的视觉设计
4.1.1 合理设计空间布局
1．中心分布
2．对角线分布
4.1.1 合理设计空间布局
3．上下/左右分布
4.1.1 合理设计空间布局
4．“井”字分布
4.1.2 设计文字对比
大小粗细对比
方向对比
疏密对比
文字的大小粗细是体现信息重要性的主要依据，通常表示重要信息的文字要大和粗，表示次要信息的文字则小而细。互联网文案人员需要放大和加粗最重要的信息，以减少其他不必要信息的干扰。
文案中文字的排版方向可以直接影响受众的视觉感受，如果将不同的文字经过设计后进行不同方向的呈现，就可以有效增加版面的动感和空间感，向受众展示文字信息的不同层次和重要性。
文字疏密是指文字之间的距离以及文字与段落之间的距离。互联网文案人员可以通过调整文字的疏密程度将不同字体、字号和颜色的文字分类隔开。
4.1.2 设计文字对比
该海报文案将表示活动主题的字体放大显示，从而吸引受众注意，然后用稍小一些的字体展示满减信息，再用更小的字体介绍活动的具体时间，不同大小的字体体现出文案的层次感，提高了视觉美感。这种做法非常适合用于促销文案的字体设计。
案例分析：某文具品牌的促销海报设计
4.1.3 为画面设计修饰元素
点
线
面
1．加法
4.1.3 为画面设计修饰元素
边缘裁剪
隐藏
镂空
2．减法
4.1.3 为画面设计修饰元素
乘法是指文案内容和其他元素发生碰撞、产生交集，像做乘法一般产生放大的视觉效果。在实际的视觉设计工作中，互联网文案人员可以通过文案文字与内容主题之间的相互呼应来达到这种效果，如文字与产品图片、品牌标志之间的呼应等。
3．乘法
目录/Contents
4.1
4.2
4.3
文案版式的整体规划
文字的格式设计
文字与图片的结合
4.4
课堂实训——分析文案的视觉设计
4.2.1 选择文字的字体类型
1．宋体类
宋体是比较传统的字体，其字形较方正、纤细，结构严谨，整体带给受众一种秀气端庄、舒适醒目的感受。常用的宋体类字体包括华文系列宋体、方正雅宋系列宋体、汉仪系列宋体等。大多数定位女性消费群体的产品，其文案多采用宋体类字体作为主要字体。该图是某化妆品的促销海报文案，文案字体主要为宋体，展示出该产品柔美、活泼、优雅、生动的特性，可以带给受众非常舒适的视觉体验，拉近了受众与产品之间的距离。
4.2.1 选择文字的字体类型
艺术体是指一些非常规的特殊印刷用字体，其笔画和结构一般都进行了一些形象的再加工。常用的艺术体类字体包括娃娃体、新蒂小丸子体、金梅字体、汉鼎字体、文鼎字体等。海报类和新媒体平台中的互联网文案常使用艺术体类的字体，可以达到提高文案的艺术品位、美化文案版式、聚焦受众目光的效果。
2．艺术体类
4.2.1 选择文字的字体类型
3．黑体类
黑体又称方体或等线体，它没有衬线装饰，字形端正，笔画横平竖直，笔迹粗细几乎完全一致。黑体类字体通常能够展现出浓厚的商业气息，其字体相对其他字体较粗，这一特点能够满足受众对大体积、大容量产品的文案的认知需求，能够表现出阳刚、气势、端正等意义，可用于大多数产品海报或产品详情页等大面积使用文字的页面中。常用的黑体类字体包括微软雅黑、方正黑体简体、方正大黑简体等。
4.2.1 选择文字的字体类型
4．书法体类
书法体是指具有书法风格的字体，常用的书法体类字体包括隶书、行书、草书、篆书和楷书等。书法体具有较强的文化底蕴，字形自由多变、顿挫有力，在力量中掺杂着文化气息，具有传统、古典和文化风格的品牌和产品文案多采用书法体类字体。
4.2.2 设置文字的对齐方式
左右对齐和上下对齐
这几种对齐方式是根据文案版式的边界来设置的，使用这几种对齐方式的文字会与边界线平行，向受众展示文案的稳重、统一和整齐
居中对齐
使用居中对齐排版的文案比较美观，内容一目了然，如图4-15所示。居中对齐在互联网文案中也经常使用。
4.2.3 设计主、副标题及描述
粗细对比和大小对比
对比分明
文字具有可读性
4.2.4 设计文字行间距
行间距是指文案上下两行文字之间的疏密程度，文字行间距太小或者太大都会影响受众的阅读体验。行间距太小会混淆两行文字之间的层次，让阅读变得困难；行间距太大则会延长受众阅读的时间，降低受众的阅读兴趣。
目录/Contents
4.1
4.2
4.3
文案版式的整体规划
文字的格式设计
文字与图片的结合
4.4
课堂实训——分析文案的视觉设计
4.3.1 常用的图片格式
使用JPEG图片时需要注意以下几点。
（1）清晰度。图片的分辨率越高越好，防止放大时出现模糊或马赛克的现象。
（2）层次。层次主要通过高光、阴影等的布局来体现。
1．JPEG图片
4.3.1 常用的图片格式
GIF图片是一种基于无损压缩模式的图片，压缩比高，占用空间少。在一个GIF文件中可以保存多幅彩色图像，并可将存于一个文件中的多幅图像数据逐幅读出并显示到屏幕上，从而构成动画，通常也把GIF图片称为GIF动画。
2．GIF图片
4.3.2 文字与图片结合的方式
1．利用图片表达文字的意境
在文案中，图片的作用不仅展示产品和宣传品牌，而且通过与文字的直接结合，以象征或者比喻的方式来表达文案所传递的信息。在进行文字与图片的结合时，可用视觉形象来拓展文字的内涵和意境，使信息传达得准确完整。
4.3.2 文字与图片结合的方式
2．根据图片形式设计文字
图片其实是文字的视觉联想。在文案中设计文字形式时，可以利用创造性的联想、非常规的思考方式、产品图片以及品牌Logo等来寻找创作的契机，并根据图片的形式来设计文字，利用文字表述引发受众的无限遐思。
4.3.2 文字与图片结合的方式
3．根据文字设计图片
图片和文字的结合可以表现为根据文字设计图片，这要求图片内容要准确对应文案的主题，将文字融入图片。利用这种方式设计出的文案，在视觉上可以达到图片和文字协调统一的效果，具有韵律感和层次感。利用形象化的图片来展示文字的内容信息，可以巧妙地展现出文案的视觉冲击力，给受众一个完整、深刻的印象。
4.3.2 文字与图片结合的方式
４．用图片引领文字
人的视线通常会被图片的方向引导，根据图片反向设计的文字可以表现出更强的活力和动感。而且，图片方向指引的末端通常会成为受众视觉的焦点，也就是图片最突出的位置，在这个位置放置文字内容，就能获得受众足够的关注。
4.3.2 文字与图片结合的方式
5．运用文字形成视觉隔断
文案中通常会有背景或产品图片，而且这些图片会有一定的版式布局，如果将文字插入其中，打破原有的固定版式，形成视觉隔断，就能利用文字提高受众的视觉感受。
4.3.2 文字与图片结合的方式
6．图文融为一体
文案的一大功能是销售产品和推广品牌，只有将文案中的图片和文字融为一体，才能真正吸引受众的注意，完成营销任务。在排版和视觉设计中，要实现图文融为一体，一个比较简单的方式就是使图片与文字形成交错。图文交错会带给受众一种空间感，不仅能让图片和文字产生互动，而且能使文字的呈现方式更加富有创意，提高文案的视觉表现力。
01
OPTION
02
OPTION
03
OPTION
04
OPTION
4.3.3 图文结合的注意事项
图片必须有鲜明的主体。
图片宜产生悬念，以吸引受众观看。
功能性产品的图片，使用前后对比应极有说服力。
实拍照片的吸引力更大。
05
OPTION
图片中只需重点突出一个卖点，不宜过于繁复。
06
OPTION
07
OPTION
08
OPTION
09
OPTION
4.3.3 图文结合的注意事项
人物脸部不宜与实际尺寸有太大的差异。
尽量少用历史照片。
以目标消费对象的心态来确定图片主体。
彩色图片的吸引力比黑白图片高。
10
OPTION
食品类文案，最好采用包含有令人馋涎欲滴的食品的图片，这更容易产生效果。
目录/Contents
4.1
4.2
4.3
文案版式的整体规划
文字的格式设计
文字与图片的结合
4.4
课堂实训——分析文案的视觉设计
课堂实训——九宫格思考法和金字塔原理法的运用
随着读图时代的到来，文案的视觉效果成了商家关注的重点。现有几篇某运动品牌的文案，请从视觉设计的角度对其进行分析。
课堂实训——九宫格思考法和金字塔原理法的运用
实训要求 （1）分析这些文案的文字的格式设计。
（2）分析这些文案中图片与文字的结合方式。
实训思路 （1）分析这些文案的文字的格式设计。
（2）分析这些文案中图片与文字的结合方式。
谢谢观看

展开更多......

收起↑