人人都是視覺動物,能夠做出更漂亮的設計,就會有更多人為你停下腳步。作為一個創業家,你不見得會親自出馬做設計,但要如何有效的與設計師溝通絕對是你的必做課題之一。

家具、衣服、海報、大樓、軟體、網頁甚至是體驗都能夠被設計,因此設計的定義和功能會隨著你的應用而改變,其中最簡單的解釋,就是創造一個成品或指成品本身。

顯而易見,設計能夠被定義,用在行銷上的時候也不例外,以下的文章會介紹一些設計上的原則,還有行銷中的設計類型與技巧,現在就跟著文章脈絡,和我們一起學會看懂設計!

 

#設計原則

設計是一個快速流動的產業,根據不同的應用而有不同的涵義 — 前提是你得把握幾個原則,這些原則是全球通用的,也是所有設計師為了要做出既有效又令人印象深刻的作品會運用到的,包括平衡、對比、地位次序、流動性、比例大小和統一,而在這些大原則之下,也有其他細項原則像是對稱、留白等等。在了解每一個設計原則之前,我們先說明 — 以下提到的「物件」一個進行中的頁面裡所包含的任何文字、形狀、圖片、線條等⋯⋯

 

Rule 1:平衡

平衡是指畫面中的物件怎麼被安排。

design-balance平衡可以藉由對稱與不對稱兩種方法呈現,如果平均分布在縱軸或橫軸的兩側,我們就會說它是對稱的,要是圍繞著中心點分布,則稱為徑向對稱(radial symmetry),相對的,在不對稱的畫面中,通常物件會傾向於某一方,產生地位次序的差異。

例如麥當勞和星巴克的商標,就是屬於典型的對稱。

 

Rule 2:對比

design-contrast對比是指物件們在作品中的差異性。

對比跟相似是相對應的概念,我們可以利用空間、大小、顏色等設計元素創造出對比。其中留白是個很重要的技巧,畫面中空白的部分可以幫助我們統整所有物件,然後強調最重要的部分,奢華與極簡主義就是對比的極致表現。

 

Rule 3:地位次序

design-priority地位次序是指編排一個設計裡,每個物件不同程度的重要性。

通常我們會用大小、字體、顏色組合來強調重點。這之中還可分為三階段:最優先、次優先和輔助元素,最優先的元素會占最多的視覺比重,而且通常會放在前景,次優先的則會放於中景,最後輔助的元素,也就是第三級的重點,會被擺在後景當作背景。

有趣的是,通常一個設計作品的視覺中心通常會位於真正中心的右上方,且通常被稱做博物館高度(museum height)。

 

Rule 4:流動性

design-flow流動性是指瀏覽者在觀看一個作品時的視覺路線。

有了適當的流動性,作品能夠自帶敘述並提供一個高品質的使用者體驗。我們僅需要靠著線條、形狀和顏色這幾個簡單的設計元素,就可以創建流動性。

 

 

Rule 5:比例和規模

design-proportion比例和規模是指一個作品裡所有物件視覺上的重量和大小,以及它們之間的相互關聯性。

通常兩個物件間的相對大小能夠製造焦點或作品的視覺流動性,而且分出大小也能幫助我們明白每個物件的重要性與優先次序。

 

Rule 6:統一

統一或和諧是指每個部份的物件元素和整個設計作品的關係。

雖然不同的設計者和設計產業的想法會有所不同,但「統一」常會被稱為設計的終極目標,當所有物件和元素具有一致性時,其中就存在著統一性,相反則稱為多樣性。統一的原則細項還包括對齊、延續、透視、接近、反覆和韻律等等。

有了這六大原則的初步概念,我們就能來分析行銷中的設計類型與技巧啦!

 

#行銷中的設計類型與技巧

平面設計

提到行銷設計時,你的腦中第一個跳出來的圖像通常屬於平面設計,像是各樣媒體圖、圖表、海報等等。也因為視覺內容在行銷過程中所帶來的吸引力,它的吸睛被品牌視為極高價值,所以許多公司會願意聘請平面設計師或有平片設計經驗的相關行銷人員來完成這類型的工作。

一個好的平面設計通常會需要用到四個技巧:

  1. 目的:你想要設計的也許是臉書廣告,或者可能是電子書,根據不同的設計目的,你會得到不一樣的成果,所以首先你需要從訂下設計目的開始。
  2. 品牌風格指南:許多創業家常常忽視了建立專屬品牌風格指南(Style Guide)的重要性,但是,任何品牌都必須確立代表公司的顏色、字型,然後運用在所有與公司有關的事務上,才能強化自家品牌的記憶與核心,這就是為何「統一」那麼重要,甚至常被當作設計的終極目標。
  3. 線條秩序:你可以利用線條的對齊、整理或分段創造秩序,使設計中的文字內容更容易讓讀者消化。
  4. 圖示 icon 和插圖:最後別忘了加入圖示 icon 和插圖,它們可以豐富你的設計,圖示能做到一些圖片做不到的事,像是作為段落標題分類,或是調整文字或圖片比例較重的部分。

商標設計也屬於平面設計,隨著創業和品牌意識的興起,商標設計也漸漸變成一個流行趨勢,目的是創造一個能穿越時代讓人留下印象的標記。一個商標的設計需要表現出品牌個性,同時考慮到個種使用場景。開始構想之前,你也許需要思考一些和你的品牌有關的形容詞,並且用這些形容詞延伸出各式各樣的圖像。這種腦力激盪過程有助於你創建自己的品牌風格指南。在商標設計上,切記獨特之餘同時也需要保持簡單和品牌形象的一致性,這才能讓人在短時間內留下強烈的記憶點。對於 Logo 設計的技巧,也可以參考我們的另一篇文章,「設計師教你,用一個 logo 說出你的品牌精神」。


UI和UX設計

UI(User Interface) 和 UX(User Experience)設計專注在提升網頁、App和軟體使用者與產品間的互動,UI設計師負責利用網頁、App和主視覺設計創造一個在視覺上賞心悅目的品牌體驗,像是WordPress就提供了這方面的服務,而UX設計師則藉由實用性測試(usability testing)、用戶流程(user flows)和概念具體化(digital prototypes)來確保產品能夠解決顧客痛點。

雖然UI和UX是兩種不同的設計類型,但因為它們相輔相成,有一些技巧是通用的。

  1. 使用者觀點:不論你是設計App、網頁還是其他線上服務,請記得務必要以使用者的觀點來看你的設計。你可以問問自己,為甚麼人們會來瀏覽我的網站?他們希望從網站上得到甚麼、可能會面對什麼樣的困難?分析和研究你的顧客基群非常重要,你可以從實際與顧客的訪談中獲取第一手的用戶資料。
  2. 預期錯誤:總是有一些人對於使用網站或App有障礙,這時你需要結合一些萬無一失的機制來改善這個問題,例如:尚未填寫完成的線上表單不要讓他們送出,或是使用者離開頁面時跳出對話框讓他們再次確認是否要離開,這些機制能夠防止錯誤的發生,也會增加使用者對平台的信賴。
  3. 別太過創新:設計師們往往喜歡創造獨特的東西,但太過特別也會讓人感到困惑,適時的沿用某些普遍的設計模式和標準 — 譬如:聯絡資訊欄通常放置在頁面最下方,可以幫助你的瀏覽者知道該怎麼操作,而不需要額外的解釋。(延伸閱讀:你常用的那幾個 APP,為什麼看起來似乎都很像?
  4. 響應式設計 RWD:雖然響應式設計能幫助網站利用不同大小的螢幕視窗去改變網頁排版的方式,但是你的設計真的適合各種形式的設備產品嗎?透過許多 RWD 框架幫你自動調整版面之餘,你也需要看看你的網站在平板、筆電或手機上的實際呈現,因為許多元素,例如:按鈕、字型大小等在響應式工具中可能沒有辦法完全調整。 


網頁設計

網頁設計通常出現於網頁前端,前端設計師就像是會寫程式的UI設計師,他們會先為網站做UI設計,然後轉化為HTML、CSS和JavaScript。雖然名字聽起來和前端網頁開發很像,卻是不一樣的工作,他們會為公司製作吸引人且具功能性的網頁,例如設計啟動頁面、下拉和點擊功能和內容管理系統。

  1. 考慮摺頁:在網頁的世界裡,摺頁就是任何必須在螢幕上必須滑動才能看到的資訊,網頁中最重要的資訊應該置於摺頁之上,所以瀏覽者不必往下滑才看得到。
  2. 留白:與其他設計一樣,對網頁設計來說,少比多更重要。為了讓瀏覽者得到更多資訊,你當然可以把它們全都塞在摺頁之上,但其實不那麼壅擠的網頁更容易閱讀和消化。你可以試試在你的內容資訊周圍留白,這會讓看的人更好集中在閱讀和理解你的文字上。
  3. 顏色:或許我們沒什麼意識到,有些顏色確實會驅使我們做出一些行為,例如點擊按鈕到下一頁,這被稱作色彩心理學(Color psychology),你可以將相同型式種類的物件用同一個顏色標示,並且用粗體字凸顯較重要的功能。
  4. 別總是用免費素材:在行銷中使用圖像可以有很多種方式,千萬別用"隨處可見"的免費素材!這可能讓人覺得你的品牌懶得與客戶溝通,你用於網站上的圖片形象應該適用於你的網頁瀏覽者,如果你覺得現有的瀏覽者都不是你想要的客群,就需要找到更恰當的素材來吸引正確的客群。其中一個好方法是透過你自己的使用者,生成屬於你品牌的的內容,例如:服裝品牌可以推廣客戶穿搭心得。

看完這些介紹與應用技巧,你對設計有初步的概念了嗎? 創業中的你,也許每天都為各種事務忙得焦頭爛額,Massimo by dipp 是一項能為你分擔廣告設計的服務,不妨聽聽 dipp 怎麼說設計,看看它如何用智動化行銷創意,幫助你的廣告兼具美感和實用性!

ecommerce-promotion-cta

相關閱讀

Massimo 是 dipp 積極培養的智能設計師,他最厲害的地方是他做圖可以又快又多!在短短三秒內,免拖放,Massimo 可以即時生成10組商品的商品廣告圖。不相信?快來聯繫 dipp,有專人為你講解還能得到免費試用帳號喔!