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

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

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

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

優(yōu)化前

優(yōu)化后

優(yōu)化方案：

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

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

優(yōu)化前

優(yōu)化后

優(yōu)化方案：

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

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

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

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

優(yōu)化前

優(yōu)化后

優(yōu)化方案：

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

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

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

優(yōu)化前

優(yōu)化后

優(yōu)化方案：

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

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

3.背景背景顏色過多

例:整體頁面沒有主體色調(diào)，背景顏色過多

優(yōu)化方案：

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

背景裝飾過多

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

優(yōu)化前

優(yōu)化后

優(yōu)化方案：

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

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

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

優(yōu)化前

優(yōu)化后

優(yōu)化方案：

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

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

5.描述文字描述文字多

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

優(yōu)化前

優(yōu)化后

優(yōu)化方案：

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

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

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

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

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