2015最新微信新媒体视觉设计手册-绝对干货!汇总303.pptVIP

??封面图要尽量选择干净、色彩统一的图片。 在挑选图片时也要清楚品牌与文章的定位，应当挑选与品牌形象及文章内容相一致的图片。可对图片进行一定的简单设计，突出文章的主题，使读者感受到编者的用心。 杂乱颜色及主体过多的图片会使观者视觉疲劳产生烦躁的情绪，尤其是在图片质量不高，尺寸不大的时候。 而干净颜色统一的图片，使人一目了然，没有过多的视觉负担。所以看后产生轻松愉悦的感觉。 kjkjkhjk * ??封面图片的主要内容要尽量居中 因为在读者分享到朋友圈的时候，微信后台会自动截取封面图居中的正方形内容，只有主要内容居中，这样才保证图片的精彩内容更容易被读者看到。 右图中的封面采用的是居中构图，一眼看去没什么特别，但是分享到朋友圈的时候优势就明显了，位于正中央的图片会成为朋友圈图文封面的正中心。试想如果封面主体人物居左或者居右，很可能分享过去的就是半边身子的人了。 kjkjkhjk * ??正文配图 文章中的图片在挑选时要尽量选择与文章内容贴合的图片。在挑选这些图片时也要注意图片内容、色彩冷暖的一致性。并且正文图片一定要与文章封面图相呼应。 kjkjkhjk * 总结：图片看似无意，但实际在文章中扮演的角色是非常重要的。好的图片可以为文章增色不少。但是图片的选择种类也是花样繁多，这里只基本的选择方法。核心还是根据主题配图，在整篇文章中配图尽量协调统一。 kjkjkhjk * | 正文篇 | ?文章正文的字号最好在14—18px之间，以16px最为合适。 文章篇幅较短，字体可以稍大一些（16-18px），可扩充版面。 比较偏“文艺范”的文章字体可以适当稍小一些（12-14px），显的文章更精致一些。 文章重点部分可用彩色文字凸显，但不要用荧光色（较扎眼），不要超过3种颜色。 kjkjkhjk * ??行间距：1.5-1.75倍的行距看起来会比较舒服。 行间距在1.0或者以下，文字显的较为拥挤。观看者在阅读过程中视觉没有有效的舒缓，在观看较长的文章时容易产生视觉疲劳。 而行间距在1.5-1.75时，观者在阅读过程中因为适当的间距留白，所以眼睛得到舒缓。 kjkjkhjk * ??建议移动端的文章无需首行缩进。 传统印刷以及PC端屏幕较大，较宽，为了方便识别出文章的开端，首行默认缩进2个字。而在移动端，由于屏幕比较狭长，首行缩进没有必要，而且会使段落看起来不整齐。 如果确实想在段落开头着重强调一下，可以使用首字下沉增大，这是传统平面媒体积累下的非常有效的办法，可以借鉴。 kjkjkhjk * ??正文一段不要超过一屏，正文段落之间建议空一行。 文章长短建议不要太长1500 ——3000字以内最为合适。太长的文章会使读者产生厌烦了情绪。 段落的长短尽量不要超过一屏幕，段之间空一行使读者产生视觉缓冲。并适当配图。 kjkjkhjk * ??文章配色 从文章配色上来讲，原则是一篇文章里出现的颜色绝对不要超过三种，一般来说：文字就用纯黑色，需要着重强调的文字可以使用红色，或者蓝色等，最好是与企业LOGO颜色相符。 ? 再加上一些样式的颜色，总数不超过三种。有格调的文章都特别注意配色。 ? 毕竟观者是在很近距离地看文章，如果很花，就给人一种很廉价的感觉，相信谁也不希望自己的文章是这样的感觉。 右边色板把最常见的颜色都囊括了，而且摆放上从中间向两边发散。在配色中遵循以企业标准色为主色调。以同色系或者临近色为辅助色（横向选色）。在需要特别突出的时候运用对比色系（纵向选色）。 kjkjkhjk * ??结尾关注引导图的设计 好的文章需要有好的结尾，关注引导图是在整个公众平台中统一的，它是一个品牌或企业在微信平台中的视觉形象，所以在整个微信视觉体系中非常重要。 一般结尾引导图在设计中遵循以下几点： 1、符合自身行业特点及企业文化，只有适合自己的才是最好的。 2、微信视觉的整体调性。切勿前后风格不统一，使引导图突兀，观者产生视觉错乱。 3、不要太过于花哨，颜色尽量统一。如同一公众平台但不同版块，可以使样式风格统一，颜色差异。 kjkjkhjk * 总结：正文是一篇文章的灵魂，舒适的阅读体验可以使整个文章增色不少。视觉设计是针对观看者的主观形式的表现手段和结果。通过合理的设计可以使观者在一个轻松愉快的氛围下读完一篇文章，并在这种心情下慢慢体会文章带给他的意境。 kjkjkhjk * HTML5 3 THREE kjkjkhjk * ?? 什么是HTML5 HTML5简称H5是一种高级网页技术，我们平时看到那些邀请函、小游戏都是HTML5网页，确切来说叫HTML5它跟我们平时上网看到的那些网页本质上没有任何区别。而HTML5通过移动端平台已经走进了我们的生活。 聚焦基于微信传播的H5页面的视觉设计，可通过一些行业内经典的案例分析来得出设