用案例說話！教你如何設計出甲方稱贊的作品

灰灰：改稿改通宵？抱怨甲方不給力？其實很多都是設計師不了解外部審核的標準，戳不到客戶的想要的痛點，現在騰訊設計師與你分享，他們將項目外包后，有哪些審核的標準，分類簡明，例子實在，總結滿滿是干貨，強烈推薦設計團隊的童鞋閱讀學習，爭取馬上一稿過！

設計那些事兒：
交互設計那些事兒（一）
交互設計那些事兒（二）
網頁設計與重構那些事兒

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

一、風格

風格與主題不一致

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

優化前：

優化后：

優化方案：

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

例2：廣告初稿除了QQ秀素材，背景和標題的設計都與星座這個主題無關

優化前：

優化后：

優化方案：

• 明確跟CP表明這個風格不符合我們主題所要表達的內容，希望重新設計
• 建議背景與星座的主題相關，可嘗試使用一些星空的背景
• 標題樣式的花紋與星座主題無關，可以去掉，重新設計

總結：

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

二、標題

主題字數過多

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

優化前：

優化后：

優化方案：

• 跟需求方溝通，減少標題文字，優化文案，參考創意相機品牌的廣告設計
• 主標題文字使用不能過于低齡化，建議使用筆畫清晰的字體加以變形

標題風格與背景不一致

例：標題設計得不錯，但是標題樣式與背景不統一，沒有和背景、主題結合體現出冰冷的寒假

優化前：

優化后：

優化方案：

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

總結：

主標題文案要簡潔，讓用戶一眼能看清主題，副標題文字建議不要超過兩行，閱讀會更方便。標題風格與背景統一，顏色統一，不得超過兩種顏色，別擠得太滿，留些空間給頁面呼吸。

三、背景

背景顏色過多

例：整體頁面沒有主體色調，背景顏色過多

優化方案：

• 初稿建議頁面使用統一風格的背景顏色，可以每個區塊內使用不同的輔助顏色
• 第二稿建議顏色使用要符合主題氣氛偏熱鬧的暖色調，紅色或玫紅色

背景裝飾過多

例：背景裝飾過多，視點不夠集中，導致主體內容不夠突出

優化前：

優化后：

優化方案：

頁面氣氛已經足夠，可以適量減少或弱化背景裝飾 總結：背景風格顏色要統一，版塊之間可以使用2-3個輔助顏色區分，減少或弱化一些多余的背景花紋或裝飾，突出主體內容。

四、信息

banner區信息雜亂

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

優化前：

優化后：

優化方案：

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

總結：

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

五、描述文字

描述文字多

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

優化前：

優化后：

優化方案：

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

總結：

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

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

原則一：設計風格與主題一致

原則二：標題簡練，不能超過12個字，其中有5字以內的重點信息

原則三：背景須統一主色調 原則四：信息區條理清晰，標題、活動信息獨立展示 原則五：文案簡潔扼要，不要超過2行

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

原文地址：isux.tencent
作者：灰灰
【優設網 原創文章 投稿郵箱：2650232288@qq.com】
 
================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
PS禮儀手冊：網頁設計師必須修煉的內功技法，更是不可或缺的WEB設計指南http://hao.uisdc.com/ps/。
設計微博：擁有粉絲量63萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：