隨著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輸出的頁面也可以時尚高端大氣上檔次,同時可以大大降低返工率,提高項目的整體質量和效率。