這個banner設計技巧,不知當講不

2022-01-24 蘇漫網校

我給大家分析一下原圖存在的問題,以下是改稿前的原圖:

 

首先,這個Banner看文案便知是情人節主題的,而情人節主題的banner設計其實有很多種感覺氛圍可以去表現,比如浪漫的、小清新的、華麗的、炫酷的等等,那麼這裡感覺設計師是想往粉嫩可愛的方向去發揮,剪紙風格方向,並且是賣一些女性相關的包包配飾香水之類的產品,整體是想臨摹一種商品陳列的感覺。
基於以上分析,我總結出了以下問題:

(1)整體顏色偏灰,給人感覺不太乾淨,尤其是標題文案部分的顏色和陰影處理;

(2)標題字體採用了襯線字體,這種字體用於剪紙風格會顯得比較複雜,因為各種小細碎的筆畫太多了,所以要麼更換一些比較簡單的非襯線字體樣式,或者是比較浪漫氣質的連體手寫體英文,自然流暢,主要看你想表達什麼感覺;

(3)商品選擇有點問題,比如最中間那款包包的風格明顯跟其他產品風格不搭,其他都是比較簡潔現代的樣式,而這款包包卻過於實物化以及複雜,像一件衣服還帶有格紋,並且包包四角還帶有圓潤的圓角,所以為了保持整體風格基調一致應該替換掉。

(4)排版布局方面,除了標題文案部分的排版節奏不太優美以外(長-短-更長的比例節奏可以改為短-長-短或長-更長-長等等節奏樣式),商品部分大比例太過於平均,分布有些散亂,所以看不到重點);

 

基於以上4條問題分析,於是我改出了下面這版banner:

 

我改稿和指導人的原則是,只要原設計師在大的設計方向上沒什麼問題,那就儘量保留原設計師的想法,然後我會在細節、比例、節奏、色彩、字體、創意方向上對原稿進行修正和補充,從而讓畫面更加有感染力,所以對比改稿前和改稿後,你們應該可以感受到畫面所傳遞出的情感和信息層級上微妙的變化,因為我讓畫面更加夢幻了,產品也更加突出了。

當然這裡也需要說明一下,一個小小的banner設計裡面其實蘊涵了大量的方向/維度/信息,你可以選擇以突出氛圍為主,你也可以選擇突出文字為主,你也可以選擇突出商品為主,甚至如果你覺得自己夠厲害你可以把他們都突出但是又能做到整體協調,這些都是你自己的選擇問題,設計並沒有唯一答案,主要看你有什麼需求方向。

 

改稿案例二   

 

接下來我給大家分析一下原圖存在的問題,以下是改稿前的原圖:

這張圖新手也是看不出問題的,因為感覺用色挺好看,文字信息也挺突出的,但是它確實存在很多問題,接下來我把問題一層一層剝給大家看。

首先看文案信息,我們可以得知這張banner其實是屬於低價熱鬧促銷類型的,畫面氛圍可以鬧騰一點,你可以假想它是一個放在銀行或商城自己官網內部的一個會員積分兌換活動Banner,所以這個Banner在設計方向和用色上問題都不大,但是整體視覺效果比較差。

 

基於以上分析,我總結出了以下問題:

(1)因為頭部那2片圖層的遮蓋,導致視覺上感覺中間那個圓形主體在往下掉,整體畫面非常不穩定,而且那2片圖層的形不好看;

(2)中間圓形部分看起來像是由3個圓形組成,但是因為部分區塊顏色接近,所以圖層融在一起了,看起來太曖昧不清;

(3)所有的商品看起來都是亂擺的,毫無規律可言,並且商品全都是小小的跟螞蟻一樣大小,放在這些大圓裡面感覺特別奇怪,就像在甜甜圈上胡亂灑了一些各式各樣的不明物體一樣,這一部分的問題最大;

(4)所有以上問題,使得這張Banner畫面不平衡,既呆板也凌亂,沒有美感;

基於以上4條問題分析,於是我改出了下面這版banner:

同樣的,這一張Banner我也是儘量保留了原設計師的想法,然後在細節、比例、節奏、色彩、字體、創意方向上對原稿進行修正和補充:調整了商品的擺放秩序,去掉了部分商品,底部添加相似的一些圖層託住這個圓形主體,改變部分圖層的前後關係等等,所以你對比改稿前和改稿後的效果,會發現一張圖在保證信息傳達準確的前提下,從無序變成了有序,同時也不再失衡和呆板了。

 

改稿案例三   

接下來我給大家分析一下原圖存在的問題,以下是改稿前的原圖:

 

這張原圖,估計即便是個新手也能看出來問題了,那就是感覺看了眼花,都眩暈了,另外還有其他一些問題,我統一給大家列舉一下:

(1)背景的圓太規則,讓人感覺眩暈,尤其是紅白的顏色搭配非常搶眼,在這種情況下,你在這個畫面裡放入任何東西,都很難得到突出展示,因為背景的視覺幹擾太強烈了;

(2)模特沒選好,在背景很眩暈的情況下,模特的表情又是直勾勾冷冷地盯著你的,給人一種不寒而慄的感覺,觀眾看了也會感覺渾身不自在,不友好,而且模特摳圖比較粗糙,頭髮部分很假,模特未做任何處理直接bia在了上面,讓人感覺很突兀

(3)整體場景沒有構想好,不知道自己為什麼要做這張圖,技術不到位,實現不了一些效果也是其中一方面的原因;

 

基於以上3條問題分析,於是我改出了下面這版banner:

 

在這裡雖然我依舊保留了圓形這個特色形狀元素,但是將後面的圓形位置都打亂了,目的是製造一種不規則的感覺,並且替換了模特和商品,讓她置身於這些圓形漩渦裡,一層一層的感覺,這樣既使得模特和商品突出聚焦了,整體畫面也不會太呆板,整體顏色依舊是依據模特和商品來,無非就是同色系或對比色彩的運用,總之,最後你對比改稿前和改稿後的設計稿,就能發現哪個看起來視覺上更舒適產品誰更突出了。

哦對了,這張banner的關鍵點在於陰影和整體色調的處理,做設計雖說很多時候是需要感性思維的,但其實在執行環節上卻需要強大的理性思維和耐性,越複雜的圖越是如此,因為圖層多了的話你就要有清晰的思維去理順它們,耐性地做細節,這樣出來的畫面才會是有序的耐看的。

 

改稿案例四   

 

接下來我給大家分析一下原圖存在的問題,以下是改稿前的原圖:

 

這張圖也是新手並不覺得會有什麼問題,無非就是比較常規的左右排版樣式而已,但是我認為這張圖其實很好發揮創意但是卻做得很常規這是我無法接受的,再一個,如果一個人做常規圖做久了思維肯定是非常固化的,所以要想進步的話一定要試著去突破自己。

接下來我給大家分析一下,這張Banner圖其實可以看作是波點主體的賣場banner,說到波點,其實我們很容易想到日本的「波點女王」草間彌生,她就是一個將波點玩出了各種花樣的一位設計師,腦洞非常大,扯遠了,我們繼續聊這個Banner存在的問題:

(1)這個Banner最大的問題在於缺少有趣的感覺,浪費了波點這個可發揮的空間,讓人沒有購買慾望,在這裡突出一種氛圍其實比突出商品更為重要;

(2)商品挑選的不好,毛衣皺巴巴的,尤其是搭配這樣的排版看起來非常廉價,這樣毫無品味的商品怎麼配得上「經典私櫥」幾個字呢?怎麼讓人愛的起來呢?所以商品得換;

(3)背景的波點太多太雜碎了,讓人感覺很混亂,很複雜,所以得精簡;

 

基於以上3條問題分析,於是我改出了下面這版banner:

 

這張Banner其實改動還是比較大的,因為整個排版和配色都換了,我僅僅只是保留了幾個商品圖而已,在這裡我將標題結合波點這個概念做了一些小改動,將商品弱化到各種圓形裡面去成為一種氛圍元素,包括愛心圖形的加入,所有的這些改動其實只有一個目的:那就是把畫面的氛圍調動起來,讓它看起來有趣好玩一點,將波點這個概念儘可能多地展現出來,因為我就是要讓畫面可愛一點再可愛一點。

相信大家之前也通過各種途徑看到了雙十一的品牌滲透,之前也有過不少猜想,今年雙十一品牌到底在玩什麼,背後的思考是什麼?今天阿里官方設計師首度向大家揭秘雙十一品牌設計的心路歷程。

當設計師接手這個任務的時候,就意識到這項挑戰的艱巨。歷屆雙十一所展現出來的設計水準之高,意味著今年雙十一品牌設計的難度之大。今天展現出來的雙十一品牌,絕不僅僅只是設計一個logo(當然,有經驗的設計師都知道,要設計一個打通所有關節,上下貫徹的logo,本來就很不簡單)而是既要體現業務策略,又能夠有效、有趣的完成與消費者之間的溝通。在這之中,logo是所有品牌策略和創意的匯聚提煉,又是整個雙十一品牌延展設計的原點,綱舉才能目張。要了解雙十一品牌的始末,我們的故事就得從logo說起。

 

這是今年雙十一的logo

 

多語言版本

把它和歷屆雙十一logo放在一起的時候,大家能看出什麼區別?

從近幾年的logo變化中可以看出,沒了購物兩個字的天貓雙十一,理念上不再局限於電商促銷活動。特別是在2015年,天貓開始啟用貓頭符號,之後一直在延續貓頭的演繹,並且在此基礎上,每一年的logo都有細微的變化。每一個小細節的變化都透露著這一年天貓雙十一的品牌理念。

2015 強調全球化,用「律動」和「地球」來突出「全球的狂歡」。

2016 強調平臺的超級規模,用「匯聚、融合」來表現「盡情盡興」。

那麼,今年的雙十一品牌理念是什麼?要從哪個方向入手?業務上會有什麼樣的線索?這個是設計師首先要解決的問題。

 

一、兩個維度鎖定方向1、從傳承的維度

我們不難看出,不管每年的主題是什麼,平臺一直傳承著「讓更多的人來參與的」這條主線,其中「人」是不變的主線。

 

2、業務方向的維度

(1)新零售

從去年開始,阿里巴巴開始啟動五新戰略(新零售、新製造、新金融、新技術、新能源),首當其衝的就是「新零售」。作為全球零售業最大的狂歡日,怎能不體現出「新零售」的特徵。那麼什麼是新零售,網上流傳各種版本和說法,我們儘量去掉表面的浮沫,還原本質,用一句話提煉:

新零售的本質:人、貨、場,以人的個性化需求為核心,重新構建生產、銷售、配送、運營以及服務體系。

 

(2)全球化

從2015年開始,阿里就在啟動全球化戰略,今年的不同在於之前的全球化主要是指全球商品,全球品牌的匯聚,而今年開始,我們更關注的是全球消費者的融入,這裡面,核心還是在於人、在於更多不同種族不同文化背景的融合。

(3)節日狂歡

從雙十一開創的第一天開始,「狂歡」就是始終貫徹的主旋律,而隨著狂歡的深入,雙十一已經變成了全球消費者的節日,而節日就意味著不僅僅只有整體氛圍上的狂歡,還有屬於每一個消費者自己的小確幸,主角同樣是人。


這三大要素決定了以人為核心的方向!

同樣是傳承「人」這條主線,今年的不同就在於,過去我們總是站在大平臺的視角向消費者強調我們的規模、我們商品的豐富、全球品牌全球商品的匯聚。而今天,我們更在意的是每一個人的消費體驗,一個消費者他應該包含了行為、生活方式、態度情緒、情懷、價值觀、愛和夢想。這才是一個鮮活有生命力的人,正是這些鮮活的人的融入所產生的共鳴,雙十一才更精彩。

這不僅僅是一種人文關懷,更重要的是我們作為一家使命驅動的公司,認真的為每一個消費者創造極致的消費體驗。這是一個更大的格局,海納百川的氣度。因此,我們的設計就要有足夠的包容性,我們的logo,它更像是一個容器,能容納不同內容演繹的符號。通過這個品牌符號去傳遞更加多元的內容,讓天貓的形象變得有血有肉,用鮮活的生命力,去和每一個消費者對話,讓他們感受到自己真實的存在。

 

二、品牌設計的三個要點:包容、鮮活、共鳴

以消費者為核心,是要讓消費者置身其中,體驗真實的存在感。所以,我們首先要走進每一個消費者的內心,去洞察他們差異化的內心需求。帶入更多有想像力的新選擇,啟發他們打開新的生活方式。創造更具帶入感的場景,讓消費者融入其中,盡情釋放自我。放大被滿足的喜悅,帶入更多消費者情感表達,營造出由外而內的內心共鳴。這就是「in」這個核心概念,以「in」來構建我們品牌的內核。

接下來的問題就是「in」這個品牌內核,如何傳遞給消費者,用消費的語言來解讀,讓他們有體感?

設計師開始了一輪一輪的打磨,方案始終差強人意。不滿意的同時,又激發了設計師的加班熱情,想要通過時間的累積和更多的方向探索來找到答案。

設計並不是數學公式可以推導和預測,在技巧和方法的背後,設計需要一件重要的東西——靈感!而靈感總是孕育於日常生活之中。就在一次網購的體驗中,設計師找到了靈感,打開包裹的瞬間,靈感被激發——那就是「open」帶來的驚喜感!

沒錯,我們每一個人都是消費者,靈感就藏在這些真實的消費體驗中。我們預設了很多玩法,準備了很多理念,營造了很多體驗,但是對於消費者而言,這一切都聚集在每一個「打開」的瞬間,打開手機、打開電腦、打開紅包、打開頁面、打開包裹…

Open, Beyond Imagination! 開啟,超越想像的精彩!這就是我們表現上的靈感,用「open」來構建情感上的共鳴。歷史再一次證明,想不出來,是因為買的還不夠!靈感襲來,設計師興奮得一夜沒合眼…

靈感確定之後,logo到底該長什麼樣!我們要用什麼樣的視覺語言去溝通?順著思緒的線索,還需要繼續深入去洞察去挖掘。洞察什麼?洞察當人完全打開自己,感到幸福滿足的時刻會幹麼?

設計師最後選擇了張開雙臂的形象——張開雙臂去釋放自己,擁抱當下,擁抱世界的美好。這是一個全球通用的視覺語言,它是不需要解釋的共鳴。設計師將張開雙臂這個視覺語言和天貓雙十一結合,構建一個具有包容性的品牌符號。同時在這個圖形容器裡去演繹不一樣的歡樂元素!

在靜態版本中,將所有元素抽象凝練成最具有包容性的方形和圓形,用簡潔的力量去詮釋這種活力和多元化。

一個好的品牌符號,需要有很好的應用性,這不僅體現在組合樣式上,還需要能夠既上得了臺面,又能夠向下延展的時候具有很強的感染力,在傳播層面,甚至不需要一句文案去解釋,直觀的就能展示出,平臺的活力、開放和包容性。它充滿了歡樂的氣息,又很有記憶度。品牌方也能在我們的符號下有更廣闊的拓展空間。

 

天合計劃(天貓品牌合作計劃的簡稱)

雙十一品牌工作還有很重要的一部分是視覺風格,除了logo,整個雙十一到底要長什麼樣?視覺風格到底是怎麼樣?

 

三、整體視覺風格1、歷屆雙十一風格

拋開設計元素和各種表現手法,我們可以看到,雙十一的視覺風格,其實一直延續著波普藝術的路線,其實這也比較容易理解,雙十一本來就是普羅大眾的狂歡,所以在調性上要有普適性,而波普藝術所倡導的「藝術要普羅大眾」的理念和雙十一的品牌精神不謀而合。因此,在今年做雙十一設定的時候,保留了波普這個大的基調,作為雙十一品牌的視覺傳承,這裡面也有一定的挑戰。首先,波普藝術這個大的基調,這些年被電商大量重複使用,鮮豔的顏色,矢量扁平的元素應用讓用戶心生疲倦,消費者還需要一些新的視覺刺激,在大基調不變的前提下,如何玩出些新意?從哪裡去找到突破口?

設計師還是從「open」這個核心概念來入手,「open」給人的視覺聯想應該是「五光十色」「絢爛多彩」的,那什麼能表現這種感官,「我們想在波普裡面加光!」聽上去感覺很不錯,但是光怎麼表現呢…

「鐳射 POP ART」 !設計師一下子有了想法,創意很多時候都是通過老元素的新組合產生的。

確定了視覺風格的主思路之後,就是反覆的嘗試。因為設計師發現一個問題,鐳射這個元素很炫酷,但是也很難駕馭,所以要保持克制,要high也要有原則。就有了不超過30%的畫面佔比這個視覺原則。而在應用上,我們可以感受到這種撲面而來的歡樂,這就是節日該有的樣子。

 

2、園區內部傳播氛圍

相關焦點

  • 網站banner設計的技巧!
    網站設計有美麗的banner,你的網頁能吸引很多遊客的注意力。網站banner在網頁上的重量比較大,品質和美觀的banner會大幅提高你網站的品質。速推SEM網站banner的設計只是網站的設計要素之一,在整體網站的設計中,設計師沒有多少時間進行設計,所以積累了設計師平時設計網站banner的經驗有些設計師的網站banner既沒有靈感也沒有經驗,也沒有良好的品質。在多年的網站設計經驗中,總結了網站banner的製作。
  • 做好Banner設計乾貨技巧
    但令很多設計師頭疼的的是遇到banner設計時無從下手,不知道該如何去設計排版,在上機操作時做banner又是最頻繁的測試題,今天就與大家分享一些設計banner的技巧,希望能幫到大家!在banner中來表現最自然最合適,畫面也不會顯得亂或者空。
  • Banner文字設計技巧!
    設計Banner並不難,但是要具有視覺衝擊力,能在最短的時間內抓住用戶的眼球,引發用戶強烈的點擊欲望,還是需要一定經驗和技巧的,其中文字表現是Banner設計中的核心要素之一。3、文字設計的視覺性。4、文字設計的適用性。Banner的呈現載體有PC端和移動端,所以在設計Banner圖時,要適應多種界面的傳播,達到清晰準確、不失真的程度。推薦:Banner的關鍵字聯想!
  • 網站設計時如何做好banner的設計?
    在網站設計的時候,關於網站banner設計,是非常考驗設計師的水平的,因為很多客戶既要求節約成本,又要效率高,短時間可以設計出出彩的作品,所以,下面給大家說下網站banner設計的幾大技巧和注意事項。3、按照客戶的閱讀習慣來設計一般人們的閱讀習慣都是從左到右、從上到下的,所以網站設計網站banner時候也要遵循這個規律,不要相反,會讓人很不舒服。
  • Banner設計的技巧和方法
    文字中間大,上下小,大部分的排版都在遵循著這個規律。因為人們視線是發散性的,而且這樣的做法可以讓畫面更具有張力。 banner上的字沒有要求,但一定是易識別的。人們買東西不是猜謎語和欣賞。就是要簡單。研究半天才能看明白的文字會讓人反感。 聚攏原則,不要讓用戶到處找文字信息,這樣也可以讓畫面看的更加規整,不會使畫面看著很亂。
  • Banner設計三部曲之形式-(1)
    23333要講的內容一、banner三部曲1-先形式版面形式標題形式一、先形式之版面形式為什麼要先形式先確定版面的形式、布局、標題樣式,然後再去考慮版面的色彩搭配。一個優秀的設計即使它在黑白的情況下也是很好的,如果先從考慮配色然後再去考慮版面,設計的過程中會變的不順暢。
  • 經常聽到banner這個詞,但是banner是什麼意思呢?
    經常聽到banner這個詞,但是banner是什麼意思呢?
  • 【設計乾貨】如何辨別和分析一個Banner的好壞?
    本文由做設計的麵條(ID:TTTink-D)授權發布前深圳京東JDC電商設計師,一個擅長將電商及Banner設計講的最透徹易懂的妹子
  • 手繪在banner圖設計中怎麼應用?
    關鍵字:電商設計 banner導語:過去幾年,電商頁面設計都是相對較傳統的表現形式,風格也比較單一。現在手繪頁面已成為電商頁面設計中不可缺少的一種表現技巧了,更多的手繪已經不單單只是作為藝術來欣賞,更多的是運用到實際中,直接地快速地產生商業價值。一、為什麼要在banner上使用手繪?
  • 原來Banner設計還有這麼多套路!
    拓展閱讀:別不信,其實banner才是真•社會!banner設計其實很簡單,只要你學會這些技巧「為什麼我做的banner這麼醜?」其實這裡大有學問。活動推薦:倒計時1周!第三屆防震減災公益設計大賽,你交稿了嗎?重要通知!UTalk青島線下分享會改時間了!
  • 第一次做banner圖的思路
    :菜心設計鋪 這算是我第一次做banner需求,可以說學到了太多知識點,這裡感謝慢熱大佬的細心指導。 這可能就是這個banner圖最大的一個創意點了。 但是大家都知道,剪影是很平的,直接放上去就是這種效果:
  • 平面設計——banner篇
    banner主要投放於網際網路,在網際網路廣告中發揮著重要的作用。今天要介紹的就是如何通過banner去做更好的宣傳和如何更好的提升設計水平。首先什麼是banner?翻譯成中文是「橫幅、廣告」的意思。最常用於網站的大標題,也就是網站的橫幅廣告了。
  • 六張電商Banner設計告訴你如何讓畫面分割不呆板?
    在設計banner的時候,我們會為了讓畫面顯得更生動、有豐富、有趣味會使用一些小技巧,比如畫面分割(這種技巧大多會用在多種元素對比的情況下
  • 分享26種Banner設計技巧!
    那麼今天小編就帶來關於Banner風格設計的手法,利用合適的設計風格,去表達最主要的情感思想,從而給整個設計起到宣傳的效果,設計出高質量的Banner。無論在什麼設計裡,將主要的設計內容置於畫面的中間,其他元素成為輔助的功能,裝飾主體,可以聚焦視覺的中心點,設計作品的視覺感覺可以很棒。
  • Banner廣告文字運用技巧!
    設計Banner時候1千萬不要不加思索地就把正文和標題文字硬生生的放上去1那會讓你的Banner顯得毫無設計技巧。很多新手容易犯這樣的錯,就算字體顏色樣式處理得很好,也會看上去很呆板。這些都是一些常見的處理方式,當然這也是 banner文字設計的基礎。有些Banner廣告為了表達動感,會根據背景圖片和主題需要對文字進行傾斜、斜切或透視等處理,有時候會令畫面達到出乎意料的效果。常規的文字排列平穩、有序,但是為了表達活力,這種排列方式則顯得不那麼合適。因此,我們可以用傾斜或者斜切打破這種穩定的構圖,讓畫面更有動感。
  • 如何設計一個吸引人的廣告banner
    我們經常可以看到一些很漂亮的插畫效果,如果把插畫融入到你的廣告banner設計中,是不是也可以很搶眼?使用網格網格通常的作用是方便組織大量的內容,使其變得有秩序一些,想對來說比起無規則的設計方式,這個設計形式會更節省時間,而且也能起到很棒的設計效果。
  • 面對不同運營團隊,如何規範運營Banner設計?
    運營banner是線上產品運營最重要的輸出之一,相信大家或多或少都接觸過;運營banner一般起到運營活動入口的功能,設計上要求有視覺衝擊力,能夠吸引人。在網際網路公司中,運營banner往往是由不同的運營團隊去完成,甚至一些跨國企業,運營banner是由不同國家的運營團隊完成的。
  • 怎樣快速設計出漂亮的Banner廣告?
    如果放假了,好好過吧~如果還在上班,嗯,晚上給自己做些好吃的吧~今天呢,豆豆作為寫給設計的值班人,想和你聊一聊banner的問題。我們都知道,Banner廣告在網站中通常都佔據著非常顯著的位置,特別是對電商設計師來說。並且,Banner價值的體現也就是轉化率和本身的漂亮設計息息相關,最重要的是,它要能迅速的吸引用戶的注意力,通過優秀的文案和視覺讓用戶立刻馬上點擊。
  • Banner做的好才是真本事之「史上」最全Banner解析!
    常見的banner的應用領域,根據行業來區分的話,按熱門程度來分有1. 電商圖1(各種電商網站經常看到,如目前最火爆的某寶,魯班就非常厲害了,每天不停擼圖吸引剁手族)2. 遊戲圖5(各種車類APP,如瓜子二手車/人人車等等)其他等等比較冷門的就不一一舉例了 三、【banner設計風格】目前banner應用於各行各業各種情況,在上面的常見領域裡電商設計風格多樣
  • Banner做的好才是真本事之「史上」最全Banner解析
    常見的banner的應用領域,根據行業來區分的話,按熱門程度來分有1. 電商圖1(各種電商網站經常看到,如目前最火爆的某寶,魯班就非常厲害了,每天不停擼圖吸引剁手族)2. 遊戲圖5(各種車類APP,如瓜子二手車/人人車等等)其他等等比較冷門的就不一一舉例了 三、【banner設計風格】目前banner應用於各行各業各種情況,在上面的常見領域裡電商設計風格多樣