騰訊ISUX - 設(shè)計(jì)審核那些事兒

隨著QQ秀產(chǎn)品的成長(zhǎng)，不斷推出更多的新功能和嘗試開(kāi)發(fā)各種新項(xiàng)目，為了把內(nèi)部有限的設(shè)計(jì)資源有效的利用在重點(diǎn)項(xiàng)目中，需要把更多的活動(dòng)頁(yè)面、主題模版頁(yè)面和廣告外包給外部設(shè)計(jì)公司（以下簡(jiǎn)稱(chēng)CP）。CP公司質(zhì)量參差不齊，CP內(nèi)部設(shè)計(jì)師水平的差異，或需求方對(duì)頁(yè)面主題意圖的語(yǔ)言傳達(dá)和提供參考資料的準(zhǔn)確性，都影響著CP的輸出質(zhì)量，所以我們?cè)趯徍薈P輸出的設(shè)計(jì)稿時(shí)，會(huì)經(jīng)常遇到一些問(wèn)題，讓CP反反復(fù)復(fù)的修改和優(yōu)化。在這里我們通過(guò)列舉一些我們?cè)趯徍酥薪?jīng)常跟CP提到的一些問(wèn)題，來(lái)說(shuō)明我們?cè)趯徍嗽O(shè)計(jì)稿時(shí)，會(huì)關(guān)注哪一些問(wèn)題，怎樣跟產(chǎn)品和CP溝通優(yōu)化。

1.風(fēng)格風(fēng)格與主題不一致

例1：主題“男神女神魅力攝人”應(yīng)該指城市中會(huì)搭配會(huì)打扮的時(shí)尚潮人，但我們看到的初稿是田園風(fēng)小清新風(fēng)格。

優(yōu)化前

優(yōu)化后

優(yōu)化方案：

• 明確跟CP表明這個(gè)風(fēng)格不符合我們主題所要表達(dá)的內(nèi)容，希望重新設(shè)計(jì)
• 指出背景過(guò)于清新田園化，與主題不符，希望替換成時(shí)尚都市街景
• 標(biāo)題文字卷邊設(shè)計(jì)比較過(guò)時(shí)，文字藝術(shù)風(fēng)格應(yīng)該更加時(shí)尚簡(jiǎn)潔
• QQ秀邊框花紋過(guò)于古典，可嘗試不規(guī)則造型或斜紋·提供風(fēng)格圖片參考

例2:廣告初稿除了QQ秀素材，背景和標(biāo)題的設(shè)計(jì)都與星座這個(gè)主題無(wú)關(guān)

優(yōu)化前

優(yōu)化后

優(yōu)化方案：

• 明確跟CP表明這個(gè)風(fēng)格不符合我們主題所要表達(dá)的內(nèi)容，希望重新設(shè)計(jì)
• 建議背景與星座的主題相關(guān)，可嘗試使用一些星空的背景
• 標(biāo)題樣式的花紋與星座主題無(wú)關(guān)，可以去掉，重新設(shè)計(jì)

總結(jié)：頁(yè)面風(fēng)格與主題不一致會(huì)導(dǎo)致比較大的設(shè)計(jì)返工，整個(gè)頁(yè)面都需要重新設(shè)計(jì)，從上面可以看到準(zhǔn)確的風(fēng)格文字描述，有助于CP快速把握風(fēng)格方向，設(shè)計(jì)出與主題符合的頁(yè)面。所以建議需 求方在設(shè)計(jì)前期跟CP溝通時(shí)，能給到比較準(zhǔn)確的風(fēng)格參考和一些與主題相關(guān)大文字描述，甚至在設(shè)計(jì)開(kāi)始前拉上設(shè)計(jì)師一起討論和提供參考，以降低返工率，提高項(xiàng)目效率。

2.標(biāo)題主題字?jǐn)?shù)過(guò)多

例：廣告初稿中主標(biāo)題字比較多，用戶(hù)一眼看不到標(biāo)題的重點(diǎn)

優(yōu)化前

優(yōu)化后

優(yōu)化方案：

• 跟需求方溝通，減少標(biāo)題文字，優(yōu)化文案，參考創(chuàng)意相機(jī)品牌的廣告設(shè)計(jì)
• 主標(biāo)題文字使用不能過(guò)于低齡化，建議使用筆畫(huà)清晰的字體加以變形

標(biāo)題風(fēng)格與背景不一致

例：標(biāo)題設(shè)計(jì)得不錯(cuò)，但是標(biāo)題樣式與背景不統(tǒng)一，沒(méi)有和背景、主題結(jié)合體現(xiàn)出冰冷的寒假

優(yōu)化前

優(yōu)化后

優(yōu)化方案：

• 告知CP希望主題樣式與場(chǎng)景結(jié)合，添加一些冰雪氣氛
• 標(biāo)題底下的綠色在頁(yè)面上沒(méi)有對(duì)應(yīng)的顏色，過(guò)于突兀，建議去掉
• 提供一些標(biāo)題類(lèi)的冰雪圖片參考

總結(jié)：主標(biāo)題文案要簡(jiǎn)潔，讓用戶(hù)一眼能看清主題，副標(biāo)題文字建議不要超過(guò)兩行，閱讀會(huì)更方便。標(biāo)題風(fēng)格與背景統(tǒng)一，顏色統(tǒng)一，不得超過(guò)兩種顏色，別擠得太滿(mǎn)，留些空間給頁(yè)面呼吸。

3.背景背景顏色過(guò)多

例:整體頁(yè)面沒(méi)有主體色調(diào)，背景顏色過(guò)多

優(yōu)化方案：

• 初稿建議頁(yè)面使用統(tǒng)一風(fēng)格的背景顏色，可以每個(gè)區(qū)塊內(nèi)使用不同的輔助顏色
• 第二稿建議顏色使用要符合主題氣氛偏熱鬧的暖色調(diào)，紅色或玫紅色

背景裝飾過(guò)多

例：背景裝飾過(guò)多，視點(diǎn)不夠集中，導(dǎo)致主體內(nèi)容不夠突出

優(yōu)化前

優(yōu)化后

優(yōu)化方案：

頁(yè)面氣氛已經(jīng)足夠，可以適量減少或弱化背景裝飾 總結(jié)：背景風(fēng)格顏色要統(tǒng)一，版塊之間可以使用2-3個(gè)輔助顏色區(qū)分，減少或弱化一些多余的背景花紋或裝飾，突出主體內(nèi)容。

4.信息banner區(qū)信息雜亂

例：這個(gè)游戲秀活動(dòng)頁(yè)面banner區(qū)堆積著很多信息，我們的該先看哪？

優(yōu)化前

優(yōu)化后

優(yōu)化方案：

• banner中游戲人物、獎(jiǎng)品和標(biāo)題全部堆積在一起，沒(méi)有主次和需求方梳理標(biāo)題信息
• 游戲人物應(yīng)該作為烘托頁(yè)面氣氛的背景，重點(diǎn)突出主題內(nèi)容
• 獎(jiǎng)品描邊設(shè)計(jì)與頁(yè)面風(fēng)格不統(tǒng)一，應(yīng)該單獨(dú)展示

總結(jié)：為了避免堆積在banner的信息過(guò)多，標(biāo)題過(guò)長(zhǎng)，要先與需求方梳理重點(diǎn)信息，分清主次，忌用長(zhǎng)標(biāo)題，容易造成用戶(hù)閱讀困難。主次分明的設(shè)計(jì)，有清晰的瀏覽順序，用戶(hù)更容易讀懂內(nèi)容，并且不會(huì)忽略小信息。

5.描述文字描述文字多

例：下面例子中，每個(gè)模塊里都有一大段描述文字，在短時(shí)間內(nèi)會(huì)造成用戶(hù)閱讀困難

優(yōu)化前

優(yōu)化后

優(yōu)化方案：

• 描述文字是否是次要信息，3行占用版面過(guò)多，搶主題QQ秀風(fēng)頭
• 簡(jiǎn)化信息，壓縮描述文字在兩行內(nèi)，留出更多空間，讓主題和內(nèi)容更突出

總結(jié)：描述文字只是對(duì)頁(yè)面氣氛烘托起到輔助作用，不宜占用過(guò)多篇幅，文字不能超過(guò)兩行，精簡(jiǎn)為宜，留出更多的空間，讓用戶(hù)閱讀更輕松。

以上是本人在平常CP審核中遇到的一些問(wèn)題，以及對(duì)這些問(wèn)題進(jìn)行的分類(lèi)、總結(jié)，并且附帶一些具體的問(wèn)題描述和溝通解決方法，整理出以下CP審核的若干原則：

原則一：設(shè)計(jì)風(fēng)格與主題一致 原則二：標(biāo)題簡(jiǎn)練，不能超過(guò)12個(gè)字，其中有5字以?xún)?nèi)的重點(diǎn)信息 原則三：背景須統(tǒng)一主色調(diào) 原則四：信息區(qū)條理清晰，標(biāo)題、活動(dòng)信息獨(dú)立展示 原則五：文案簡(jiǎn)潔扼要，不要超過(guò)2行

只要有良好的溝通，和準(zhǔn)確的傳遞信息，CP輸出的頁(yè)面也可以時(shí)尚高端大氣上檔次，同時(shí)可以大大降低返工率，提高項(xiàng)目的整體質(zhì)量和效率。