眾所周知,一般網(wǎng)站每年都會有幾次大促銷,作為門面首頁的在2014年改版后正好趕上了1212大促,于是迎來了新版第一次投放大促banner的機會。
這次大促的banner投放,點擊率感人
于是這個位置自然而然的變成了大促時必用的banner位,而且每次投放效果都異常的好,尤其是最近三次:16年9月開學季,16年12月,17年3月開學季的大促點擊率比往常都要高出很多。
公司每次大促的背后離不開各部門的通力合作,其中包括我們大友誼帝團隊。
作為此banner位的視覺設計獅之一,很榮幸能在這里分享一些這幾次大促中領悟到的一些東西。
視覺設計師接到banner需求后的思路:前面那些了解需求啊,溝通啊我們就不提了,我們主要從決定動手開始。
行動起來大致分為兩類:一類,拿到需求腦子里就已經(jīng)有圖了,拿起草稿紙開始畫草圖,構(gòu)思,然后根據(jù)自己的草圖去實現(xiàn)效果圖。這類大神我們今天先不討論(因為我不是大神,沒法就此方法展開討論,羞?。?。
另一類,到花瓣等設計網(wǎng)站去找靈感,瀏覽大量的設計圖,找一些大廠或大神設計的契合本次需求的風格,然后做一個差不多的,拿去交差。
大部分時間我是屬于第二類,因此,以下這些風格,都被我借鑒過,在我們的頁面上出現(xiàn)過。
可是我沒有想過,這些風格我可以用,別人也可以用,我們甚至會看到許許多多廠家的banner都長得差不多。
我之前從沒有想過,借鑒也是有道道的~
以下這三家也是借鑒的標兵啊,可是效果不太一樣呢
雙十一,淘寶的設計團隊推出了借鑒歐普風格所產(chǎn)出的淘寶大促風格在業(yè)內(nèi)掀起了一段風起云涌的討論和效仿。
MUJI制造商“制造”的嚴選,大促永遠都是那么的美,坐等大促看美圖,也成了嚴選用戶的習慣。
去年,融合了20世紀所有時尚元素的Gucci甚至引發(fā)了時尚圈的一股巨浪。
以上,我們不難看出,這三家在大促或新品發(fā)布上所采用的辦法雖是借鑒,但都是:借鑒經(jīng)典設計,并結(jié)合自身的產(chǎn)品特點,形成屬于自己的風格和氣質(zhì)。
很多人說,說什么借鑒,就是抄襲,你們設計界不是盛行一句話:天下設計一大抄?
說這句話的人一定不是設計師,或者說根本不了解設計。
畢加索說過:庸人抄作品,天才借方法。
笑話!設計獅是怎么可能是庸人?
舉個栗子,喬布斯時期Apple的產(chǎn)品設計所用的方法其實是迪特·拉姆斯提出的。
大家感受一下,想要滿足受眾對品質(zhì)的追求,對美的追求,對易用的追求。這兩位大師所用的方法是類似的,迪特·拉姆斯在前期的設計中已經(jīng)驗證了這個設計方向是正確的,這一驗證對喬布斯后來的發(fā)展方向是有所啟發(fā)的,于是我們用上了iMac,用上了iPhone等等,并且還真的是很喜歡,甚至有人說喬布斯時期的產(chǎn)品設計也已經(jīng)成為了一種經(jīng)典。
Dieter Rams 迪特·拉姆斯現(xiàn)代設計原則由此可見,當我們在借鑒經(jīng)典設計的時候,不是浮于表面的,是借鑒的其方法,用視覺傳達某種信息的時候,好用的方法卻往往都是類似的,是雷同的。
終于說到今天的重點,舉栗說明如何借鑒經(jīng)典:
三個點擊率不錯的banner中有兩個是借鑒的孟菲斯風格,并且取得了非常不錯的成績
在領悟了借鑒的精髓之后,我拿到banner需求開始思考- 我不能再做“差不多”先生了。
- 能否通過某經(jīng)典設計來幫我提供一些靈感,去詮釋這次活動的主題呢?
社會大環(huán)境:上世紀初,在包豪斯的思想率領下,現(xiàn)代美學進入了一個新時代,理性的,規(guī)矩的設計理念已經(jīng)影響了幾十年,到80年代的時候,世界上的產(chǎn)品設計慢慢發(fā)展到了一種冰冷的,無感情的時代。
有些設計師認為產(chǎn)品的設計不應該是這樣的,應該是讓人用起來感覺輕松的,愉悅的,富有熱情的。因此,他們開始試圖打破這些規(guī)矩,balabala經(jīng)過一系列改革,最后形成了孟菲斯風格。此風格最早是用于建筑設計,室內(nèi)設計和家具設計。
孟菲斯風格的特點:- 在色彩上常常故意打破配色規(guī)律,喜歡用一些明快,風趣,彩度高的明亮色調(diào),特別是粉紅、粉綠等艷俗的色彩。
- 強調(diào)手工藝方法之作,并積極從波普藝術、東方藝術、非洲拉美的傳統(tǒng)藝術中尋求靈感。
- 在構(gòu)圖上往往打破橫平豎直的線條,采用波形曲線,曲面和直線、平面的組合,來取得室內(nèi)意外效果。
- 超越構(gòu)件、界面的圖案,色彩涂飾。
立刻引起了許許多多年輕人的關注,得到了一大票簇擁者,有太多人想要恢復活潑,想要跳出性冷淡去擁抱熱情,因此在社會上傳播非??欤暣笤?。
再來看我們現(xiàn)在所處的環(huán)境:一種,扁平化,簡約風,配色最好不要多于3個顏色,形狀最好圓是圓,方是方,橫平豎直的構(gòu)圖等等,這些“規(guī)則”已經(jīng)盛行在互聯(lián)網(wǎng)行業(yè)很多年了呢。
我們的審美似乎又被卷回到了歷史的漩渦中很久了。
我們的受眾:有學習需求的那些人啊!
我朝學校的教育風格… 難道我們到了互聯(lián)網(wǎng)上,還要帶來差不多的感覺?
我們當然希望傳達給他們一種輕松,活潑,愉悅的感覺,讓大家懷著一種愉快的心情去學習知識,自然而然的接受知識。
我們的產(chǎn)品:教育我們不像很多商家有漂亮的實體產(chǎn)品圖,我們能做到的就是利用虛擬的視覺語言去傳達這些情感,從圖形,從色彩,從構(gòu)圖這些方面著手。
這似乎和當年孟菲斯風格的形成有一些相似之處,于是我大膽的借用了他們的一些視覺傳達方法:形狀,色彩。
但是我們和孟菲斯風格又有一點不一樣,畢竟我們還是一個嚴肅的產(chǎn)業(yè),我們不需要過多的怪誕和非主流。
在此之前,團隊已經(jīng)做了一些關于情感化設計的嘗試,從配色,材質(zhì)等特點上已經(jīng)有一些屬于滬江自己的東西(參閱之前公眾號推出的節(jié)日氛圍圖)
于是,把團隊已沉淀來的配色方式加上一部分孟菲斯設計的傳達方式。
最后產(chǎn)出的banner具備以下特點:- 運用幾何圖形做裝飾元素,既是具象的,又是抽象的。
- 配色雖是明亮的,同時又是溫和的,是多彩的,又是協(xié)調(diào)的。
- 會利用一些漸變來增加層次感,會加一些肌理來豐富細節(jié)。
整個風格給人的感受就是輕松愉悅的,符合我們之前的預期,投放后的效果也大大的超出了我們的預期,說明這次的方向是正確的。
除了配色進行了調(diào)整,字體和排版,也選擇了比較嚴謹?shù)姆绞椒椒ā?/strong>
字體,幾乎沒有做變形,保持了字體的易讀性,畢竟氛圍已經(jīng)夠輕松,那么字體和排版就不宜再松了,應該適當?shù)膰乐?。畢竟我們的目的是希望用戶能在一個輕松的氛圍種聚焦到活動主題的。
由于嘮叨太多了,我們千萬別把重點中的重點弄丟了,以上講的是做活動時從經(jīng)典設計中汲取靈感的方法。
不同的活動,不同的目的,不同的受眾我們可以找到不同的經(jīng)典設計思路,難道我們的風格就要隨著這些風格一直在變化嗎?這不又成了差不多先生嘛?