汽车网络与新媒体营销课件：新媒体图文设计

新媒体图文设计实践操作单元小结目录情境导入学习目标理论知识典型案例ContentsPART0101情景导入情景导入假设你是上汽荣威汽车4S店的销售人员，互联网时代下，网络营销盛行，准备将本店新上车型荣威RX5MAX，在微信、淘宝平台上开展一系列的产品推广活动，需要制作一系列新媒体营销的宣传海报，请问你了解新媒体图文设计吗？你知道如何设计一张产品海报吗？你知道该如何设计微信文章阅读封面吗？PART0202学习目标学习目标能根据设计主题选择合适的图片能根据设计主题选择合适的文字能使用工具设计电商轮播广告能使用工具进行图文设计能使用工具设计微信公众号封面PART0303理论知识理论知识2.1.1图文设计1.图文设计图片负责传递视觉，文字负责传达信息，图片的视觉冲击力强，但没有文字，信息传达为0。所以图文设计的意义在于将信息视觉化，以视觉化的形式传递信息，信息传递直观清晰，简明扼要。无论是传统媒介报纸、杂志、书籍、海报等，还是网络媒介如网页、淘宝、微信等，对于信息的传达均以图文的形式存在。所以说，图文设计，无处不在。理论知识1.图文设计流程

首先要确定这个海报的主题是什么，我们想通过海报呈现的东西。主题的氛围感觉是什么的，例如时尚、简约、小资这些属于主题氛围。确定以上两步之后，确定配色方案，配色方案要体现主题氛围。之后寻找素材，也就是图片和文字，图片也可以由图形来代替。确定以上四步之后，就要确定版式了，图文应该如何进行编排2.1.1图文设计third2.图文设计基本形式理论知识2.1.1图文设计理论知识受互联网的影响，人们的阅读习惯和审美已经发生改变，他们接受更快、更直接、更形象的信息传达方式，对视觉体验愈加看重。怎么打造一个图文并茂、视觉美感强、信息传递明确的图文设计，图文之间结合怎么才能兼具美感，又符合人们视觉规律，我们可以运用以上原则和工具。3.版式设计原则（1）三分法（2）黄金比例（3）网格工具2.1.1图文设计理论知识（1）主题鲜明突出（2）注意留白（3）图文的颜色（4）创意设计版式内所有元素，包括图片和文字，要匹配并且符合设计主题，且主题鲜明突出，传达信息准确。妙的运用留白，可以提高版面的整体效果，强化版面的视觉层次。运用自己的创意来编排各种版式设计的要素。通过夸张、出其不意的创意设计使版面编排在艺术和功能上完美结合4.图文设计技巧2.1.1图文设计理论知识图文设计中重要的组成元素就是文字，文字相对于图片来说可以传达更精准的信息，可以使读者快速有效阅读。文字的编排、文字的创意设计、文字的大小形式影响着人们对整个版式设计的视觉感官。字体设计讲究视觉平衡度。可以采用变换字体大小、颜色、位置、方向的方法进行字体的加工变形和排列，通过改变字体大小、加粗、倾斜、加下划线、加底色等方法对个别文字进行强调，也可以通过对局部文字添加线框、底色或符号、正文首字放大等方法使其显得尤为突出和醒目，起到装饰和活跃版面的作用。1.文字运用2.1.2图文运用理论知识图片的表现力和真实感更强，更具有说服力根据设计内容主题选择图片，图片色调、主题、构图符合设计内容。色相是颜色的属性，有类别和深浅之分，如蓝色、红色、绿色或是黄色。饱和度就是纯度，颜色的新鲜与黯淡。而明度就是颜色的深浅，明度越高，颜色越接近白色；越低则越接近黑色。图片运用时需要强调色调，或以色相为主，或以明度为主，或以饱和度为主，抓住某一重点，使其占主要地位。2.图片运用2.1.2图文运用理论知识（2）图片关系图片之间的大小关系，图片之间面积对比大则画面效果强烈，跳跃性强；面积对比小则画面效果平衡稳定。图片之间距离关系，图片无间隙的整齐排列，信息丰富；图片之间间隙越大，则视觉效果越平稳“补形”方法的运用，有些时候版面中图片较少，为了追求统一秩序的美感可以用和图片外观一致的色块进行补形，这些色块按照排版规律和图片有机的排列在一起能增强版面的艺术性和趣味性。2.图片运用2.1.2图文运用理论知识设计之前要对图片进行处理。进行抠图、裁剪、颜色的处理，确保视觉传达的完整准确，做到删繁就简，裁剪适当，主题清晰明确。图片处理要借助于软件，常用的电脑软件如PS，手机软件有美图秀秀、Snapseed等。图文设计软件也多种多样，电脑软件如PS、AI，手机软件有黄油相机、Canva等。可以根据自己的需求进行选择。（3）图片处理2.1.2图文运用PART0404典型案例案例分析梅赛德斯-奔驰产品推广图文设计分析此海报是梅赛德斯-奔驰在其微信公众号中推送的微信推文，名为《酷帅表现派在线圈粉》，文章阅读页面由9张图片组合而成，上图是拼接3张图片之后的视觉效果。不同于其他常规微信文章，此文章需要横屏阅读。案例分析梅赛德斯-奔驰产品推广图文设计分析图片为主体，文字为辅的图文设计，视觉冲击力强，横屏阅读确保了良好的视觉体验，画面主题为AMGCLA354MATIC，以黄色作为主色调，副色调是灰色、黑色，点缀为红色，采用高饱和度低明度的配色方案，色彩搭配和谐时尚。黄色作为设计主体，凸显清晰，主题鲜明。案例分析梅赛德斯-奔驰产品推广图文设计分析尺寸的限制，图文之间的编排采用网格工具进行设计，视觉层级关系清晰明确，信息传达准确，视觉感受强烈，体现品牌格调。PART0505实践操作

Canva是一款在线平面设计软件，兼容多种平台，包括Canva网页版、IOS和手机应用。Canva提供了海量的设计模板，千款中英文字体及千万版权图片和插画素材，选择喜欢的模板，通过简单的拖拽操作即可设计出海报、电商广告、名片、邀请函等各类设计图。适合0设计基础的人设计出好看的图文设计。实践操作使用Canva制作新媒体图文设计实践操作1.注册流程输入网址

，即可进入网站首页，点击右上角或页面左侧的“注册”，使用手机号或者邮箱注册账号。登陆之后，进入创建设计步骤。实践操作1.注册流程

Canva提供了大量的免费模板和素材，可根据页面顶部导航条找到相应类目。根据不同类目，在“模板中心”选择你需要的模板。“素材库”里有图片和插画可以选择，可在相应风格下面选择收费\免费的素材进行下载；“玩转Canva”里有操作教程、设计学院进行交流和学习，也能找到在线抠图、API、人像插画制作等特色功能。实践操作2.网络电商广告设计点击顶部导航栏右上角的“创建设计”，选择自己设计图的尺寸，可选择自定义尺寸，也可直接选择网站提供的尺寸，选择“电商Banner”，进入编辑页面。（1）创建设计实践操作2.网络电商广告设计电商Banner是电商首页展示横幅广告，是互联网广告中最基本的广告形式，网页中最显眼的地方，当店铺有活动时，一般以横幅广告的形式出现。如天猫汽车首页为例，展示的天猫汽车百亿补贴活动横幅广告。（1）创建设计实践操作2.网络电商广告设计进入电商Banner的编辑页面，创建的为空白页面，自己可以按照设计主题，对元素进行组合设计。工具栏在编辑页面左侧，使用工具栏中的模板、素材、文字、背景等功能进行页面设计，右上角的“下载”可导出文件。页面左上角的“文件”，有标尺、辅助线、复制等功能进行选择，也可对此设计进行重命名操作（2）工具介绍实践操作2.网络电商广告设计点击左侧工具栏，在每一分类下面都设置了搜索界面，可根据设计主题的信息，颜色、风格、形状等进行搜索，快速选择自己想要的图片和素材。选择好自己想要的素材之后，直接将其拖动至设计页面，就可使用。（2）工具介绍实践操作2.网络电商广告设计借助于模板，可以提高设计速度，在工具栏“模板”分类下，选择适合设计主题的广告模板，修改符合的设计元素。（3）选择模板实践操作2.网络电商广告设计选择图片，将图片拖动至模板图片模块，即可自动替换成我们选择的图片，点击图片即可进入图片编辑，页面顶部有图片编辑操作，可对图片颜色、大小、位置、透明度进行编辑，也可给此图片添加跳转链接。（4）图片及文字编辑实践操作2.网络电商广告设计文字编辑操作与图片编辑操作类似，鼠标滑动至要更改内容，出现蓝色虚线方框时，双击文字即可对文字进行更改。页面顶部可以更改字体、字号、位置、特效等。（4）图片及文字编辑实践操作2.网络电商广告设计点击页面右上角“下载”，选择文件类型，点击下载，即可将此设计下载至浏览器下载界面。导出的电商Banner如图所示。（5）下载导出实践操作3.微信公众号封面设计微信的公众号封面图会出现在订阅号消息信息流、订阅号列表、历史内容这些界面，而好看的封面图则能提高点击率和关注率。公众号封面图要符合文章题目及品牌形象。梅赛德斯-奔驰和宝马中国微信公众号封面图，其公众号配图只采用了图片元素，简约大气，符合品牌定位。实践操作3.微信公众号封面设计返回首页，点击“新建设计”，选择微信公众号封面，进入图文设计页面。（1）新建设计实践操作3.微信公众号封面设计根据主题、颜色，选择适合的公众号封面模板。（2）选择模板实践操作3.微信公众号封面设计在图库里选择适合自己的图片，调整图片的大小及位置，（3）图片及文字更改实践操作3.微信公众号封面设计调整画面中的元素，确保色系统一，配色和谐，鼠标滑动至方形图形，选中此图形，可对图形进行颜色、大小位置的更改，点击设计图上方的色块，可进入颜色选择界面。在颜色选择界面里有“图片颜色”选项，选择其中任意2种颜色搭配元素，就可以得到和谐的配色。（3）图片及文字更改实践操作3.微信公众号封面设计双击文字模块，进行修改文字。（3）图片及文字更改实践操作3.微信公众号封面设计点击下载，导出设计图，导出的公众号封面图如下图所示。（4）导出PART0606单元小结1.图文设计的基