手機(jī)是現(xiàn)在人們?cè)诩页鲂斜夭豢缮俚墓ぞ咧?，很多需求都在手機(jī)上得到滿(mǎn)足。對(duì)于手機(jī)的設(shè)計(jì)，今天就讓faceui為大家介紹設(shè)計(jì)類(lèi)手機(jī)營(yíng)銷(xiāo)頁(yè)面需要做好哪些工作，設(shè)計(jì)類(lèi)手機(jī)營(yíng)銷(xiāo)頁(yè)面的圖形元素設(shè)計(jì)原則。

　　設(shè)計(jì)類(lèi)手機(jī)營(yíng)銷(xiāo)頁(yè)面需要做好哪些工作

　　1、了解原型圖

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

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

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

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

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

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

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

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

　　5、引起讀者的好奇感

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

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

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

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

　　設(shè)計(jì)類(lèi)手機(jī)營(yíng)銷(xiāo)頁(yè)面的圖形元素設(shè)計(jì)原則

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

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

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

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

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

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

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

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

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

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