這裡有個banner的設計方法,不知當講不當講!

2022-09-21 13:36:16 字數 2721 閱讀 8123

眾所周知,滬江網校一年有幾次大促,作為集團門面的hujiang.com在 2014 年改版後正好趕上了 1212 大促,於是迎來了新版第一次投放大促banner的機會。

這次大促的banner投放,點選率感人於是這個位置自然而然的變成了大促時必用的banner位,而且每次投放效果都異常的好,尤其是最近三次: 16 年 9 月開學季, 16 年1212, 17 年 3 月開學季的大促點選率比往常都要高出很多。

公司每次大促的背後離不開各部門的通力合作,其中包括我們大友誼帝團隊。

作為此banner位的視覺設計獅之一,很榮幸能在這裡分享一些這幾次大促中領悟到的一些東西。

前面那些了解需求啊,溝通啊我們就不提了,我們主要從決定動手開始。

行動起來大致分為兩類:

一類,拿到需求腦子裡就已經有圖了,程式設計客棧拿起草稿紙開始畫草圖,構思,然後根據自己的草圖去實現效果圖。這類大神我們今天先不討論(因為我不是大神,沒法就此方法展開討論,羞!)。

另一類,到花瓣等設計**去找靈感,瀏覽大量的設計圖,找一些大廠或大神設計的契合本次需求的風格,然後做乙個差不多的,拿去交差。

大部分時間我是屬於第二類,因此,以下這些風格,都被我借鑑過,在我們的頁面上出現過。

可是我沒有想過,這些風格我可以用,別人也可以用,我們甚至會看到許許多多廠家的banner都長得差不多。

我之前從沒有想過,借鑑也是有道道的~

以下這三家也是借鑑的標兵啊,可是效果不太一樣呢

雙十一,**的設計團隊推出了借鑑歐普風格所產出的**大促風格在業內掀起了一段風起雲湧的討論和效仿。

muji製造商「製造」的嚴選,大促永遠都是那麼的美,坐等大促看美圖,也成了嚴選使用者的習慣。

去年,融合了 20 世紀所有時尚元素的gucci甚至引發了時尚圈的一股巨浪。

以上,我們不難看出,這三家在大促或新品發布上所採用的辦法雖是借鑑,但都是:借鑑經典設計,並結合自身的產品特點,形成屬於自己的風格和氣質。

很多人說,說什麼借鑑,就是抄襲,你們設計界不是盛行一句話:天下設計一大抄?

說這句話的人一定不是設計師,或者說根本不了解設計。

畢卡索說過:庸人抄作品,天才借方法。

笑話!設計獅是怎麼可能是庸人?

舉個栗子,賈伯斯時期apple的產品設計所用的方法其實是迪特拉姆斯提出的。

大家感受一下,想要滿足受眾對品質的追求,對美的追求,對易用的追求。這兩位大師所用的方法是類似的,迪特拉姆斯在前期的設計中已經驗證了這個設計方向是正確的,這一驗證對賈伯斯後來的發展方向是有所啟發的,於是我們用上了imac,用上了iphone等等,並且還真的是很喜歡,甚至有人說賈伯斯時期的產品設計也已經成為了一種經典。

dieter rams 迪特拉姆斯現代設計原則由此可見,當我們在借鑑經典設計的時候,不是浮於表面的,是借鑑的其方法,用視覺傳達某種資訊的時候,好用的方法卻往往都是類似的,是雷同的。

三個點選率不錯的banner中有兩個是借鑑的孟菲斯風格,並且取得了非常不錯的成績

在領悟了借鑑的精髓之後,我拿到banner需求開始思考

我想到了孟菲斯設計 為什麼呢?且看以下分析:

社會大環境:上世紀初,在包浩斯的思想率領下,現代美學進入了乙個新時代,理性的,規矩的設計理念已經影響了幾十年,到 80 年代的時候,世界上的產品設計慢慢發展到了一種冰冷的,無感情的時代。

有些設計師認為產品的設計不應該是這樣的,應該是讓人用起來感覺輕鬆的,愉悅的,富有熱情的。因此,他們開始試圖打破這些規矩,balabala經過一系列改革,最後形成了孟菲斯風格。此風格最早是用於建築設計,室內設計和家具設計。

立刻引起了許許多多年輕人的關注,得到了一大票簇擁者,有太多人想要恢復活潑,想要跳出性冷淡去擁抱熱情,因此在社會上傳播非常快,名聲大噪。

一種,扁平化,簡約風,配色最好不要多於 3 個顏色,形狀最好圓是圓,方是方,橫平豎直的構圖等等,這些「規則」已經盛行在網際網路行業很多年了呢。

我們的審美似乎又被卷回到了歷史的漩渦中很久了。

我朝學校的教育風格… 難道我們到了網際網路上,還要帶來差不多的感覺?

我們當然希望傳達給他們一種輕鬆,活潑,愉悅的感覺,讓大家懷著一種愉快的心情去學習知識,自然而然的接受知識。www.cppcns.com

我們不像很多商家有漂亮的實體產品圖,我們能做到的就是利用虛擬的視覺語言去傳達這些情感,從圖形,從色彩,從構圖這些方面著手。

這似乎和當年孟菲斯風格的形成有一些相似之處,於是我大膽的借用了他們的一些視覺傳達方法:形狀,色彩。

但是我們和孟菲斯風格又有一點不一樣,畢竟我們還是乙個嚴肅的產業,我們不需要過多的怪誕和非主流。

在此之前,團隊已經做了一些關於情感化設計的嘗試,從配色,材質等特點上已經有一些屬於滬江自己的東西(參閱之前***推出的節日氛圍圖)

於是,把團隊已沉澱來的配色方式加上一部分孟菲斯設計的傳達方式。

最後產出的banner具備以下特點:

整個風格給人的感受就是輕鬆愉悅的,符合我們之前的預期,投放後的效果也大大的超出了我們的預期,說明這次的方向是正確的。

除了配色進行了調整,字型和排版,也選擇了比較嚴謹的方式方法。

字型,幾乎沒有做變形,保持了字型的易讀性,畢竟氛圍已經夠輕鬆,那麼字型和排版就不宜再鬆了,應該適當的嚴謹。畢竟我們的目的是希望使用者能在乙個輕鬆的氛圍種聚焦到活動主題的。

由於嘮叨太多了,我們千萬別把重點中的重點弄丟了,以上講的是做活動時從經典設計中汲取靈感的方法。

不同的活動,不同的目的,不同的受眾我們可以找到不同的經典設計思路,難道我們的風格就要隨著這些風格一直在變化嗎?這不又成了差不多先生嘛?

本文標題: 這裡有個banner的設計方法,不知當講不當講!

本文位址: /news/plan/64601.html

為什麼要重構?這裡有7個原因

字型 小中 3 難以通過重構手法完成的設計改動 通過重構,可以排除所有設計錯誤嗎?是否存在某些核心設計決策,無法以重構手法修改?在這個領域裡,我們的統計資料尚不完整。當然某些情況下我們可以很有效地重構,這常常令我們倍感驚訝,但的確也有難以重構的地方。比如說在乙個專案中,我們很難 但還是有可能 將 無...

這裡有你考PMP的理由嗎?

隨著pmp 持證人數的增長,專案管理理論體系 pmbok的許多概念已逐步成為專案管理的共識,在專案交流 溝通 管理上已經發揮了重要的作用,使我們的專案管理水平有了長足的進步。在考取pmp 認證的過程中要知道自己的真正目的,要保持平和的心態,真正去關注專案管理的本質,而不是考試。下面給大家講解一些考p...

裸辭還能不掉價?這裡有面試方法!

裸辭 是瀟灑的結束,同時也是空白的開始。裸辭 後最重要的是給自己 保鮮 及時在職場的 賞味期限 內找到下乙個目標。否則在 臨期 時只好自降身價,談薪水時無奈的給出 打折價 一旦 過期 後更會落得過氣的下場,找不到職場容身之地。怎樣才能使自己的職場價值不過期?1 給自己設定新的職業方向。裸辭 之後,不...