視覺設計 與 UI 設計 邏輯相違背時,該如何取捨?

本文除了一起欣賞2017台北客家主 視覺設計 外,也用 UIUX 的角度分析:『當平面設計和使用者介面的習慣產生衝突時,設計師該如何做取捨呢?』

近幾年,台灣設計美學越來越精彩,政府及各單位開始和業界重磅設計師合作,打造出許多好作品,促成行銷和設計的雙贏局面。最近出色的 視覺設計 像是『2017台北國慶主視覺』、『2017 世界音樂節』及『2017台北客家義民嘉年華』,都讓人印象很深刻。

視覺設計 臺北客家義民嘉年華
圖片來源:2017 臺北客家義民嘉年華

 

我們經常閒聊問別人『你是哪裡人?』,但卻鮮少會特意問:『你是不是客家人?』

我從彰化到台北打拼,算起來也快十年了。有時和朋友同事、司機閒聊時發現對方原來是同鄉,都會感到特別親切和感動。但許多異鄉客家人經常都是得透過主動參與相關活動或不經意聽到有人用客家話交談,才能體會到他鄉遇故知的感動。

這讓我特別有感觸,因此寫了一篇文章:和大家介紹這次 2017 年客家活動的主視覺和其相關脈絡。

hakka poster design
圖片來源:李根在個人臉書

『你係不係客家人? (你是不是客家人?)
後生人,擎手喊有!(年輕人舉手達有!) 』

這次2017的海報設計出自台灣設計師李根在老師之手,這已經是老師第三次和臺北客家義民節合作。標語結合了客家語,既有文化基底又充滿現代感。老師說他希望藉此設計,激發台北年輕族群的興趣,透過現場打卡,網路分享圖片等方式,勇敢告訴別人自己是客家人或是支持客家文化!

_

一個成功簡報的結尾,通常有強而有力的 Call to action (CTA):清楚表達講師訴求,讓聽眾族群得以為此改變思維、採取實際行動。這次 2017 客家的主視覺,我認為有相同的力度存在。

過往油桐花的主視覺大氾濫,是當時的設計師不想新梗?還是出於大環境造成的無奈?

以往相關單位可能為了促進客家觀光,大力行銷油桐花,久而久之社會大眾便經常將花和花布的『鮮豔紅色』,和客家文化做很直覺強烈的連結。因此不難看出以前台北義民嘉年華的活動主視覺:海報及社群 Banner 設計,大多以紅金搭配或油桐花為主。

2014年主視覺設計

hakka poster design 2014

hakka poster design 2014

 

2013年及2012年主視覺

hakka poster design

hakka poster design

 

2011年主視覺

hakka poster design

看完上面設計後,與其馬上給予評論或開罵,我寧可相信當時配合的設計可能也有各種無奈和苦水:像是當時鎖定的客群可能不是年輕族群、或是有許多不成文規定和無法改動的限制。在這些枷鎖下,設計師再有想法,也經常只能當手當腳。但是,當社會結構或限制框架得以轉變,就會帶來巨大的創新和突破,2015後我想就是變革的時間點。

2015年,客家義民節視覺新突破,兩大原因:

  1. 更深入客家文化
  2. 拆解新元素加入設計

1. 更深入客家文化

2015年,李根在開始和台北客家義民節合作後,主視覺開始出現了以『藍染』為發想的深藍及淺水藍用色,打破以往紅花框架。

客家文化除了油桐花外,其實『藍衫』、『藍染』也是重要的特色之一:早期的客家藍衫,擁有耐髒耐磨的特性,就算褪色,也可以重新染過再穿,成為客家人日常穿著的首選:其實這也大力展現了客家人獨特的堅毅力。(以上資料引用出處:藍染 – 客家的傳統與現代

2015年,李根在與義民嘉年節的第一個合作

2015 李根在 與 義民嘉年節 的合作

2015 李根在 與 義民嘉年節 合作

2. 拆解新元素加入設計

早期客家人來台灣時,因祖籍地緣多習慣住在山地,因此到台定居後也多選擇依山傍水的居住環境。在2015的主視覺,設計上使用了客家人居住型態的意象,將其拆解成新的視覺元素:將山、水、衣服纖維、三合院的符號簡化後重新組合,相較於以往的花系列主視覺,多了不少現代感!

2016年,與義民嘉年節的第二次合作。視覺和文字的設計調性,比2015年的設計活潑不少。(完整設計理念請見:李根在 臉書貼文)

hakka poster design

hakka main visual design

2017年,老師與義民嘉年節的第三次合作。和以往最不同的是此次加入了問答式的標語,增加了互動性和號召力。

視覺設計 與 UI 設計 邏輯相違背時,該如何取捨? |

hakka poster design 2017
兩面27公尺高度的大型看版,黑黃的使用是取用於客家的黑令旗的配色。10月8日起,在臺北市政府前掛出。

 

以 UI 設計師眼光探討:『當平面設計遇上介面設計出現脈絡衝突,該如何取捨呢?』

第三次主視覺我很喜歡,但其中我唯一比較有意見的部分,即是讀者的閱讀順序。這樣的觀點來自我身為介面設計師的思考脈絡:『在社群閱讀介面設計上的時候,使用者習慣從左側往右邊閱讀。

所以依照標語『你係不係客家人? 後生人,擎手喊有!』的先後順序,從 UX 出發,若宣傳的平台是在手機介面上的話,我可能會偏向讓圖片『左側放?右邊放!』,不然會出現文字和圖片閱讀方向不同的情形。

視覺設計 與 UI 設計 邏輯相違背時,該如何取捨? |
左側紅色區塊是原設計擺放的方式;右側為將!?左右對調後的修改。

 

hakka poster design 2017
『你係不係客家人? 後生人,擎手喊有!』的閱讀順序也和台北市政府扛棒相反。

 

現在的 2017 主視覺圖示意圖都是『左!右?』,包括市政府的模擬示意圖:台北市政府的扛棒也是從左側讀來,但是主視覺卻是相反的閱讀方向,我自己曾經一度誤解:以為標語是『後生人,擎手喊有!你係不係客家人? 』

但是若以寫作或春聯當出發點,直式閱讀是習慣從右側開始讀起的其實也沒有錯!我相信領域不同,一定有很多眉角不是身在其產業就不盡了解的。

 

平面和介面設計關注眉角大不同,與其『假設』誰的觀點正確,或許『有效的數據調查結果』才能洞察使用族群真正觀點。

上述意見,純屬以我『個人』觀點出發:在目標族群(年輕族群)已經相當習慣社群網路從左側閱讀的基礎上,我會投『左?右!』一票,但大家又是怎麼想的呢?畢竟 UIUX 最忌諱的就是:介面設計師沒有透過真實的訪談和調查,就以『使用者』自居。

拋出這個疑問,一方面也是想透過此文章知道其他人的想法。如果大家看完這篇文章可以給我一些回饋:『左!右?』VS『左?右!』或其他意見回覆在文章或是我的 FB 發文底下,我會萬分感謝!(我的個人臉書本文連結

以上!感謝大家看完我的冗冗長文,我的文章真的就是我的個人觀點,絕對不能代表所有設計師。

_

作者:Ani Hsieh

原文轉載於 – 台北客家主視覺新突破,及為何與UI產生脈絡衝突?

是個 ui / web designer,正致力於用淺白的文字,設計師的角度分享生活中的所見所聞。
喜歡 Ani 的文章歡迎追蹤她的 Facebook Medium : )

 

本文章所屬設計大舌頭與作者所有,未經授權,不得轉載!如需轉載,煩請通知

訂閱設計大舌頭

隨時關注第一手 UX、UI、科技、設計新知

Facebook
LinkedIn
Telegram
Twitter