從流行的設(shè)計(jì)風(fēng)格到符合產(chǎn)品定位的設(shè)計(jì)風(fēng)格，再到充滿品牌個(gè)性的設(shè)計(jì)風(fēng)格，設(shè)計(jì)師在這中間經(jīng)歷了很多挫折。索性設(shè)計(jì)師一直沒有放棄，期間不斷探索試錯(cuò)、沉淀方法，歷經(jīng)將近一年時(shí)間最后終于找到了答案(在傳統(tǒng)方法上的突破和創(chuàng)新)。

　　在這里中國設(shè)計(jì)網(wǎng)經(jīng)驗(yàn)分享給大家，希望更多的設(shè)計(jì)師可以通過它塑造出符合產(chǎn)品定位且充滿品牌個(gè)性的設(shè)計(jì)，為企業(yè)的品牌建設(shè)添磚加瓦。

　　一、制作競品圖譜

　　這個(gè)過程有點(diǎn)類似競品分析，尋找同行業(yè)(產(chǎn)品經(jīng)理推薦、網(wǎng)上查找)產(chǎn)品，從中挑選設(shè)計(jì)質(zhì)量較好的，把頁面存成圖片，把logo分類整理等。在這個(gè)過程中我們自己也會(huì)對網(wǎng)站進(jìn)行一些分析(參考文章《國外的視覺設(shè)計(jì)好在哪里》)。

　　二、探訪品牌感覺

　　做到“知彼”還不夠，還要“知己”。很多設(shè)計(jì)師都有這樣的煩惱，辛辛苦苦做出來的設(shè)計(jì)稿，在領(lǐng)導(dǎo)眼里卻是各種問題(參考文章《視覺設(shè)計(jì)如何“一稿就過”》)，甚至要推翻重來。除了視覺表現(xiàn)能力外，大部分的情況是因?yàn)閷Ξa(chǎn)品的理解和認(rèn)知與他人不一致造成的。怎樣既能充分了解對方高屋建瓴的產(chǎn)品理念，又能避免被對方不專業(yè)的設(shè)計(jì)意見牽著走呢?這里我們使用一種“預(yù)訪談”的方式(我們給這種方法起了個(gè)名字叫“投石問路”)。

　　三、“個(gè)性”關(guān)鍵詞提煉

　　目前我們已經(jīng)做到”知己知彼“，相當(dāng)于掌握了豐富、正確的原料，接下來就要進(jìn)行加工創(chuàng)作了。

　　關(guān)鍵詞提煉的方法相信大家都不會(huì)陌生，我們之前也使用了這種方法，但是效果并不理想。因?yàn)槲覀冏詈笤O(shè)計(jì)出了“正確”但不“出彩”、缺乏“個(gè)性”的產(chǎn)品。以前我們做過一個(gè)保健品類的項(xiàng)目，通過情緒板的方法提煉出了關(guān)鍵詞”自然、健康、可靠“，最后設(shè)計(jì)出了毫無驚喜感的界面，還被人質(zhì)疑抄襲了一個(gè)三流健康類網(wǎng)站(確實(shí)很相像，我們看完都驚呆了)。設(shè)計(jì)師也對這種方法頗有微詞，認(rèn)為效果不好(不用情緒板的方法也能想到這些詞，也知道該用綠色)還在一定程度上限制了發(fā)揮。

　　問題出在哪里呢?是對設(shè)計(jì)的認(rèn)知出現(xiàn)了問題：設(shè)計(jì)不僅包含對產(chǎn)品理性客觀的理解，對產(chǎn)品感性主觀的認(rèn)知，更要有對產(chǎn)品個(gè)性塑造的升華。而之前錯(cuò)就錯(cuò)在僅通過理性或感性的方式來推導(dǎo)關(guān)鍵詞，卻缺少了重要的藝術(shù)加工的過程，結(jié)果自然就不會(huì)有驚喜。我們都知道藝術(shù)創(chuàng)作是”源于生活，高于生活“，品牌設(shè)計(jì)也是一樣，它源于對產(chǎn)品的理解，同時(shí)又高于這種理解。如果我們只是按照普通的方式去提煉關(guān)鍵詞，勢必得到普通的設(shè)計(jì)。類似”潮、簡單、科技、溫馨、可靠”等關(guān)鍵詞，是不是可以套用在無數(shù)產(chǎn)品上?那據(jù)此而設(shè)計(jì)的界面又怎么賦予產(chǎn)品獨(dú)特的個(gè)性呢?那看似無懈可擊的推導(dǎo)，最后卻又產(chǎn)出平庸的設(shè)計(jì)也就不足為奇了。

　　四、映射個(gè)性風(fēng)格

　　有了這些詞，我們就開始找相關(guān)的圖片制作情緒板了。和傳統(tǒng)的情緒板(關(guān)于情緒板的方法網(wǎng)上有很多文章，這里就不介紹了)方法不一樣的是，我們并不一定要從情緒板里提煉出什么然后嚴(yán)格遵守。因?yàn)榍榫w板就是一個(gè)工具，是幫助設(shè)計(jì)師找感覺的，而不是限制住設(shè)計(jì)師思維的。

　　情緒板的作用是幫助設(shè)計(jì)師把關(guān)鍵詞圖形化，同時(shí)思考它是否合適?比如玄幻這個(gè)詞應(yīng)該是一種什么樣的視覺表現(xiàn)?這種視覺表現(xiàn)體現(xiàn)在界面上好處理嗎?太極用作logo的話，能夠有哪些表現(xiàn)形式?一方面要通過情緒板找感覺，一方面在界面上反復(fù)嘗試(試稿)，然后通過權(quán)衡找到合適的風(fēng)格，這是一個(gè)反復(fù)迭代的過程。

　　五、設(shè)計(jì)主題設(shè)定

　　經(jīng)過多次試稿以及大家的意見，設(shè)計(jì)師決定通過行云流水的整體感覺打造既有中國特色，又有B端產(chǎn)品感覺的獨(dú)特風(fēng)格(由于視覺稿還未上線，所以這里不多說了，僅用于說明方法)。logo融入了太極+水滴+水晶球的元素，界面主題為海洋(數(shù)據(jù)可比作大海，同時(shí)海波也是常見的古代傳統(tǒng)花紋元素)，界面元素多考慮曲線以及傳統(tǒng)紋樣，整體強(qiáng)調(diào)對比(太極)及留白(中國畫)，突出意境……

　　設(shè)計(jì)主題非常的重要，沒有主題的設(shè)計(jì)會(huì)顯得單薄、平淡，缺少靈魂。

　　六、設(shè)計(jì)方案推演

　　其實(shí)設(shè)計(jì)師并不是一開始就決定用行云流水的感覺貫穿界面始終。最開始他想從“陰陽”、“太極”、“海波”等感覺入手(來自個(gè)性關(guān)鍵詞)，但是大家覺得效果并不是很好;后來我們決定更落地一點(diǎn)，找找“中國風(fēng)”的感覺，在這個(gè)過程中通過情緒板了解了很多中國傳統(tǒng)的紋樣，改進(jìn)后發(fā)現(xiàn)風(fēng)格確實(shí)明顯了，但整體比較零散，缺乏主線;大家不斷在界面上找問題，給建議，設(shè)計(jì)師也做了很多功課，沒事就上網(wǎng)搜各種中國畫找靈感，最終確定了“行云流水”作為貫穿界面整體風(fēng)格的主線，界面主題、元素、風(fēng)格均圍繞這種感覺，最終設(shè)計(jì)出風(fēng)格獨(dú)樹一幟、個(gè)性十足又不失B端產(chǎn)品行業(yè)共性的作品。我們與眾不同的品牌基調(diào)也就此確定下來。

　　所以五、六步并不是一個(gè)完全線性的過程，它們是一個(gè)不斷迭代的過程：先通過第四步情緒板映射個(gè)性關(guān)鍵詞，然后試稿(設(shè)計(jì)師個(gè)人嘗試)，在這個(gè)過程中有了大致的設(shè)計(jì)主題(比如第一個(gè)版本就有海洋元素)，在此基礎(chǔ)上通過設(shè)計(jì)方案推演(大家給建議)不斷改善，在這個(gè)過程中設(shè)計(jì)主題越來越清晰，再通過不斷的推演達(dá)到最終效果。

　　所以如果你看到某個(gè)設(shè)計(jì)師講述自己的設(shè)計(jì)推導(dǎo)過程是按照步驟順序完成的，那基本是不可能的。不管是做產(chǎn)品、做交互設(shè)計(jì)還是視覺設(shè)計(jì)，都充滿了無數(shù)的迭代過程。再優(yōu)秀的設(shè)計(jì)師也要通過不斷的修改完善自己的作品。我相信好的設(shè)計(jì)都是改出來的。

　　在逐步發(fā)展的“互聯(lián)網(wǎng)+”時(shí)代，互聯(lián)網(wǎng)會(huì)滲透到各行各業(yè)，這對設(shè)計(jì)師也會(huì)有不一樣的要求。每個(gè)行業(yè)的情況都完全不同，這要求設(shè)計(jì)師既要根據(jù)行業(yè)、產(chǎn)品特點(diǎn)做出正確的設(shè)計(jì)，又要通過獨(dú)特的設(shè)計(jì)語言賦予產(chǎn)品不一樣的個(gè)性。未來注定是一個(gè)在設(shè)計(jì)上百花齊放的時(shí)代，隨著設(shè)計(jì)行業(yè)的不斷成熟，同質(zhì)化的設(shè)計(jì)會(huì)越來越少，在某些獨(dú)特的行業(yè)，設(shè)計(jì)師甚至?xí)o競品可借鑒，只能通過扎實(shí)的基本功確定設(shè)計(jì)方向。