視覺設(shè)計(jì)如何“一稿就過”?

2020-09-25    分類: 網(wǎng)站建設(shè)

最近一年多,我們?cè)谠O(shè)計(jì)企業(yè)級(jí)產(chǎn)品時(shí)走了很多的彎路,這些彎路促使我們嘗試新的設(shè)計(jì)方法和思路,每一次嘗試我們都發(fā)現(xiàn)比之前做的更好。因此我把這些踩過的“坑”分享出來,希望后面的人可以少走彎路。

企業(yè)級(jí)產(chǎn)品(to B)和C端產(chǎn)品不同,在國(guó)內(nèi),C端產(chǎn)品競(jìng)爭(zhēng)十分激烈、設(shè)計(jì)的同質(zhì)化也比較嚴(yán)重,設(shè)計(jì)師其實(shí)比較難有大的創(chuàng)新。我經(jīng)??鄲涝谑盏胶芏嗪?jiǎn)歷作品時(shí)很難判斷誰更優(yōu)秀一些,限于產(chǎn)品本身的性質(zhì),設(shè)計(jì)看起來似乎都差不多。而to B的產(chǎn)品在國(guó)內(nèi)近年來有強(qiáng)勢(shì)的發(fā)展,對(duì) to B產(chǎn)品的設(shè)計(jì)研究,目前在行業(yè)內(nèi)是一個(gè)空白。

可以肯定的是,由于 to B產(chǎn)品的復(fù)雜性及極端性,適用于 to B 產(chǎn)品的設(shè)計(jì)方法,可以更好的作用于 to C 的產(chǎn)品上。比如同樣的方法,做 to B 的產(chǎn)品只是勉強(qiáng)夠用,而做 to C的產(chǎn)品也許可以輕松的做到“一稿就過”。當(dāng)然,“一稿就過”不是目的,目的是設(shè)計(jì)出能夠正確體現(xiàn)產(chǎn)品定位、突出強(qiáng)調(diào)產(chǎn)品個(gè)性、具有創(chuàng)新風(fēng)格的優(yōu)秀設(shè)計(jì)作品。

第一個(gè)坑:缺乏行業(yè)特征

第一次設(shè)計(jì)產(chǎn)品官網(wǎng)時(shí),我們和視覺設(shè)計(jì)師一起進(jìn)行了深入的討論,大家也各自做了競(jìng)品分析,主要是研究目前流行的設(shè)計(jì)風(fēng)格。之后,兩個(gè)視覺設(shè)計(jì)師各自出了一版設(shè)計(jì)稿,可以說各有千秋,所以最終的設(shè)計(jì)稿融合了兩者的優(yōu)勢(shì)。由于當(dāng)時(shí)上面要的很急,所以這稿很快就通過并上線了。

幾個(gè)月后,隨著對(duì)產(chǎn)品的不斷深入了解,大家發(fā)現(xiàn)了問題:現(xiàn)有設(shè)計(jì)太偏C端風(fēng)格,完全不具有行業(yè)特征(因?yàn)橹把芯康亩际窃O(shè)計(jì)師熟悉的C端設(shè)計(jì)風(fēng)格,沒有關(guān)注過 to B 產(chǎn)品)。所以后面我們?cè)诋a(chǎn)品經(jīng)理的建議下,搜集了大量設(shè)計(jì)師之前完全沒有聽過的行業(yè)產(chǎn)品(我們沒有競(jìng)品,所以只能看范圍更大的行業(yè)產(chǎn)品),對(duì)它們進(jìn)行了深入的研究,分析兩者的差異、原因(C更偏離散、娛樂、情感;B更偏組織、效率、商業(yè)等)以及由此帶給設(shè)計(jì)的影響。

這個(gè)“坑”告訴我們,不要想當(dāng)然的把自己當(dāng)做用戶,而是要先理解產(chǎn)品的定位及行業(yè)特征。以前做C端產(chǎn)品時(shí)我們都認(rèn)為自己在這方面很專業(yè),但是卻忽略了對(duì) to B 產(chǎn)品的陌生及業(yè)余,以至于造成了“表里不一”的設(shè)計(jì)失誤。C端產(chǎn)品也是一樣的,隨著“互聯(lián)網(wǎng)+”的興起,設(shè)計(jì)師有機(jī)會(huì)接觸到更多的行業(yè),設(shè)計(jì)師務(wù)必了解各行各業(yè)的差異及特征,而不要想當(dāng)然的憑借既往經(jīng)驗(yàn)做設(shè)計(jì)。

第二個(gè)坑:老板說沒感覺

有了第一個(gè)坑的經(jīng)驗(yàn),我們?cè)诤竺嬖O(shè)計(jì)logo時(shí)非常注重對(duì)產(chǎn)品的分析:先通過內(nèi)部訪談了解產(chǎn)品定義并提煉客觀關(guān)鍵詞;再通過情緒板的方法提煉感官關(guān)鍵詞;最后通過競(jìng)品分析、頭腦風(fēng)暴等方式在前面關(guān)鍵詞的基礎(chǔ)上提煉品牌個(gè)性關(guān)鍵詞及相關(guān)視覺元素;最終呈現(xiàn)出一批logo方案。我們用了兩周的時(shí)間,經(jīng)過不斷的試錯(cuò)完成了這個(gè)看似天衣無縫的過程(當(dāng)然團(tuán)隊(duì)一起加班也是少不了的)。在這個(gè)過程中,大家都感受到了進(jìn)步及提升。當(dāng)時(shí)我懷著興奮及期待的心情把設(shè)計(jì)推導(dǎo)、過程,以及最終的設(shè)計(jì)結(jié)果一起呈現(xiàn)給老板,但是她只說了句“沒感覺”,然后就組織其他leader一起討論logo方案,甚至在現(xiàn)場(chǎng)寫寫畫畫。

當(dāng)時(shí)我的心情可以用”崩潰“來形容,我感覺在眾人面前尊嚴(yán)全無,感覺兩周的辛苦完全浪費(fèi)了,感覺自己的專業(yè)能力被完全無視。團(tuán)隊(duì)成員的積極性也受到了嚴(yán)重的打擊,有人覺得何必浪費(fèi)精力去探索創(chuàng)新,老板說啥就做啥挺好。那個(gè)時(shí)候我一度想過離職,因?yàn)槲覍?shí)在是不知道該怎么面對(duì)后面的事情。

索性經(jīng)過一段時(shí)間,我又恢復(fù)了理智,我發(fā)現(xiàn)之前的方法存在嚴(yán)重的問題:在設(shè)計(jì)過程中缺乏老板及其他leader的參與。這么做絕不是為了迎合老板,而是對(duì)于一個(gè) to B 產(chǎn)品來說,理解的成本非常高,不管是格局、經(jīng)驗(yàn),還是其他因素,設(shè)計(jì)師都難以到達(dá)和leader同樣的高度,而這個(gè)問題在C端產(chǎn)品上雖也存在,但不至于那么明顯(C端的產(chǎn)品理解成本較低,大家的理解不會(huì)存在太大偏差)。比如同樣是對(duì)于大數(shù)據(jù),我們想到的關(guān)鍵詞是”實(shí)驗(yàn)、匯聚、科技、工具、安全、價(jià)值”等,而老板可能想到的是“0和1、太極、宇宙、水晶球“等等。

我們具體是怎樣做的呢?當(dāng)然不是直接問老板要怎樣設(shè)計(jì)啦,而是采用一種”預(yù)訪談“的形式,我給它起了個(gè)名字叫”投石問路“法。


首先,我們從老板、技術(shù)leader、產(chǎn)品經(jīng)理推薦過的行業(yè)產(chǎn)品中,挑出一些設(shè)計(jì)方面比較好或有個(gè)性的網(wǎng)站,再加上我們自己找的一些不錯(cuò)的網(wǎng)站,總共二十個(gè)左右。把這些網(wǎng)站的首屏截圖放到一個(gè)文件夾中;同時(shí)也找了大量各種類型的logo,按照不同的設(shè)計(jì)形式分組放到一張大圖里制作成圖譜。我們邀約老板和各位leader一起逐一觀看這些圖片,同時(shí)準(zhǔn)備了五個(gè)問題:

①目前網(wǎng)站界面有哪些問題?期望本次改版達(dá)到什么效果?

②請(qǐng)整體評(píng)價(jià)這些logo/界面,有沒有哪些點(diǎn)符合咱們產(chǎn)品的氣質(zhì)?

③大家認(rèn)為咱們的產(chǎn)品應(yīng)該體現(xiàn)出什么感覺/氣質(zhì)?

④如果把咱們的產(chǎn)品比作一個(gè)人,是什么樣的人?

⑤哪些logo/網(wǎng)站整體貼近咱們產(chǎn)品的感覺?為什么?

老板和各位leader非常耐心、客觀的回答了這些問題,在這個(gè)過程中我也為他們對(duì)產(chǎn)品的深刻見解深深折服。以前我很自傲,覺得設(shè)計(jì)的事情應(yīng)該設(shè)計(jì)師來解決,老板的意見往往是主觀、不專業(yè)的。而通過這次會(huì)議,我認(rèn)識(shí)到對(duì)設(shè)計(jì)的理解更多的不是來源于設(shè)計(jì)專業(yè)本身,而是對(duì)產(chǎn)品的理解。

結(jié)束會(huì)議后,我們團(tuán)隊(duì)成員都對(duì)產(chǎn)品、設(shè)計(jì)方向有了更深入的理解,感覺設(shè)計(jì)方向清晰了許多。

第三個(gè)坑:正確但不出彩

設(shè)計(jì)是什么?設(shè)計(jì)是理性+感性的結(jié)合。這個(gè)道理相信大家都懂,但一到身處其中的時(shí)候就很容易忘記。我們之前關(guān)注感覺,導(dǎo)致產(chǎn)品缺乏行業(yè)特征;后來我們又開始關(guān)注產(chǎn)品特征,導(dǎo)致設(shè)計(jì)缺乏意境。這兩者都造就了“不正確的設(shè)計(jì)”,它們是無法得到認(rèn)可的。

最后我們終于完成了受到老板認(rèn)可的“正確的”設(shè)計(jì),但是沒過多久我又發(fā)現(xiàn)了新的問題:我們做的是“正確但平庸”的設(shè)計(jì)。

舉個(gè)例子,有個(gè)交互設(shè)計(jì)師為了設(shè)計(jì)好版式布局,參考了很多同行業(yè)產(chǎn)品,并發(fā)現(xiàn)了共通的規(guī)律;結(jié)合自身的產(chǎn)品訴求,最后完成了界面布局設(shè)計(jì)。正是這件事情撼動(dòng)了我,因?yàn)槲野l(fā)現(xiàn)這個(gè)設(shè)計(jì)平庸至極,但卻又挑不出錯(cuò)誤,因?yàn)樗_實(shí)嚴(yán)格遵照了分析的結(jié)果。她也覺得這樣是沒問題的,也沒有想過要在此基礎(chǔ)上繼續(xù)發(fā)揮想象和創(chuàng)意,直至完成既能正確體現(xiàn)產(chǎn)品定位、突出強(qiáng)調(diào)產(chǎn)品個(gè)性、又具有創(chuàng)新風(fēng)格的優(yōu)秀設(shè)計(jì)作品。我們當(dāng)時(shí)的視覺設(shè)計(jì)也有類似的問題。

由此我意識(shí)到,無論是交互還是視覺,都是理性與感性的雙重交織:理性的分析幫助我們限定問題的邊界,縮小范圍;而感性的創(chuàng)意幫助我們?cè)谝粋€(gè)聚焦的點(diǎn)上無限發(fā)揮,最終得到一個(gè)既正確又個(gè)性、創(chuàng)新且能夠觸動(dòng)人心的作品。然而把握好理性與感性的邊界點(diǎn)又是何其困難。我們常遇到非常感性或非常理性的人,卻很難遇到兩者兼而有之的人,如果你是其中一類人,請(qǐng)不要排斥另一類,換種不同的思維方式可以幫助你做得更好。

現(xiàn)在,我們還在繼續(xù)前行,前面也許還有無數(shù)“坑”,但踩得越多,我們完成設(shè)計(jì)的質(zhì)量和效率也明顯越好。

文章題目:視覺設(shè)計(jì)如何“一稿就過”?
網(wǎng)站鏈接:http://www.muchs.cn/news12/86712.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站收錄網(wǎng)站策劃、網(wǎng)站排名定制開發(fā)、網(wǎng)站內(nèi)鏈服務(wù)器托管

廣告

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

網(wǎng)站托管運(yùn)營(yíng)