MYS12婚禮請(qǐng)柬設(shè)計(jì)的內(nèi)容劃分

課程：XXXXXXX

課程：項(xiàng)目演示

課程：項(xiàng)目演示

課程：項(xiàng)目演示設(shè)計(jì)技能實(shí)訓(xùn)編號(hào)：XMYS-12教學(xué)任務(wù)：12-婚禮請(qǐng)柬設(shè)計(jì)的內(nèi)容劃分婚禮請(qǐng)柬設(shè)計(jì)的內(nèi)容劃分婚禮請(qǐng)柬設(shè)計(jì)前應(yīng)該注意什么？需要明確婚禮請(qǐng)柬風(fēng)格，相對(duì)于紙質(zhì)的婚禮請(qǐng)柬，h5婚禮請(qǐng)柬要顯得更加高級(jí)有趣。因此在設(shè)計(jì)之前要注意構(gòu)思設(shè)計(jì)的內(nèi)容。1.明確主題，將邀請(qǐng)函必不可少的信息事先羅列好，包括但不限于事件主題、時(shí)間、地點(diǎn)、活動(dòng)流程、聯(lián)系方式等信息，并在此基礎(chǔ)上做好文字的提煉和濃縮；

2.選擇合適的背景圖片，重點(diǎn)是要與邀請(qǐng)函主題高度相關(guān)

3.側(cè)重整體美觀度，學(xué)會(huì)排版，既要考慮邀請(qǐng)函基本信息的完整度，也要提升其美觀程度。在實(shí)際操作中應(yīng)該根據(jù)不同的邀請(qǐng)函類型有所側(cè)重。視覺交互設(shè)計(jì)1、微信H5可以把顏色，或者是形狀、元素等視覺元素用對(duì)比的形式，形成對(duì)比并巧妙的與留白結(jié)合，提高視覺效果。

2、字體的選擇，在制作微信H5時(shí)，可以有多種字體能夠選擇，可以選擇一些比較別致的海報(bào)體、綜藝體、毛筆行書等不一樣的字體，但要符合整體的風(fēng)格。這樣既可以利于H5整體的風(fēng)格構(gòu)建，還可以在用戶視覺上造成沖擊力。

視覺交互設(shè)計(jì)3、可以在微信H5中設(shè)計(jì)留白效果，可以提升視覺效果，還可以給微信H5帶來比較強(qiáng)的震撼力，通過視覺上的留白設(shè)計(jì)也可以激起用戶的情感，引起共鳴。

4、在設(shè)計(jì)的時(shí)候要主次分明，微信H5的制作可以通過主次分明的設(shè)計(jì)原則，可以讓微信H5的主體元素更為的突出，加強(qiáng)視覺效果。

選擇恰當(dāng)?shù)膭?dòng)效效果始終為內(nèi)容服務(wù)，沒有絕對(duì)的標(biāo)準(zhǔn)，無論是選用自然還是特殊的轉(zhuǎn)場(chǎng)效果，還是最終決定動(dòng)效持續(xù)的時(shí)間，都應(yīng)以信息是否已用戶易于接受的形式傳達(dá)出去。一言以蔽之，有效地展示內(nèi)容才是H5動(dòng)效的最終目的。

01

實(shí)用簡單才是最重要

Simple

is

Inportant

類似于視頻，H5也是分場(chǎng)、分鏡或分頁展示的，在頁與頁之間的轉(zhuǎn)場(chǎng)效果與文章中「承上啟下」的段落的作用一樣。因此，這種過渡雖然持續(xù)時(shí)間短但是必須力求自然，不要打斷用戶觀看內(nèi)容的連貫性。

大多數(shù)用戶在一開始接觸H5時(shí)，非常喜歡用的「立體轉(zhuǎn)場(chǎng)、變形轉(zhuǎn)場(chǎng)和旋轉(zhuǎn)轉(zhuǎn)場(chǎng)」，這些動(dòng)效的視覺沖擊過于強(qiáng)烈，反而會(huì)分散用戶的注意力，引發(fā)審美疲勞。除非能明確內(nèi)容題材需要利用特殊動(dòng)效來強(qiáng)調(diào)主題，否則建議用最簡單的動(dòng)效即可。

02

轉(zhuǎn)場(chǎng)時(shí)間的分寸

Skil

of

Time轉(zhuǎn)場(chǎng)效果達(dá)到的基礎(chǔ)體驗(yàn)就是過渡自然，除了呈現(xiàn)方式以外，轉(zhuǎn)場(chǎng)時(shí)間也很重要：太慢，讓人覺得拖沓，破壞H5內(nèi)容的節(jié)奏；太快，讓人覺得突兀，容易錯(cuò)過重要信息；如何定義「快與慢」，一次轉(zhuǎn)場(chǎng)用多少時(shí)間比較合理呢？

通常來說，轉(zhuǎn)場(chǎng)速度設(shè)置在0.5~1秒比較合適。03

細(xì)節(jié)決定成敗

前兩點(diǎn)，側(cè)重于談?wù)撧D(zhuǎn)場(chǎng)動(dòng)效。其實(shí)，這些原則在內(nèi)頁動(dòng)效和功能動(dòng)效上同樣適用。內(nèi)頁動(dòng)效，是一個(gè)頁面之內(nèi)全局性質(zhì)的動(dòng)畫風(fēng)格和效果，處理原則基本上可以參考轉(zhuǎn)場(chǎng)動(dòng)效的原則——簡單、自然、時(shí)間適中。但是，功能動(dòng)效與前兩者則有極大的不同。何謂功能動(dòng)效？簡單說來，就是頁面中某個(gè)文字、圖片或按鈕等元素上附加的動(dòng)效。功能動(dòng)效是在頁面中出現(xiàn)的最小動(dòng)效單元。

轉(zhuǎn)場(chǎng)動(dòng)效具有全局性，功能動(dòng)效具有明確的指向性：它一定會(huì)提示用戶完成某項(xiàng)具體操作背景音樂在背景音樂的選擇上也很重要，音樂可以打破心靈的界限?；虮瘋蛳矏偅?dāng)你聽到一首熟悉或者令你觸動(dòng)的音樂時(shí)往往會(huì)不由自主的產(chǎn)生共鳴?；槎Y請(qǐng)柬的音樂一般都為輕快風(fēng)格，讓受邀請(qǐng)者以開心的心情閱讀這封請(qǐng)柬，從而引起受邀請(qǐng)者共鳴。五、婚禮請(qǐng)柬設(shè)計(jì)處處是細(xì)節(jié)，在把握了視覺和交互的大前提下，我們可以多多注意下面3個(gè)值得關(guān)注的基礎(chǔ)細(xì)節(jié)：

1、文字不宜多

這主要有兩方面的原因。一是H5頁面本身就是按照手機(jī)屏幕的大小來制作的，承載不了太多文字。二是多數(shù)用戶往往沒耐心仔細(xì)瀏覽一大段文字。因此，H5頁面中的文字只需突出重點(diǎn)即可，無需贅述。

2、頁面不宜多雖然說H5的頁數(shù)并不限制，但是還是5-10張為佳，不論是大小還是體驗(yàn)上都更有優(yōu)勢(shì)。

我們?cè)诓邉濍A段就要懂得取舍，并想清楚H5頁面的核心亮點(diǎn)是什么、如何將亮點(diǎn)盡快展示出來等，而不是在這之前設(shè)置太多非重點(diǎn)信息。

3、注重分享標(biāo)題和短語

H5頁面的分享標(biāo)題和短語是用戶最先看到的信息，可直接影響H5頁面的點(diǎn)開率。你可以用意派Epub360制作一款H5頁面并保存發(fā)布，然后在發(fā)布設(shè)置頁面中更換封面、填寫作品分享標(biāo)題和短語。文字是有力量的，如果你不具備這股力量，可以多去看看一些爆款H5頁面的分享標(biāo)題和短語是怎么設(shè)置的，然后分析優(yōu)勢(shì)、總結(jié)經(jīng)驗(yàn)，并依靠時(shí)間去不斷實(shí)踐。4.H5頁面與手機(jī)屏幕的大小兼容問題。在正式發(fā)布作品之前，預(yù)覽一下手機(jī)頁面上顯示出來的圖片大小有沒有問題，多個(gè)機(jī)型測(cè)試一遍。

5.圖片大小盡量壓縮圖片的大小，這樣H5展示畫面會(huì)更加流暢。

6.學(xué)會(huì)套用模板如果是自己設(shè)計(jì)制作H5頁面的話，對(duì)于圖、文、聲、像四個(gè)方面的風(fēng)格統(tǒng)一要有預(yù)設(shè)的方案，實(shí)在把握不好的話，可以直接套用已經(jīng)制作好的模板。

7.選擇工具對(duì)于H5第三方平