此文檔關于BANNER的規(guī)范設置，只是規(guī)范在目前情況下，為了提高團隊伙伴們的工作效率和維護平臺風格的統(tǒng)一而制定的，但是，作為一名合格的設計師，是在不需要規(guī)范的情況下，能深入理解產(chǎn)品，了解市場，了解用戶，而獨立做出有創(chuàng)意的優(yōu)秀作品。

隨著IOS10的發(fā)布，現(xiàn)在的設計趨勢就是「大而簡，簡而精」。

Instagram改版

在這股趨勢下，未來的設計將更注重產(chǎn)品的內容和操作體驗，降低其他因素對用戶使用上的干擾，這對設計師來說，是不小的挑戰(zhàn)，因為越簡單的東西越難設計，特別是如何在界面設計中去把握「大」和「簡」的程度以及如何通過更有限的手段和空間來傳達更多的信息和指引用戶來達到「精」的目標，這是我們在未來需要不斷考慮、探索和解決的問題。

由于我負責的一款產(chǎn)品由之前的社區(qū)O2O服務的產(chǎn)品改變?yōu)槟壳暗囊源黉N購物刺激消費達成購買為目的的電商屬性，所以我們的設計也產(chǎn)生了相應的變化。

未來商業(yè)模式的變化，體現(xiàn)在生活首頁的整體變化中，首頁所有的模塊中80%的屬性被定義為廣告位。表現(xiàn)在圖版變得更多，位置更擁擠，視覺上會更不可控。

提出問題

因為位置和模塊的變化，預計出現(xiàn)的問題將會是：

1. BANNER設計混亂，風格不一，定位不明。
2. BANNER設計花費的時間較長，工作效率低下。
3. 用戶體驗不好，無法達成產(chǎn)品最初的設計目的。

根據(jù)BANNER的類型，我利用思維導圖將BANNER的類型、目的、設計方法等進行了如下的分析，并進行了PPT文檔的說明。

分析問題

混亂的上傳入口，不可控的視覺效果，我們應該如何來避免這種情況的出現(xiàn)呢：

通過訂立BANNER設計規(guī)范，從版面、字體、色彩上去進行控制。

解決問題

需要將產(chǎn)品定義為刺激消費達成購買為目的的電商平臺。

在版面上，我們進行了五種版面的編排，提示設計師進行設計。

總結

除了對BANNER進行規(guī)范設計外，還需要建立BANNER視覺庫，按BANNER類型進行分類，便于大家在未來的工作中，根據(jù)運營需求進行定性－分類－并進行參考設計。我們產(chǎn)品整體的設計風格要求：正品/高級/低飽和，構圖飽滿，空間布局合理，透氣。規(guī)范上我們只做80％的設定。另外20％我們留給不確定和其它情況。

另外，此文檔關于BANNER的規(guī)范設置只是規(guī)范只是在當下為了提高大家的效率和維護平臺風格的統(tǒng)一，而作為一名優(yōu)秀的設計師，是在不需要規(guī)范的情況下，能深入理解產(chǎn)品，了解市場，了解用戶，而做出有創(chuàng)意的優(yōu)秀作品的。

作者：李漢江（簡書ID：設計師李奧），A股上市公司怡亞通高級視覺設計師，十多年品牌設計及互聯(lián)網(wǎng)產(chǎn)品視覺設計經(jīng)驗。服務過的品牌有：華僑城地產(chǎn)/萬科地產(chǎn)/朗詩地產(chǎn)/中國平安/安奈兒童裝等。

本文由 @李漢江 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉載。