手機(jī)是現(xiàn)在人們在家出行必不可少的工具之一，很多需求都在手機(jī)上得到滿足。對于手機(jī)的設(shè)計，今天就讓faceui為大家介紹設(shè)計類手機(jī)營銷頁面需要做好哪些工作，設(shè)計類手機(jī)營銷頁面的圖形元素設(shè)計原則。

　　設(shè)計類手機(jī)營銷頁面需要做好哪些工作

　　1、了解原型圖

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

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

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

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

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

　　圖片來源于網(wǎng)絡(luò)

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

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

　　5、引起讀者的好奇感

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

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

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

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

　　設(shè)計類手機(jī)營銷頁面的圖形元素設(shè)計原則

　　1、確定風(fēng)格：

　　根據(jù)界面的總體風(fēng)格確定圖標(biāo)的風(fēng)格，風(fēng)格統(tǒng)一是最需要注意的。不光圖標(biāo)風(fēng)格統(tǒng)一，色彩的風(fēng)格也要統(tǒng)一，最好有一個主色調(diào)。

　　圖片來源于網(wǎng)絡(luò)

　　2、確定圖標(biāo)功能：

　　確定圖標(biāo)功能這一項是很慎重的，要保證圖標(biāo)的隱喻性，不能有歧義的出現(xiàn)，要讓用戶看到圖標(biāo)以后有相同的聯(lián)想，圖標(biāo)代表的意思必須是用熟知的。圖標(biāo)的功能性是我們設(shè)計過程中需要反復(fù)斟酌的。

　　3、確定圖標(biāo)的造型：

　　確定造型的方法多種多樣，只要不違背圖標(biāo)表達(dá)的主題。圖標(biāo)的造型設(shè)計我們提倡原創(chuàng)，先用illustrator進(jìn)行繪制，然后photoshop做圖標(biāo)設(shè)計的后期效果處理。所有界面上同級、同類的圖標(biāo)我們還要保證表現(xiàn)形式的統(tǒng)一，避免用戶視覺上的紊亂。

　　4、進(jìn)行界面設(shè)計制作：

　　利用photoshop中最好多采用路徑工具進(jìn)行繪制界面圖形元素（以方便后期的版本定制），根據(jù)這個界面的風(fēng)格，制作界面。這個步驟是耗時比較長的時間，在此階段可能發(fā)現(xiàn)之前設(shè)計中的不合理現(xiàn)象， 需要制作人員在實現(xiàn)過程中不斷調(diào)試，直至達(dá)到最合理的效果。

　　以上就是faceui為大家介紹的關(guān)于設(shè)計類手機(jī)營銷頁面的相關(guān)內(nèi)容。手機(jī)營銷頁面設(shè)計涉及的內(nèi)容很多，上述介紹的這些只是小小的一部分，大家有興趣的話可以在我們網(wǎng)站多了解一些。