2015最新微信新媒体视觉设计手册 绝对干货!(完整版)
新媒体运营手册(完整资料).doc
【最新整理，下载后即可编辑】新媒体运营手册一、新媒体需要具备的条件1. 基本条件大家想一下：自己微信好友有多少人？你的微博加V了吗？这是做新媒体的基本条件。
如果你微信好友只有几百个，想做新媒体的话，在某种程度上可能会比较弱势。
我到目前为止，微信好友加通讯录大概有6000人。
我带新媒体团队时，尤其要求他们都加V。
你的微信好友如果只有200~300人，和2000~3000人，做新媒体的话差别就特别大。
在某种程度上，这可以判断你的人脉、活跃度、关系、用户等。
200跟2000人，差距可不是10倍，可能是N倍。
目前，微博、微信是新媒体里两个最重要的媒介，也是目前为止很多公司都在做的，但可能在贴吧、QQ空间的探索不是很到位。
2. 个人知识面：社交网站，APP有没有玩社交网站或当下流行APP的？我觉得这体现个人的知识面。
玩社交网站，需要注册账号，不能只是简单地看，在里面要发帖子、回帖子，和很多用户接触，甚至加入用户圈子，才能慢慢了解整个社交网站发展的脉络、趋势。
比如APP，当前最火的是什么？国外哪些APP比较流行？这属于知识面，当你达到一定程度之后，不光是做新媒体，包括做用户运营、活动运营，都会比别人更顺手一些。
3. 你和用户聊过天吗？你有没有和用户真正聊过天？你有多少KOL？这是比较基本的。
（KOL：Key Opinion Leader，关键意见领袖，在社交媒体上有话语权的那些人。
）交心就是以诚相待，跟用户以心交心地聊，这是基本诉求。
做新媒体，不是每天发完文章，你就什么都不管了。
要考虑用户感受，考虑他们为什么会参与到你的文章。
如果没有很多KOL，你会发现自己做的很多工作特别困难。
实际上，无论你是做新媒体还是社区，KOL都是平时必须做的工作。
多认识网上的知名大V，也许他只是小众圈的知名人士，但你也一定要积累比较好的用户跟人脉。
二、对新媒体运营的理解1. 注重实操：勿迷信理论我在2009年接触新媒体，到目前为止玩了5、6年，可能比很多人时间都稍微长一些。
新媒体视觉设计-教案
《新媒体视觉设计》课程单元教学设计与实施
（教案）
教师姓名
适用专业
编写时间
教学单元划分目录
1.表中课时数总和应与该课程学期教学进度计划一致；
2. 授课地点填写多媒体教室、机房、实训室等。
《新媒体视觉设计》课程单元教学设计与实施（教案）一、教学设计
二、教学实施
《新媒体视觉设计》课程单元教学设计与实施（教案）一、教学设计
二、教学实施
《新媒体视觉设计》课程单元教学设计与实施（教案）一、教学设计
二、教学实施
《新媒体视觉设计》课程单元教学设计与实施（教案）一、教学设计
二、教学实施
《新媒体视觉设计》课程单元教学设计与实施（教案）
二、教学实施。
新媒体视觉设计 第1章 认识新媒体视觉设计
目录
CONTENTS
1.1 什么是新媒体视觉设计 1.2 新媒体视觉设计的关键能力
1.1 什么是新媒体视觉设计
1.1.1 什么是新媒体
新媒体的 权威定义
l 新媒体是以数字技术为基础，以网络 为载体进行信息传播的媒介。 （联合国教科文组织的定义）
l 新媒体是所有人对所有人的传播。 （美国《连线》杂志的定义）
——清华大学新闻与传播学院熊澄宇教授
1.1.1 什么是新媒体
？
1.1.2 什么是视觉设计
视觉设计的全称是视觉传达设计（Visual Communication Design），是指依据特定的设计目的，对信息进行分析、归纳 并通过文字、图形、色彩等基本要素进行设计创作，是将可视化 信息传达给受众并对受众产生影响的过程。
1.1.4 新媒体视觉设计的特点
4.从单向传达到人机交互
2014年巴西世界杯，是迄今为止推特最活跃的一段时 期，共计有 6.72 亿次推文发送。所以瑞典啤酒品牌 Norrlands Guld 决定把两者结合起来，发明一种在啤 酒中印推文的新系统。代理商制作了一款使用麦芽油墨， 并直接连接到 Twitter 的打印机，然后通过网络发送实 时的推文到机器里。然后，这些机器将会对推文进行缩 放，印到啤酒的泡沫上。该机器在瑞典和丹麦的比赛中 首次亮相，并将在整个世界杯期间的瑞典各地的酒吧上 线，人们可以放下手机，尽情享受比赛了。
1.2.1 创造能力
收集 原始资料 （信息）
认真研究 所有资料
放开题目 放松自己
创意出现
修改、补充 锤炼、提高
1.2.2 审美能力
审美能力即艺术鉴赏能力，它让我们认识到什么是美，并且能评价美。培养和提高审 美能力有许多方法，收集、学习、借鉴优秀的设计作品，包括国内外优秀的杂志设计、 书籍设计、网页设计等是较快提升自身审美能力的方法。
新媒体内容制作手册
新媒体内容制作手册第1章新媒体内容概述 (5)1.1 新媒体的发展历程 (5)1.2 新媒体内容的特点与分类 (5)1.3 新媒体内容制作的意义与价值 (5)第2章新媒体内容策划 (6)2.1 内容策划的基本原则 (6)2.1.1 目标导向原则：内容策划应紧密围绕企业或产品的核心目标进行，以保证内容的有效性和传播效果。
(6)2.1.2 用户为中心原则：深入了解目标受众的需求和喜好，以用户需求为导向，提供有价值、有吸引力的内容。
(6)2.1.3 创意性原则：内容策划要具有创新性，突出个性，打破常规，以独特的视角和表达方式吸引受众。
(6)2.1.4 互动性原则：鼓励用户参与互动，增加内容的趣味性和传播力，提高用户粘性。
(6)2.1.5 持续更新原则：保持内容更新的频率和节奏，满足用户对新鲜信息的需求，提升用户活跃度。
(6)2.2 策划内容的创意方法 (6)2.2.1 头脑风暴法：通过集体讨论，激发创意思维，搜集各种观点和想法，为内容策划提供灵感。
(6)2.2.2 跨界思维法：借鉴其他行业或领域的成功案例，将其与新媒体内容相结合，创造出新颖独特的内容形式。
(6)2.2.3 痛点挖掘法：深入分析用户需求，挖掘用户痛点，针对痛点提供解决方案，提升内容的价值。
(6)2.2.4 故事化表达法：以故事的形式包装内容，使内容更具情感共鸣和传播力。
(6)2.2.5 热点追踪法：关注时事热点，结合热点进行内容创作，提高内容的热度和关注度。
(6)2.3 策划内容的实施步骤 (7)2.3.1 明确目标：确定内容策划的目标，如提升品牌知名度、增加用户粘性等。
(7)2.3.2 分析受众：深入了解目标受众的需求、喜好、行为习惯等，为内容策划提供依据。
(7)2.3.3 制定策略：根据目标和受众分析，制定内容策划的整体策略，包括内容主题、形式、风格等。
(7)2.3.4 创意设计：运用创意方法，设计具有吸引力的内容，包括文案、图片、视频等。
微信视觉传播效果研究
微信视觉传播效果研究摘要：当前新媒体成为宣传与传播的主要途径，微信半开放的私密性，让它既有社交平台的优势，又有较高的可信度，因此成为新媒体社交平台中极具代表性、用户使用频率较高的社交平台，但其视觉传播却并没有受到学界的高度重视。
本文采用文献资料法、观察法等方法对微信的视觉传播特征、微信视觉传播类型等方面的深入分析研究，以具体个案为切入点，探究微信视觉传播的规律及其问题，以便让信息生产者更好地利用微信达到良好的传播效果。
关键词：微信；视觉传播；传播效果一、微信视觉传播类型微信传播将传统媒体的单一视觉传播方式转变为融合进多媒体的传播方式，让用户体验到全方位立体式的视觉效果。
微信视觉传播的元素包括：文字、动态图、静态图、视频、H5页面、全景漫游等形式，大体把它们分为静态和动态两种类型。
（一）静态视觉传播类型1.文字传播微信中的文字作为内容载体，如果运用得当也能起到很好的传播效果。
这里以微信公众号的推文为例，公众号想吸引人往往要具备三个条件：第一是标题与封面有冲击力，第二步是排版清晰，第三是内容优质。
推文要想获得更高的点击量，标题往往要吸引人，再加上封面图片与之呼应，在一部分程度上形成视觉冲击。
数据显示，2015年微信公众号文章的平均阅读时间为85.08秒，从中可以窥见大部分微信公众号用户仍以快餐式、碎片化阅读为主。
[1]所以，在有限的时间内，推文想要取得有效地传播效果，必须先从标题入手抓住受众眼球。
其次，文字排版应尽量简洁美观、表意清晰、框架明确。
此外，内容是维系受众粘度的重要指标，只有内容优质才能为下一次推文被受众点开、视觉效果生效做好保障。
2.图片传播微信中的图片分为静态图、动态图两类。
静态图主要为：微信头像、朋友圈用图、照片、表情包等，它们都带有很强的个人烙印，在一定程度上是进行自我宣传、建立社会形象、产生情感共鸣的手段。
比如男人用漂亮女人的照片做头像，不一定是因为他与头像中的人有什么关系，有可能仅仅是因为这名男用户是化妆品的售卖者，为了抓住女性消费者，他宁愿将自己“伪装”成一名女性以拉近与客户之间的距离，达到销售的最终目的。
第4章 新媒体视觉设计基本要素
4.1 文字
3.站酷系列字体
国内著名的创意设计网站 站酷，推出了一系列免费 可商用字体，包括小薇 LOGO体、站酷酷黑体、 站酷意大利体、站酷快乐 体、站酷高端黑体5种。
草莓 学堂
4.1 文字
4.文泉驿系列字体
文泉驿是一个以开发开源、免费中 文电子资源（如汉字字体、词库等） 为目标的公益性组织，创办宗旨是 实现“任何人在任何地方都可以自 由使用汉字和汉语进行交流”。提 供的免费字体有：文泉驿正黑体、 文泉驿点阵正黑体、文泉驿等宽正 黑体、文泉驿微米黑、文泉驿点阵 宋体。
图形符号是不使用文字，运用图 画直接传达信息。通俗点来说， 也就是图标，比如说，我们日常 生活中经常见到的交通图标就是 典型的图形符号，不需要任何文 字解释，只需要通过图标，大家 就能明白其中的意思。
草莓 学堂
4.2 图片
3.动态图片
“动图”是近年来在互联网特别 是在移动互联网中产生、发展、 传播的一种新的艺术形式。虽然 目前对其还没有准确的定义及范 围，但只要是涉及图形、图像、 图画、符号的动态表现，都可以 称之为“动图”，它是以GIF格 式为表现形式的连续的动态图片。
草莓 学堂
4.1 文字
1.方正系列字体
方正系列字体是我们接触最 多的系列字体，但免费可商 用的方正字体只有4种：方正 黑体、方正书宋、方正仿宋、 方正楷体。需要特别注意的 是，日常使用频率极高的微 软雅黑属于付费字体。
草莓 学堂
4.1 文字
2.思源系列字体
思源系列字体是Adobe与 Google宣布推出的一款免费、 开源字体，目前有思源黑体 和思源宋体两款供选择。
草莓 学堂
4.3 色彩
2.确定色彩风格 （2）加入白色：清新风格
新媒体广告设计PPT完整全套教学课件可修改全文
新媒体广告设计PPT教学课件
高德地图的十一行诗 文案
新媒体广告设计PPT教学课件
Kindle在世界读书日的广告文案
新媒体广告设计PPT教学课件
蚂蚁金服的文案
新媒体广告设计PPT教学课件
美妆行业的软文标题 “夏天怎样维持清透干净的好皮肤？”
新媒体广告设计PPT教学课件
微信公众号的软文标题 “说到空间表现，它可以‘秒杀’同级所有 SUV ！”
新媒体广告设计PPT教学课件
新媒体广告设计PPT教学课件
新媒体广告设计PPT教学课件
华为手机P30的 宣传文案
新媒体广告设计PPT教学课件
汽车品牌的广告 文案
新媒体广告设计PPT教学课件
格力的文案 “格力，让世界爱上中国造”
老凤祥的文案 “跨越三个世纪的经典”
新媒体广告设计PPT教学课件
新媒体广告设计PPT教学课件
04
新媒体广告设计PPT教学课件
01 文本链接广告
网络广告 的主要形式
02 按钮广告 03 电子邮件广告
04
新媒体广告设计PPT教学课件
01 文本链接广告
网络广告 的主要形式
02 按钮广告 03 电子邮件广告
04 赞助式广告
新媒体广告设计PPT教学课件
新媒体广告设计PPT教学课件
技术层面
利用数字技术、网络技术和移动通信技术的媒体。
• 即时通信类软件（以微信为例）
朋友圈 广告
广点通
Banner 广告
原文链接
软文广告
硬广文章
新媒体广告设计PPT教学课件
• 即时通信类软件（以微信为例）
朋友圈 广告
广点通
Banner 广告
2015最新微信新媒体视觉设计手册 绝对干货!
公司2014年2月成立新媒体部后。目前运营城市经济导报、天地源、曲江新区、西咸信息产业 园、西安演艺集团、西安经开区管委会 6个西安主流微信公众平台。拥有粉丝数量接近 30000 人，目前这个数字正在不断快速增加。
2015年公司整合陕西各主流新媒体数字平台成立微陕联盟。目标构建陕西最大的新媒体数字传
聚焦于产品功能介绍，运用H5的互动技术优势尽情展示产品特性，吸引用户买买买。 案例 这一类型的H5页面多见于汽车品牌，LEXUS NX（雷克萨斯 NX）是其中的优秀代 表案例。精致和极富质感的建模、细腻的光效营造出酷炫的视觉风格。用手指跟随
光的轨迹切割画面揭开序幕，通过合理优雅的触碰、摩擦、滑动等互动形式带领用
超出 13 字，换行会不同程度地遮挡封面图。同时，
过长的标题也会加大读者对标题的理解难度。 当标题一行或两行时，封面内容还能清晰显示。
如果，只是如果，你的标题很长，那么就会变成
右图的样子：
► 标题可添加“【】”来凸显关键字，或者是简洁的“ | ”（竖线），
但不要有过于繁琐、奇怪的符号。
如右图，就凸显主题来说“【】”比较能有效的突出所表现的文字，而缺 点是较为粗暴，没有格调。 用 “ | ”来表达突出与分隔。简洁、干净、有格调。缺点是相对来说视觉 感较弱。 而我们经常也会看到不少账号在标题里 加了许多奇怪的符号，或者字符表情， 这样再谈文章的格调就太难了。
历程中对妻子的爱与愧疚，最后引出“首草——滋阴圣品，爱妻首选”的宣传语。 设计上采用回忆般的黑白色调，简单的照片加文字，配以花瓣掉落、水面涟漪等轻 动画，渲染出唯美优雅的气氛。“首草”这个全新的高端养生草药品牌，用H5打出 了一副走心的情感牌，让用户记住了“半生只为你”的爱妻品牌形象。
► H5 4大功能 / C. 产品介绍型
《新媒体广告与文案》 (5)
（一）微博文案的相关知识概述
1．微博文案的价值
产品调研
01
顾客服务
危机公关
价值
产品销售
广告宣传
04
品牌传播
（一）微博文案的相关知识概述
2．微博文案的特点
微博文案的传播在很大程度上依赖于受众的再传播，这就导致微博文案需要尽可能地 迎合受众的阅读习惯和口味，呈现出了以下特点。
简练 精要
互动 性强
可读 性强
（二）朋友圈文案写作的注意事项
只配一张图，则适合用全景图，它可完全显示出来。尽量不要使用9张图片（九宫 格），因为这相当于“刷屏”，容易被屏蔽，除非将之用作拼图游戏，如在节假 日拼祝福图案等。 语言生动形象，特别是流行词汇的运用有时会加深文案的丰富性和有趣程度，使 文案更具吸引力。
不要刷屏，无论是哪种类型的信息，即使不是和产品有关的，频繁地在朋友圈进 行发布，也会引起受众的反感，甚至会被拉进黑名单。
（二）微信公众号文案的内容策划
4．摘要设计
摘要是位于文案封面图下面的简短文字，其作用是 引导受众点击并阅读文案。一般来讲，摘要的内容要根 据标题拟定。若是活动文案，可将额外优惠作为摘要吸 引受众；若是推书的文案，就可以将书中名句、作者的 话、名人书评等设为摘要。
封面图
标题 摘要
（二）微信公众号文案的内容策划
（一）微信公众号的平台定位
定位目标受众，就是要了解他们的喜好，明确他们的行为动机，并以此策划公众号的运 营内容，设计出他们喜欢的风格、特色和服务，从而做到目标受众喜欢什么，就给他们提供 什么。文案人员可以根据以下几个方面来确定公众号平台的定位。
地域
教育程度
性别
收入
￥
年龄
行业
第二章-新媒体图文排版技能
1 图文排版的要素与技巧
2.1.4 避免过度排版
适度排版可以带给用户更好的阅读体验，但过度排版则有可能影响用户快速理解文章内 容，过于复杂的排版甚至会引起部分用户的反感。典型的过度排版表现包括以下几种。
1．使用动态背景 常见的动态背景有漫天飘落的雪花、不断燃放的焰火、循环游过的小鱼等。在 H5 或祝福贺卡中加入此类动态背景，可以为内容增加趣味性，但在新媒体文章 中加入动态背景，则容易导致用户的目光随背景而动，影响其正常阅读。
2.2
排版编辑器 与插件的应用
2 排版编辑器与插件的应用
2.2.1 135 编辑器
135 编辑器是提子科技旗下的运营辅助产品，其主要功能为图文内容排版，主要使用场 景为微信公众号图文排版、邮件排版等；除此之外，它还可以对接其他新媒体平台，如 百家号、头条号（有一定概率产生图文内容不兼容的问题）。该款编辑器的优点在于编 辑器提示较多、易操作，延伸功能较为全面，如编辑器有多种样式的模板、丰富的图片 素材等，并提供一键配图等自动化功能。
1 图文排版的要素与技巧
2.1.2 图文排版
2．多图配文 （1）多图整齐排列 整齐排列的图片具有秩序感，是最普通且最容易显现出良好视觉效果的多图排列 方式。新媒体运营者只需注意使图片大小和图文排版风格保持一致，如图所示。
1 图文排版的要素与技巧
2.1.2 图文排版
2．多图配文 （2）多图对比排列 新媒体运营者使用这一排列方式时，可以选用多张大小不一的图片，在留白处插 入文字内容，以营造一种对比突出和错落有致的视觉效果。合理的多图对比排列 如图所示。
7．页边距 页边距是指页面中文字两端与页面边缘之间的距离。恰当的页边距能够形成视 觉上的留白与平衡效果。微信公众号后台的页边距设置表述为两端缩进，如图 所示。
新媒体视觉设计 第3章 新媒体视觉设计基本原则
销售与管理品牌Logo
引导关注
推送封面
文末介绍
项目符号
3.2 秩序
3.2 秩序
版面设计最理想的效果，就是可以让读者将版面全部内容读完。但通常情况下，这是很难实现的， 因为读者的注意力很难集中，常常会跳跃式阅读。为了避免这一点，需要创造合理的“视线流”， 引导读者循序渐进地阅读。视线流包括静态和动态两种。
表现主义
立体主义
未来主义
抽象主义
非正式艺术
波普艺术
极简主义
观念主义
3.1 统一
1.风格统一 （1）插画风格
3.1 统一
1.风格统一 （2 （3）极简风格
3.1 统一
1.风格统一 （3）极简风格
3.1 统一
2.色调统一 在12色色环中，从红色顺时针旋转到黄色的区域属于暖色，相对的部分属于冷色。
3.1 统一
2.色调统一 同样的选色逻辑在美妆类自媒体中也适合：
3.1 统一
2.色调统一
冷色在自然界中常见于海洋、天空、植物等，让人感觉到清新和宁静。对应的关键词有理性、自然、 安静、内敛、男性化等。比如，金融理财类自媒体就更适合蓝、绿等冷色系：
设计实践
找出销售与管理官方公众号的视觉设计中，不符合统一原则的地方，并进行改进。
3.3 对比
1.方向的对比
3.3 对比
1.方向的对比
公众号HomeFacialPro的排 版中也采用了这种方向的对 比，标题部分采用纵向布局， 正文部分横向排列，整体视 觉效果非常灵动。
3.3 对比
1.方向的对比
公 众 号 Vo i c e r 中 的 部 分 插 图也使用了横向和纵向文 字的对比，并增加了动态 效果，进一步强化了对比。
VIS（CIS）视觉形象设计完整版
VIS（CIS）视觉形象设计完整版V I（C I S）视觉形象系统规划产品名称：企业名称：服务提纲一、基础构成部分。
二、管理领域的VI应用规范。
三、生产领域的VI应用规范。
四、流通领域的VI应用规范。
五、推广领域的VI应用规范。
六、交货方式。
一、基础构成部分。
（一）企业标志规范：1、□标志内涵及延伸意义；2、□标志造型及制作标准；3、□标志色彩运用规范；4、□标志近、中、远距离比例变化规范。
（二）企业中文名称规范：1、□企业中文名称内涵及延伸意义；2、□企业中文名称造型及制作标准；3、□企业中文名称色彩运用规范；4、□企业中文名称近、中、远距离比例变化规范。
（三）企业英文名称规范：1、□企业英文名称内涵及延伸意义；2、□企业英文名称造型及制作标准；3、□企业英文名称色彩运用规范；4、□企业英文名称近、中、远距离比例变化规范。
（四）品牌名称规范：1、□品牌名称内涵及延伸意义；3、□品牌名称色彩运用规范；4、□品牌名称近、中、远距离比例变化规范。
（五）广告语规范：1、□广告语内涵及延伸意义；2、□广告语文字造型及制作标准；3、□广告语色彩运用规范；4、□广告语近、中、远距离比例变化规范。
（六）企业标志与中文名称组合规范：1、□造型及制作标准；2、□色彩运用规范；3、□近、中、远距离比例变化规范。
（七）企业标志与英文名称组合规范：1、□造型及制作标准；2、□色彩运用规范；3、□近、中、远距离比例变化规范。
（八）企业标志与中、英文名称组合规范：1、□造型及制作标准；2、□色彩运用规范；3、□近、中、远距离比例变化规范。
（九）企业标志与品牌名称组合规范：1、□造型及制作标准；2、□色彩运用规范；3、□近、中、远距离比例变化规范。
（十）企业标识（标志、名称）与品牌标识共存规范：1、□共存时平面排列规范；2、□共存时尺寸比例规范；3、□共存时色彩对比规范。
（十一）吉祥物规范：1、□吉祥物命名、内涵及何时使用；3、□吉祥物主服装及色调；4、□吉祥物系列服装；5、□吉祥物系列动作造型；6、吉祥物与企业标识共存时规范：①□共存时平面排列规范；②□共存时尺寸比例规范；③□共存时色彩对比规范；7、吉祥物与品牌标识共存时规范：①□共存时平面排列规范；②□共存时尺寸比例规范；③□共存时色彩对比规范。
新媒体视觉营销设计 教案 项目三新媒体视觉设计基本要素
《新媒体视觉设计》课程教案3-14.社区平台文案。
社群平台是指在各类交友软件上（如QQ 群、微信群）建立不同的群，通过这个群组织有共同兴趣和爱好的人，再分享产品文案来实现营销变现。
（三）文字要素在新媒体视觉设计中的应用1、字体。
文字通过不同的造型结构、笔画特征能够传达不同的情绪，无论是阳刚型文字的棱角分明、柔美型文字的优雅亲和，还是手写文字的舒适洒脱，无不传达着别样的感染力。
2.字号正文文字字号的设置范围为 12 ～ 24 号，但一般建议正文的字号为 14 ～ 16 号。
若正文中的部分文字需要突出重点突出或特别标注，可通过加粗或修改文字颜色的方式来实现。
3.排版（1）简约美观排版是为了提升阅读体验，其好坏基于审美。
千万不要为了排版而排版，不要花哨，不要复杂，应做到简约美观。
（2）结构清晰如果一篇文章字数很少，可以不用排版。
排版是要把一篇几千字的复杂文章简单化，分成多个模块的一个过程，让文章呈现得更有逻辑、更清晰，让用户更容易接受，可以更高效地阅读。
（3）重点突出A.需要重点突出的可以用特殊的排版格式单独列出，比如加底色、边框。
B.标黑标粗，字号加大。
C.标注特殊颜色。
D.用引导语引出需要重点展示的内容，告诉受众“重点来了”。
E.适当的配图三、任务实施（40分钟）【微博文案分析】请上网查找优秀的微博文案，并分析，明确微博文案的特点与文字要素的设计及排版要求，完成下表，并派代表分享。
【任务评价】以小组为单位，评价【微博文案分析】任务中的表现。
【师生互动】教师和其他组同学分别对发言组进行提问。
四、课后总结与思考（5分钟）系（部）：教研室：教研室主任签字：年月《新媒体视觉设计》课程教案3-2二、知识准备（42分钟）（一）配色原则1.和谐统一的原则。
页面的整体配色效果重在彼此协调、统一，让用户在浏览过程中关注文案内容和主题图片，尽量不被周围配色所打扰。
（1）同色系配色。
这种色彩搭配看起来协调统一，但又有主次，层次分明。
新媒体营销
New Old Stock Little Visuals Unsplash Little Visuals
CUPCAKE
摄图网
设计师导航
/free / https:/// / https:/// / .ar/ / http://nos.twnsnd.co/ https:///collections
图icon图标
“icon图标一直深受PPT制作者的追捧，它不仅仅是一种图形，更是一种标识， 具有高度浓缩并快捷传达信息、便于记忆的特性。无论设计封面图或信息长图，
恰到好处的icon图标能够为图片增色不少。一方面，icon图标能够最大限度地
取代文字信息，满足视觉化设计需求；另一方面，icon图标的使用可使长图的
PPT裁剪并制作封面图
设置完成后将白色方框放置于幻灯片中间。依次在幻灯片以外 区域右键选择“标尺”——“网格和参考线”——勾选“参考 线”——勾选“智能参考线”，幻灯片出现上方和左方出现标 尺，幻灯片中间出现虚线，并在标尺上处于O的位置。把白色方 框拖动至幻灯片中间，直至白色边框四边的中点对应在十字架 虚线上。
新生指南
PPT裁剪并制作封面图
2 添加方框
依次选择幻灯片顶部“插入”——“形状”——“矩形”，按 住键盘“Shift”键，同时鼠标左键拉出一个正方形，右键正方 形依次选择“设置形状格式”——在幻灯片右侧弹出窗口“填 充：无填充”—— “线条：实线”——“线条颜色：白色”— —“线条宽度11磅”，其他数值默认，得到一个白色方框。
右侧“下载PNG”或“下载AI”。
FlattyShadow
/
FlattyShadow，英文界面，一个制作扁平化 阴影icon的网站，可以根据需求调整icon的形 状、色彩、大小、阴影变化等。单击首页右上 角“Get Started”按钮开始设计。
多维新媒体营销-第3章 新媒体图文排版技能
图文排版的 基础操作
01
字体与字号
不同的手机，屏幕尺寸不同，但是 从视觉效果上看，合适的字体和字号可 以提升读者的阅读体验。较大的字号可 用于标题或其他需要强调的地方，小一 些的字号可以用于页脚和辅助信息。需 要注意的是，小字号容易产生整体感和 精致感，但可读性较差。
在微信编辑器中，常用的字号为14 号、16 号。15 号并没有显示在字号选择 区中， 用户可以直接在字号选择区手动 输入15 即可。在秀米编辑器中可以直接 设置字号为15。
03
忌风格不定
公众号偶尔变化风格，会让读者会心一笑，感觉耳目一新。 但如果推送出的每一篇文章，其字体、分割线等都不相同，会导致 公众号无法呈现整体形象，读者自然记不住你的风格。将排版风格 固定，可以更好地统一品牌形象，提升识别度。
04
忌样式繁杂
使用编辑器会接触到大量的 样式，但是在使用样式时必须注 意求精而不求多。过多的线条、 文字框、箭头等堆砌在一起，反 而无法将想要表达的内容表达清 楚。
第3章 新媒体图文排版技能
文字是新媒体载体中最基本和 最常用的元素，是新媒体信息 传播的重要载体。大部分新媒 体传播形式都是以文字表现形 式为主的，即使是漫画或视频， 也都是以文字为基础的。学会 文字的排版技能对于新媒体设 计人员至关重要。
目录
1 图文排版四忌 2 图文排版的基础操作 3 图片排版的工具 4 H5 制作工具
04
对齐方式设置
设置对齐方式是新媒体创作者的必 备技能。对齐方式在符合人们阅读习惯 的同时， 也要与内容的其他元素进行互 动。四个常见的对齐方式是左对齐、居 中对齐、右对齐、两端对齐。
微信公众平台编辑器的对齐方式： 从左至右分别是左对齐、居中对齐、右 对齐、两端对齐。在其他微信公众号文 章编辑器平台中，如秀米、135 编辑器、 i 排版、新榜编辑器等同样支持对齐方式 的调整
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
毕竟观者是在很近距离地看文章，如果很花，就给人一种很廉价的感觉，相信谁也不希望自己的文章是这样的感觉。
右边色板把最常见的颜色都囊括了，而且摆放上从中间向 两边发散。在配色中遵循以企业标准色为主色调。以同色 系或者临近色为辅助色（横向选色）。在需要特别突出的 时候运用对比色系（纵向选色）。
微信公众平台自2012年8月开通以来已经有超过1000万个账号，随着公共账号的数量增多，读 者对于账号的质量也要求越高。据统计，平均每人每天阅读的公众账号文章大约为5—8篇，良 好的阅读体验也成为提高用户阅读和转发量的重要因素。与传统的PC或纸媒有所不同，移动端 的阅读体验有着不同的标准。
公司2014年2月成立新媒体部后。目前运营城市经济导报、天地源、曲江新区、西咸信息产业 园、西安演艺集团、西安经开区管委会6个西安主流微信公众平台。拥有粉丝数量接近30000 人，目前这个数字正在不断快速增加。
杂乱颜色及主体过多的图片会使观者视觉疲 劳产生烦躁的情绪，尤其是在图片质量不高， 尺寸不大的时候。
而干净颜色统一的图片，使人一目了然，没 有过多的视觉负担。所以看后产生轻松愉悦 的感觉。
► 封面图片的主要内容要尽量居中
因为在读者分享到朋友圈的时候，微信后台会自动截取封面图居中的正方形内容， 只有主要内容居中，这样才保证图片的精彩内容更容易被读者看到。
因为订阅号在显示过程中标题是被折叠起来的， 折叠后能显示的文字非常有限，如果公众号标题 很长，很有可能在订阅号预览页没办法直接显示 标题，从而无法完全了解文章想要表达的意思。 比如右边这三个文章标题，显然最短的那篇信息 传达的更友好更清晰。
► 标题字数要尽量控制在约13个字以内。
在图文中，标题会在封面图上方增加黑色遮罩， 超出13字，换行会不同程度地遮挡封面图。同时， 过长的标题也会加大读者对标题的理解难度。
总结：正文是一篇文章的灵魂，舒适的阅读体验可以使整个文章增色不少。 视觉设计是针对观看者的主观形式的表现手段和结果。通过合理的设计可以 使观者在一个轻松愉快的氛围下读完一篇文章，并在这种心情下慢慢体会文 章带给他的意境。
THREE 3 HTML5
► 什么是HTML5
HTML5简称H5是一种高级网页技术，我们平时看到那些邀请函、小游戏都是HTML5网页，确 切来说叫HTML5它跟我们平时上网看到的那些网页本质上没有任何区别。而HTML5通过移动 端平台已经走进了我们的生活。
比较偏“文艺范”的文章字体可以适当稍小一些 （12-14px），显的文章更精致一些。
文章重点部分可用彩色文字凸显，但不要用荧光 色（较扎眼），不要超过3种颜色。
► 行间距：1.5-1.75倍的行距看起来会比较舒服。
行间距在1.0或者以下，文字显的较为拥挤。观 看者在阅读过程中视觉没有有效的舒缓，在观看 较长的文章时容易产生视觉疲劳。
右图中的封面采用的是居中构图，一眼 看去没什么特别，但是分享到朋友圈的 时候优势就明显了，位于正中央的图片 会成为朋友圈图文封面的正中心。试想 如果封面主体人物居左或者居右，很可 能分享过去的就是半边身子的人了。
► 正文配图
文章中的图片在挑选时要尽量选择与文章内容贴合的图片。 在挑选这些图片时也要注意图片内容、色彩冷暖的一致性。 并且正文图片一定要与文章封面图相呼应。
聚焦基于微信传播的H5页面的视觉设计，可通过一些行业内经典的案例分析来得出设计的思路 与方法。
► H5 4大功能 / A. 活动运营型
为活动推广运营而打造的H5页面是最常见的类型，形式多变，包括游戏、邀请函、 贺卡、测试题等形式。与以往简单的静态广告图片传播不同，如今的H5活动运营页 需要有更强的互动、更高质量、更具话题性的设计来促成用户分享传播。从进入微 信H5页面到最后落地到品牌App内部，如何设计一套合适的引流路线也颇为重要。
而我们经常也会看到不少账号在标题里 加了许多奇怪的符号，或者字符表情， 这样再谈文章的格调就太难了。
► 小标题要尽量醒目并与正文在距离和大小上区分开来
一般区分方法有： 加大行间距区隔，一般在小标题和正文之间空一行； 改变小标题字体颜色； 改变小标题字号大小；
另外，如果小标题过长，可以将小标题断句折成两行分为主副标题。非常 不建议使用过长的标题，一来难理解，二来不好看，尤其是手机的屏幕是 狭长的，简短明快才是王道。
TWO 2 从视觉的角度对微信公众 账号进行深度剖析
MICRO LETTER TO PUBLIC ACCOUNTS FROM THE PERSPECTIVE OF VISUAL DEPTH PROFILING
| 标题篇 |
► 图文标题是提高用户阅读欲望的首要动力，标题越简洁，越能快速被用户解读，并转化为文章的阅读。
► 正文一段不要超过一屏，正文段落之间建议空一行。
文章长短建议不要太长1500 ——3000字以内最为合适。太长的文章会使读者产生厌烦了情绪。 段落的长短尽量不要超过一屏幕，段之间空一行使读者产生视觉缓冲。并适当配图。
► 文章配色
从文章配色上来讲，原则是一篇文章里出现的颜色绝对不要超过三种，一般来说：文字就用纯黑色，需要着重强调的文字 可以使用红色，或者蓝色等，最好是与企业LOGO颜色相符。
► 表现形式为功能服务 / A. 简单图文
简单图文是最常见、最典型的H5专题页形式。“图”的形式千变万化，可以是照 片、插画、GIF等。通过翻页等简单的交互操作，起到类似幻灯片的传播效果。考 验的是高质量的内容和讲故事的能力。
案例1 滴滴打车这个案例就是典型的简单图文型H5专题页，用几张照片故事串起了整套 页面。视觉简洁有力，采用整屏黑白照片，点缀以滴滴的品牌橙色。每切换一张图 片，文字就渐隐浮现，没有其他互动形式，让观众聚焦于内容，通过陌生人之间的 真情联系来塑造品牌的正能量形象。
► H5 4大功能 / C. 产品介绍型
聚焦于产品功能介绍，运用H5的互动技术优势尽情展示产品特性，吸引用户买买买。
案例 这一类型的H5页面多见于汽车品牌，LEXUS NX（雷克萨斯 NX）是其中的优秀代 表案例。精致和极富质感的建模、细腻的光效营造出酷炫的视觉风格。用手指跟随 光的轨迹切割画面揭开序幕，通过合理优雅的触碰、摩擦、滑动等互动形式带领用 户一同探索产品的7大特性，宏观和微观都照顾周全。
► H5 4大功能 / B. 品牌宣传型
不同于讲究时效性的活动运营页，品牌宣传型H5页面等同于一个品牌的微官网，更 倾向于品牌形象塑造，向用户传达品牌的精神态度。在设计上需要运用符合品牌气 质的视觉语言，让用户对品牌留下深刻印象。
案例 伴随着浪漫的钢琴旋律，《首草先生的情书》是以一位男士的口吻娓娓道来在成长 历程中对妻子的爱与愧疚，最后引出“首草——滋阴圣品，爱妻首选”的宣传语。 设计上采用回忆般的黑白色调，简单的照片加文字，配以花瓣掉落、水面涟漪等轻 动画，渲染出唯美优雅的气氛。“首草”这个全新的高端养生草药品牌，用H5打出 了一副走心的情感牌，让用户记住了“半生只为你”的爱妻品牌形象。
总结：标题是引起读者阅读兴趣的开始，简明扼要的标题能迅速吸引读者的 注意，也能帮助用户快速找到文章的结构以及重点。需要注意的是文章标题 尽量控制字数，简短醒目、易理解的标题往往更受读者的青睐。
| 图片篇 |
一篇优秀的文章配图一定也很精彩，因为它会给提升文章的吸引力与魅力。微信中的图片一般包括，头图封面、小图封面、 以及文章正文中的配图。这三种图片又各有不同，应该根据每种图片的特点进行挑选。
► 结尾关注引导图的设计
好的文章需要有好的结尾，关注引导图是在整个公众平台中统一的，它是一个品牌或企业在微信平台中的视觉形象，所以 在整个微信视觉体系中非常重要。
一般结尾引导图在设计中遵循以下几点： 1、符合自身行业特点及企业文化，只有适合自己的才是最好的。 2、微信视觉的整体调性。切勿前后风格不统一，使引导图突兀，观者产生视觉错乱。 3、不要太过于花哨，颜色尽量统一。如同一公众平台但不同版块，可以使样式风格统一，颜色差异。
► H5 4大功能 / D. 总结报告型
自从支付宝的十年账单引发热议后，各大企业的年终总结现也 热衷于用H5技术实现，优秀的互动体验令原本乏味的总结报告 有趣生动了起来。
案例 《京东的十大任性》用10张横屏页面讲述了京东在2014年的十 大成就，视觉设计上采用简洁的扁平风插画，加入纸面质感复 古卡片拼贴。不同页面间通过手指滑动实现流畅的视差滚动效 果，最后还有刘总这个小彩蛋。一口气看完后大概就了解2014 年京东都干了哪些大事。
2015年公司整合陕西各主流新媒体数字平台成立微陕联盟。目标构建陕西最大的新媒体数字传 播平台。以达到聚合传播、互利共赢、定制服务、内容领先的行业理念。
此环境下 / 在现阶段
微信现有的视觉呈现已经 不能满足客户及公司发展需求
因此视觉中心应“转变传统视觉设计的表现形式，关注新媒体视觉设计 的发展，拓展设计思路，把新媒体自由、多变、互动、视听的表现 形式与平面设计语言结合，增强及巩固公司在新媒体领域的竞争 力”。
► 表现形式为功能服务
在确定了专题页的功能目标之后，接下来就是关键的设计阶段了。如何有针对性的进行设计，需要考虑到具体的应用场景 和传播对象，从用户角度出发去思考什么样的页面是用户最想看的最会去分享的。以下4种是常见的H5专题页表现形式：
A
B
C
D
▼ 简单图文
▼ 礼物 贺卡邀请函▼ 源自答 评分测试▼ 游戏
总结：图片看似无意，但实际在文章中扮演的角色是非常重要的。好的图片 可以为文章增色不少。但是图片的选择种类也是花样繁多，这里只基本的选 择方法。核心还是根据主题配图，在整篇文章中配图尽量协调统一。
| 正文篇 |
►文章正文的字号最好在14—18px之间，以16px最为合适。
文章篇幅较短，字体可以稍大一些（16-18px）， 可扩充版面。
而行间距在1.5-1.75时，观者在阅读过程中因为 适当的间距留白，所以眼睛得到舒缓。