總監(jiān)級的思考！視覺設計該如何賦予產(chǎn)品個性？

@劉津legene ：最近經(jīng)常被問到“設計如何賦予產(chǎn)品性格”，“如何通過分析確定哪種視覺風格更合適”等問題。遇到這些問題我很高興，因為這說明越來越多的人開始重視更高層次的設計問題，而不是局限于設計技巧、審美等表層問題。

恰巧過去的半年，我也在研究品牌設計相關的方法。一是因為發(fā)現(xiàn)行業(yè)對品牌設計的研究有了長足的進展，但設計結果卻沒有太大的改善（行業(yè)內(nèi)有個怪象：會使用方法論的設計師作品質(zhì)量不見得好；設計質(zhì)量好的又不見得會正確使用方法論。很多設計師因此排斥方法論）；二是因為我們在做的是B端的產(chǎn)品，這方面的設計研究基本上是空白。

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

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

△ 品牌設計推導過程

目前來看，即使是在BAT這樣的公司，有“個性”、“出彩”的設計也并不多見。問題出在哪里，對照上圖，我認為“投石問路”、“個性關鍵詞提煉”、“設計主題設定”是關鍵，而這幾點是目前行業(yè)欠缺的。

一、制作競品圖譜

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

二、探訪品牌感覺

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

召集產(chǎn)品owner、產(chǎn)品leader等重要角色，拿出之前準備好的競品圖譜，詢問五個問題：

您覺得目前的網(wǎng)站界面有哪些問題？期望本次改版達到什么效果？（從0到1的產(chǎn)品可跳過這個問題）；請整體評價競品logo/界面，有沒有哪些點符合咱們產(chǎn)品的氣質(zhì)？您認為咱們的產(chǎn)品應該體現(xiàn)出什么感覺/氣質(zhì)？如果把咱們的產(chǎn)品比作一個人，他應該是什么樣的人？哪些logo/網(wǎng)站整體最貼近咱們產(chǎn)品的感覺，為什么？

△ “投石問路”法

這樣既能深刻理解產(chǎn)品定位、氣質(zhì)，又能了解到使用什么設計形式最貼近這種氣質(zhì)，還能知曉最終的設計拍板者對各種設計形式的看法，避免設計師做很多無用功，同時還能在正確的方向上充分發(fā)揮?！巴妒瘑柭贰钡姆椒ㄔ谖覀兊脑O計過程中起到了至關重要的作用。

三、“個性”關鍵詞提煉

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

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

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

△ 品牌設計模型

順著這個思路，我們再提煉關鍵詞（以我們目前在做的一款大數(shù)據(jù)產(chǎn)品為例）：

我們和一線的產(chǎn)品經(jīng)理一起頭腦風暴，從理性角度（產(chǎn)品定位）及感性角度（大家分別說說產(chǎn)品給他的感覺）提煉了一些關鍵詞，再通過“投石問路”的結果（根據(jù)我個人經(jīng)驗，一線產(chǎn)品經(jīng)理比較務實；owner及l(fā)eader的想法比較縹緲）及設計師的大膽創(chuàng)意，想象出如上圖的個性關鍵詞。從圖中可以看出，這里的個性關鍵詞是非常抽象的，它給人很大的想象空間，并且源于理性和感性詞?，F(xiàn)在有沒有感覺產(chǎn)品已經(jīng)有一些個性出來了呢？

四、映射個性風格

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

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

五、設計主題設定

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

設計主題非常的重要，沒有主題的設計會顯得單薄、平淡，缺少靈魂。

六、設計方案推演

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

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

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

最終我們的設計稿在挑剔的老板面前一次通過，大家都感到很興奮，貌似這是第一次這么順利。

寫在最后

在互聯(lián)網(wǎng)2.0時代，設計師沒有什么章法，更多的是隨心所欲的做設計，設計好壞靠的是設計師的個人能力。

在互聯(lián)網(wǎng)3.0時代，各種優(yōu)秀的互聯(lián)網(wǎng)產(chǎn)品層出不窮，對設計師的要求也越來越高，優(yōu)秀的設計師不僅要有基本的審美能力和設計技法，還要懂產(chǎn)品、懂用戶，懂怎么通過UI設計正確的引導用戶。對于行業(yè)巨頭來說，如果只憑設計師的個人能力，整體設計水平將變得極不可控，所以開始重視方法論、重視設計師的推導能力。這樣可以很好的提升設計師的理論能力及產(chǎn)品能力，讓更多設計師認真的思考如何做正確的設計；但同時帶來的反面效果是設計師的創(chuàng)意能力受到限制。最近幾年，國內(nèi)的設計呈現(xiàn)流水線般的感覺，優(yōu)質(zhì)而有創(chuàng)意的設計越來越少見，與之不對稱的是設計師的自我包裝能力越來越強了（否則通過作品沒辦法拉開差距）。

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

我希望這一天可以盡快到來！

標題名稱：總監(jiān)級的思考！視覺設計該如何賦予產(chǎn)品個性？
標題路徑：http://www.muchs.cn/news25/86725.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供云服務器、網(wǎng)站收錄、ChatGPT、網(wǎng)站導航、網(wǎng)站制作、網(wǎng)站設計

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)