MYS12婚礼请柬设计的内容划分

课程：XXXXXXX

课程：项目演示

课程：项目演示

课程：项目演示设计技能实训编号：XMYS-12教学任务：12-婚礼请柬设计的内容划分婚礼请柬设计的内容划分婚礼请柬设计前应该注意什么？需要明确婚礼请柬风格，相对于纸质的婚礼请柬，h5婚礼请柬要显得更加高级有趣。因此在设计之前要注意构思设计的内容。1.明确主题，将邀请函必不可少的信息事先罗列好，包括但不限于事件主题、时间、地点、活动流程、联系方式等信息，并在此基础上做好文字的提炼和浓缩；

2.选择合适的背景图片，重点是要与邀请函主题高度相关

3.侧重整体美观度，学会排版，既要考虑邀请函基本信息的完整度，也要提升其美观程度。在实际操作中应该根据不同的邀请函类型有所侧重。视觉交互设计1、微信H5可以把颜色，或者是形状、元素等视觉元素用对比的形式，形成对比并巧妙的与留白结合，提高视觉效果。

2、字体的选择，在制作微信H5时，可以有多种字体能够选择，可以选择一些比较别致的海报体、综艺体、毛笔行书等不一样的字体，但要符合整体的风格。这样既可以利于H5整体的风格构建，还可以在用户视觉上造成冲击力。

视觉交互设计3、可以在微信H5中设计留白效果，可以提升视觉效果，还可以给微信H5带来比较强的震撼力，通过视觉上的留白设计也可以激起用户的情感，引起共鸣。

4、在设计的时候要主次分明，微信H5的制作可以通过主次分明的设计原则，可以让微信H5的主体元素更为的突出，加强视觉效果。

选择恰当的动效效果始终为内容服务，没有绝对的标准，无论是选用自然还是特殊的转场效果，还是最终决定动效持续的时间，都应以信息是否已用户易于接受的形式传达出去。一言以蔽之，有效地展示内容才是H5动效的最终目的。

01

实用简单才是最重要

Simple

is

Inportant

类似于视频，H5也是分场、分镜或分页展示的，在页与页之间的转场效果与文章中「承上启下」的段落的作用一样。因此，这种过渡虽然持续时间短但是必须力求自然，不要打断用户观看内容的连贯性。

大多数用户在一开始接触H5时，非常喜欢用的「立体转场、变形转场和旋转转场」，这些动效的视觉冲击过于强烈，反而会分散用户的注意力，引发审美疲劳。除非能明确内容题材需要利用特殊动效来强调主题，否则建议用最简单的动效即可。

02

转场时间的分寸

Skil

of

Time转场效果达到的基础体验就是过渡自然，除了呈现方式以外，转场时间也很重要：太慢，让人觉得拖沓，破坏H5内容的节奏；太快，让人觉得突兀，容易错过重要信息；如何定义「快与慢」，一次转场用多少时间比较合理呢？

通常来说，转场速度设置在0.5~1秒比较合适。03

细节决定成败

前两点，侧重于谈论转场动效。其实，这些原则在内页动效和功能动效上同样适用。内页动效，是一个页面之内全局性质的动画风格和效果，处理原则基本上可以参考转场动效的原则——简单、自然、时间适中。但是，功能动效与前两者则有极大的不同。何谓功能动效？简单说来，就是页面中某个文字、图片或按钮等元素上附加的动效。功能动效是在页面中出现的最小动效单元。

转场动效具有全局性，功能动效具有明确的指向性：它一定会提示用户完成某项具体操作背景音乐在背景音乐的选择上也很重要，音乐可以打破心灵的界限。或悲伤或喜悦，当你听到一首熟悉或者令你触动的音乐时往往会不由自主的产生共鸣。婚礼请柬的音乐一般都为轻快风格，让受邀请者以开心的心情阅读这封请柬，从而引起受邀请者共鸣。五、婚礼请柬设计处处是细节，在把握了视觉和交互的大前提下，我们可以多多注意下面3个值得关注的基础细节：

1、文字不宜多

这主要有两方面的原因。一是H5页面本身就是按照手机屏幕的大小来制作的，承载不了太多文字。二是多数用户往往没耐心仔细浏览一大段文字。因此，H5页面中的文字只需突出重点即可，无需赘述。

2、页面不宜多虽然说H5的页数并不限制，但是还是5-10张为佳，不论是大小还是体验上都更有优势。

我们在策划阶段就要懂得取舍，并想清楚H5页面的核心亮点是什么、如何将亮点尽快展示出来等，而不是在这之前设置太多非重点信息。

3、注重分享标题和短语

H5页面的分享标题和短语是用户最先看到的信息，可直接影响H5页面的点开率。你可以用意派Epub360制作一款H5页面并保存发布，然后在发布设置页面中更换封面、填写作品分享标题和短语。文字是有力量的，如果你不具备这股力量，可以多去看看一些爆款H5页面的分享标题和短语是怎么设置的，然后分析优势、总结经验，并依靠时间去不断实践。4.H5页面与手机屏幕的大小兼容问题。在正式发布作品之前，预览一下手机页面上显示出来的图片大小有没有问题，多个机型测试一遍。

5.图片大小尽量压缩图片的大小，这样H5展示画面会更加流畅。

6.学会套用模板如果是自己设计制作H5页面的话，对于图、文、声、像四个方面的风格统一要有预设的方案，实在把握不好的话，可以直接套用已经制作好的模板。

7.选择工具对于H5第三方平