起點課堂會員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會特權(quán)
個人IP打造特權(quán)
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導(dǎo)直播
12場專業(yè)技能直播
會員專屬社群
榮耀標(biāo)識如何做出符合產(chǎn)品個性的視覺設(shè)計？（實操篇）
此文檔關(guān)于BANNER的規(guī)范設(shè)置，只是規(guī)范在目前情況下，為了提高團(tuán)隊伙伴們的工作效率和維護(hù)平臺風(fēng)格的統(tǒng)一而制定的，但是，作為一名合格的設(shè)計師，是在不需要規(guī)范的情況下，能深入理解產(chǎn)品，了解市場，了解用戶，而獨立做出有創(chuàng)意的優(yōu)秀作品。
隨著IOS10的發(fā)布，現(xiàn)在的設(shè)計趨勢就是「大而簡，簡而精」。
Instagram改版
在這股趨勢下，未來的設(shè)計將更注重產(chǎn)品的內(nèi)容和操作體驗，降低其他因素對用戶使用上的干擾，這對設(shè)計師來說，是不小的挑戰(zhàn)，因為越簡單的東西越難設(shè)計，特別是如何在界面設(shè)計中去把握「大」和「簡」的程度以及如何通過更有限的手段和空間來傳達(dá)更多的信息和指引用戶來達(dá)到「精」的目標(biāo)，這是我們在未來需要不斷考慮、探索和解決的問題。
由于我負(fù)責(zé)的一款產(chǎn)品由之前的社區(qū)O2O服務(wù)的產(chǎn)品改變?yōu)槟壳暗囊源黉N購物刺激消費達(dá)成購買為目的的電商屬性，所以我們的設(shè)計也產(chǎn)生了相應(yīng)的變化。
未來商業(yè)模式的變化，體現(xiàn)在生活首頁的整體變化中，首頁所有的模塊中80%的屬性被定義為廣告位。表現(xiàn)在圖版變得更多，位置更擁擠，視覺上會更不可控。
提出問題
因為位置和模塊的變化，預(yù)計出現(xiàn)的問題將會是：
- BANNER設(shè)計混亂，風(fēng)格不一，定位不明。
- BANNER設(shè)計花費的時間較長，工作效率低下。
- 用戶體驗不好，無法達(dá)成產(chǎn)品最初的設(shè)計目的。
根據(jù)BANNER的類型，我利用思維導(dǎo)圖將BANNER的類型、目的、設(shè)計方法等進(jìn)行了如下的分析，并進(jìn)行了PPT文檔的說明。
分析問題
混亂的上傳入口，不可控的視覺效果，我們應(yīng)該如何來避免這種情況的出現(xiàn)呢：
通過訂立BANNER設(shè)計規(guī)范，從版面、字體、色彩上去進(jìn)行控制。
解決問題
需要將產(chǎn)品定義為刺激消費達(dá)成購買為目的的電商平臺。
在版面上，我們進(jìn)行了五種版面的編排，提示設(shè)計師進(jìn)行設(shè)計。
總結(jié)
除了對BANNER進(jìn)行規(guī)范設(shè)計外，還需要建立BANNER視覺庫，按BANNER類型進(jìn)行分類，便于大家在未來的工作中，根據(jù)運(yùn)營需求進(jìn)行定性－分類－并進(jìn)行參考設(shè)計。我們產(chǎn)品整體的設(shè)計風(fēng)格要求：正品/高級/低飽和，構(gòu)圖飽滿，空間布局合理，透氣。規(guī)范上我們只做80％的設(shè)定。另外20％我們留給不確定和其它情況。
另外，此文檔關(guān)于BANNER的規(guī)范設(shè)置只是規(guī)范只是在當(dāng)下為了提高大家的效率和維護(hù)平臺風(fēng)格的統(tǒng)一，而作為一名優(yōu)秀的設(shè)計師，是在不需要規(guī)范的情況下，能深入理解產(chǎn)品，了解市場，了解用戶，而做出有創(chuàng)意的優(yōu)秀作品的。
作者：李漢江（簡書ID：設(shè)計師李奧），A股上市公司怡亞通高級視覺設(shè)計師，十多年品牌設(shè)計及互聯(lián)網(wǎng)產(chǎn)品視覺設(shè)計經(jīng)驗。服務(wù)過的品牌有：華僑城地產(chǎn)/萬科地產(chǎn)/朗詩地產(chǎn)/中國平安/安奈兒童裝等。
本文由 @李漢江 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。
看了幾個評論，感覺，有些人好好說話會死的感覺。
覺得用得上，禮貌說個謝謝。
覺得內(nèi)容不全，提個建議請作者補(bǔ)充。
有不同看法，大方的提出來討論。
或者自己有更為高深的見地，拿出來分享也可以。
鍵盤黨和杠精哪里都有，修養(yǎng)欠佳啊。
此文檔關(guān)于BANNER的規(guī)范設(shè)置，只是規(guī)范在目前情況下，為了提高團(tuán)隊伙伴們的工作效率和維護(hù)平臺風(fēng)格的統(tǒng)一而制定的，但是，作為一名合格的設(shè)計師，是在不需要規(guī)范的情況下，能深入理解產(chǎn)品，了解市場，了解用戶，而獨立做出有創(chuàng)意的優(yōu)秀作品。
排版呢，排版，構(gòu)圖那么重要的東西講那么少，還有，不是標(biāo)題 產(chǎn)品 背景，把標(biāo)題改為文案，還有朋友你舉例的那些banner很多缺乏行為誘導(dǎo)，還有構(gòu)圖也差些，舉例需謹(jǐn)慎啊
?? 非常感謝hyde的閱讀，我相信能提出建議的讀者都是有認(rèn)真思考過的讀者，相信你也一定是。
針對你提出來的問題，是這樣的原因，本篇文章所講的規(guī)范和實操其實都是為了維護(hù)我們星鏈平臺產(chǎn)品的視覺統(tǒng)一，由于面向的是我們團(tuán)隊的組員，而我們團(tuán)隊成員缺乏的并不是設(shè)計的能力，他們?nèi)狈Φ氖菍ζ脚_風(fēng)格的理解，所以在這篇文章里，我主要解決的是制定平臺的風(fēng)格。
你講的排版/構(gòu)圖等屬于設(shè)計的基本能力，我們在平常的分享和日常的設(shè)計溝通中都會提及這些知識，所以沒有在這篇文章里進(jìn)行說明。
另外，關(guān)于你講的BANNER的行為誘導(dǎo)，屬于更深層次的設(shè)計問題啦，我也在不斷學(xué)習(xí)的路上，希望能多多指導(dǎo)。
敬請諒解哈，我會繼續(xù)加油的。
好文，求推薦色彩搭配庫。
謝謝鼓勵，色彩搭配我建議你可以閱讀一本書《色彩設(shè)計的原理》，在書中，作者有針對色彩的本質(zhì)問題進(jìn)行詳細(xì)的講解，希望能給你帶來幫助。 ??
搞了半天，我都不知道你怎么實操，只看到一大堆列舉?。?！我也是醉了
+1
感謝謝親親的關(guān)注，關(guān)于實操層面的分享，主要是平臺視覺風(fēng)格方面的規(guī)范，所以在具體的排版和構(gòu)圖設(shè)計層面沒有進(jìn)行過多的闡述。關(guān)于具體的構(gòu)圖排版等技巧方面，我們會在平常的具體設(shè)計項目中進(jìn)行面對面溝通，所以沒有在這篇文章里進(jìn)行說明，請諒解，謝謝支持。 ??