手機(jī)是現(xiàn)在人們最常備的用品之一，可以說幾乎人手一個。尤其是智能手機(jī)的發(fā)展，讓手機(jī)成為企業(yè)營銷推廣的主要方式。今天就讓faceui為大家介紹設(shè)計(jì)類手機(jī)營銷頁面的設(shè)計(jì)方法，搞定吸引人的設(shè)計(jì)類手機(jī)營銷頁面。

　　設(shè)計(jì)類手機(jī)營銷頁面的設(shè)計(jì)方法

　　1、了解原型圖

　　原型圖應(yīng)用十分普遍，它是互聯(lián)網(wǎng)產(chǎn)品執(zhí)行前的框架樣式，分為三個階段：線框圖→原型圖→高保真，原則上原型圖由UE（交互設(shè)計(jì)師）完成，PD（產(chǎn)品設(shè)計(jì)師）、PM(產(chǎn)品經(jīng)理)、UI（界面設(shè)計(jì)師）以及開發(fā)工程師進(jìn)行溝通。原型圖分為兩個階段，構(gòu)思原型圖和演示原型圖。原型圖應(yīng)具備的元素主要包括視覺，動效，節(jié)奏，交互，聲效，可實(shí)施性。

　　2、把握好設(shè)計(jì)的表現(xiàn)力

　　主要表現(xiàn)力提現(xiàn)在三個方面，視覺氣氛（最基礎(chǔ)）、形式感（中堅(jiān)力量）、參與互動（最有效）。

　　3、做好版面設(shè)計(jì)

　　PPT與H5頁面的差異，具備畫面焦點(diǎn)意識，強(qiáng)焦點(diǎn)板式 散焦點(diǎn)板式頁面視覺的平衡，頁面視覺的平衡，頁面視覺需要畫面的空間感。創(chuàng)造清晰明確的層級。

設(shè)計(jì)類手機(jī)營銷頁面（圖片來自網(wǎng)絡(luò)）

　　4、做好文字設(shè)計(jì)

　　文字設(shè)計(jì)是必不可少的一個環(huán)節(jié)，而文字設(shè)計(jì)又不僅僅是字體字形的設(shè)計(jì)，它還包括文字排版，文案設(shè)計(jì)，具體描述等多方因素。作為設(shè)計(jì)師，應(yīng)具備一定的文案判斷能力，改變自己的固有觀念。

　　5、引起讀者的好奇感

　　改變你的排版習(xí)慣，比如簡化擠壓的文字，集中管制，借助動效，控制字號，圖形轉(zhuǎn)換。

　　6、做好聲效設(shè)計(jì)

　　聲音是設(shè)計(jì)中，經(jīng)常疏忽的，聲音包含3個類別，以音效，配樂和音樂等3個類別。背景音效，以聲畫對位和聲畫錯位（執(zhí)行難度較大，影視作品是最好的參考）。背景音效分類3大類：氣氛烘托類伴奏；人聲烘托伴奏；氣氛塑造類聲效。

　　H5的輔助音效分為三大類：功能音效，擬聲音效，環(huán)境音效。

　　搞定吸引人的設(shè)計(jì)類手機(jī)營銷頁面

　　1、頭圖一定要吸引人

　　關(guān)鍵字：大。頭圖得有一個占比比較大的作為主體，無論是產(chǎn)品／模特還是文字，可以第一眼就抓住人眼球。

　　關(guān)鍵字：破。如果你不想畫面太過于保守和單調(diào)，可以嘗試打破它，比如將規(guī)矩圖形異化，或者讓產(chǎn)品放在界限以外。

　　關(guān)鍵字：美。能用美女或帥哥的地方千萬別浪費(fèi)了，因?yàn)楫?dāng)用戶在瀏覽這些頁面的時候，會感覺是有一位美女或帥哥在對你解說或者讓用戶覺得自己也能成為美女或帥哥一樣，使人身心愉悅，比單純放產(chǎn)品圖更能打動人。

　　關(guān)鍵字：飄。有時在畫面里添加一些飄動的元素，可以增加畫面的層次感和熱鬧氛圍。

　　關(guān)鍵詞：腦洞。這個腦洞，可以是技術(shù)方面的也可以創(chuàng)意想法方面的，技術(shù)方面的比如合成／手繪／C4D與構(gòu)圖的運(yùn)用，創(chuàng)意想法方面其實(shí)就因人而異了，并沒有什么固定的套路，然后你能用你所掌握的技術(shù)把這些創(chuàng)意想法表現(xiàn)出來就行。

　　關(guān)鍵字：光影。沒有光影的畫面會顯得干癟癟的，光影的存在會給畫面增加更多真實(shí)感和質(zhì)感。

設(shè)計(jì)類手機(jī)營銷頁面（圖片來自網(wǎng)絡(luò)）

　　2、整體風(fēng)格要連貫

　　關(guān)鍵詞：提取。既然詳情頁是為介紹產(chǎn)品而用的，那么我們在做設(shè)計(jì)的時候當(dāng)然就可以用提取法了，比如提取產(chǎn)品包裝上的元素或形狀，提取產(chǎn)品的色彩或質(zhì)感，提取產(chǎn)品的成分或功效，然后應(yīng)用在詳情頁設(shè)計(jì)里。

　　關(guān)鍵詞：形狀。我們也可以從產(chǎn)品的形狀著手，提取基本型進(jìn)行構(gòu)圖創(chuàng)作，同様也可以保證統(tǒng)一連貫性。

　　關(guān)鍵詞：色彩。如果你想要頁面在色彩上保持連貫，也可以從產(chǎn)品本身的顏色出發(fā)，比如采用近似色或?qū)Ρ壬部梢浴?/span>

　　關(guān)鍵詞：質(zhì)感。善用產(chǎn)品的質(zhì)地或包裝的質(zhì)感紋理，并提取出來做詳情頁背景用。

　　關(guān)鍵詞：成分。食品美裝護(hù)膚品詳情頁最喜歡用產(chǎn)品的成分來做文章了，比如草本植物／蘆薈海藻提取物／蜂蜜牛奶等等。

　　關(guān)鍵詞：功效。比如補(bǔ)水功效，就會在頁面里用到一些水的特效做氛圍點(diǎn)綴。

　　3、整體氣質(zhì)要搭調(diào)

　　關(guān)鍵詞：協(xié)調(diào)。每一個詳情頁其實(shí)對應(yīng)的就是一款產(chǎn)品一個主題，主題活動或產(chǎn)品不同，其氣質(zhì)肯定就不一樣了，所以這里的協(xié)調(diào)反應(yīng)出來的首先其實(shí)是氣質(zhì)上的協(xié)調(diào)。

　　4、整體瀏覽器體驗(yàn)要好

　　關(guān)鍵詞：人性化。如果你能做到前面幾步，那么你可能會產(chǎn)出一份視覺不錯的詳情頁設(shè)計(jì)，但光只是做到視覺上的美觀還不足以打動人去購買你的產(chǎn)品，你還得給人更好的瀏覽體驗(yàn)才對。

　　以上就是faceui為大家介紹的關(guān)于設(shè)計(jì)類手機(jī)營銷頁面的相關(guān)內(nèi)容。手機(jī)營銷頁面的設(shè)計(jì)往往有一定的方法的，掌握這些方法對設(shè)計(jì)營銷頁面有很大幫助。