WordCamp Asia Logo 的設計旅程 (翻譯)

Artboard-1

WordCamp Asia Logo 的設計旅程

明年在曼谷將舉辦第一屆的 WordPress 地區年會 ———— WordCamp Asia 2020,日前主辦單位公佈了 WordCamp Asia 的主視覺設計,作為亞洲地區第一屆的區域 WordCamp,設計師是如何思考專屬於亞洲的 WordCamp 品牌識別呢?以下是 WordCamp Asia 2020 的主視覺設計過程 文章的中文翻譯,一起來看看這個具有代表性的標誌是如何被設計出來的吧!


原文作者:Bella Ratmelia

WordCamp Aisa 的設計組有三個成員:組長 Boy 是泰國的平面設計師。Junko 是來自日本的網頁設計師和攝影師。還有 Daiya 是一位香港的數位行銷人。這個小組有一項關鍵的工作便是要執行將會定調 WordCampAsia 未來發展的品牌識別的設計工作。

在設計亞洲第一個區域性 WordCamp 的品牌識別時,設計組了解打好根基的重要性;這個識別要能夠表現亞洲的獨特性,考慮到每一個亞洲的國家有各自不同的文化、語言、書寫系統和色彩習慣,的確是一個不簡單的工作!簡單來說, WordCamp Asia 的品牌識別必須:

  • 跟其他的區域性 WordCamp 或本地 WordCamp 要有明顯的區別性。
  • 要能表現亞洲整體形象,不只是表現某個部分區域或是某個國家。
  • 可以很容易的被自訂、反應當次的主辦城市形象(例如這次的主辦城市:曼谷)
  • 參考並遵循 WordCamp 和 WorePress 聚會 logo 設計準則

設計組將識別設計策略區分成兩個部分:LOGO標誌,以及標準字與主視覺。

(file

  1. WordCamp Asia LOGO標誌:LOGO 標誌是不會變動的主要識別。LOGO 標誌要能產生品牌認知,並且讓 WordCamp Asia 能夠持續發展。因此這個 LOGO 標誌必須要簡潔、容易記憶並且可以應用在多種用途。
  2. WordCamp Asia 2020 標準字和主視覺:這是識別裡要可以「自訂化」的部分。需要可以每年更新,也應該要能反映每屆主辦城市獨特的、吸引人的風格。WordCamp Asia 2020 的主題則是與主辦城市曼谷有關。

確認了這些要素以後,設計組就開始工作了!

第一部分:設計 LOGO 標誌

在定義了需要轉化成視覺標誌的主要訊息後,設計組一起進行了腦力激盪,並實驗了許多的想法
:地圖元素、日出、地圖與字母的結合、布料圖騰、語言,甚至是亞洲的四季變化等。

然後設計組決定將這些想法讓其他的籌備成員來表決,最後票選出 Junko 的點子:圓圈和字母 A(代表亞洲 Asia 的 A)的聯繫橋樑。籌備成員們也提供了一些寶貴的意見回饋給設計組。
file
file

A 是英文字母的第一個字,而字體本身三角形的造型又很像中文字的「人」,造型上也很像是露營帳篷,剛好符合 WordCamp 的名稱,是一個適合包含在 LOGO 標誌中的完美元素!

隨著 LOGO 標誌的概念發展,終於找到結合了團隊的初始想法以及 Diaya 關於亞洲複雜的多重面貌點子的共識點,最後團隊同意了這個概念。

這個概念發展的過程其實在數週之間進行了好幾次的討論,設計組長 Boy 簡述了這整個流程:

file
第一步是使用 斐波那契數列(Fibonacci Sequence)/黃金比例圖(Golden Ratio)來定義圓圈之間的比例關係。

file
接著,組合全部的圓圈來創造基礎的參考線

file
(Junko 原本的 LOGO 設計完美符合格線大小)

file
加入強調「橋樑」的形象外觀,以及「A」的形象外觀

file
最後,增加線條粗細以符合下方簡化的 WordPress logo

file
各種黑白填色變化的版本

file
最後定案的黑白版本 LOGO標誌

file
設計組同時也實驗了各種色彩組合 (此時色彩計畫還尚未定案)

第二部分:WordCamp Asia 2020 主視覺及標準字設計

在 LOGO標誌定案後,設計組開始進行識別設計的第二部分:主視覺和標準字,同時包含了色彩計畫。既然設計組長 Boy 來自泰國,並且現居曼谷,組員們都贊同由 Boy 來負責進行具有曼谷獨特迷人風韻的主視覺設計。

Boy 最先開始進行定義色彩計畫,色彩是能夠主宰所有設計感覺的重要元素。他的設計路徑相當具有系統性,以下是他的設計步驟:

file
首先,我們先使用形容詞描述我們想要 WCAsia 2020 主視覺呈現的感覺與調性。這裏使用到了Kobayashi’s Colour Image Scale這本書。

file
定義完形容詞後,挑選出符合這些形容詞調性的顏色。

file
最後,我們收窄以上色系的選擇,讓配色符合所謂的『泰風

大多數即將舉辦的 WordCamp 活動都將配色限制在兩種色系,但是我們是首次舉辦亞洲區的 WordCamp,設計組認為我們可以採用更多色系,讓它更吸引人,表現亞洲的多樣性。

設計組選擇紅色作為主要的配色,代表著熱情(也象徵泰國的天氣跟美食,又熱又辣),相當符合曼谷和亞洲的整體形象!

file
最後的色彩計畫完美呈現了你會喜歡的曼谷氛圍!你會發現它非常符合我們定義的調性,同時也反映出亞洲的多樣面貌。

將這個配色搭上我們的 LOGO標誌,然後我們獲得了以下結果:
file

最終 Logo

最後定案的結果,背景增加了傳統泰式花環的圖騰,更增添了曼谷的調性。

file
增加了花環圖騰背景的最終logo

file
最終 logo 的黑白版本

標準字型的部分,設計組決定使用 ‘Rubik’ 字型作為標準字,並使用 ‘Roboto Slab’ 作為內文字型。

file
Logo 標誌和標準字的佈局也遵循了黃金比例原則

看看第一個亞洲區 WordCamp 的最終 logo 定案
file
明亮版本

file
暗色版本

同場加映:Logo Rank 分數

這個 Logo 也經過 Logo Rank AI 系統評比了這個 Logo 的獨特性、易讀性、和色彩對比,最終獲得總分 95分的高分!

給我們設計組的成員 Boy、Junko、Daiya,掌聲鼓勵鼓勵!٩(^ᴗ^)۶
file

期待與你在曼谷 WordCamp Asia 2020 相見,快來購票吧!

遊戲直播

Twitch Game&IRL streamer.
#twitchstreamer #irlstreamer
冒險系實況主
TVGAME 遊戲直播、遊戲自媒體

Leave a Comment

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

Top