一個Logo的誕生 ep.1 — 東捷牙醫診所

譚宇辰
譚宇辰
Jan 30, 2019 · 6 min read

這個系列主要是想從每個過去實際的案子中,分享從“Logo”到 “視覺識別 Visual Identity” 的整個流程與經過。不論是新創品牌的從無到有,或是舊有企業/品牌的形象更新,其中也包含了提案沒採用也沒機會公開的槍搞,都會收錄在這系列當中!


在做視覺識別的時候,首先會把整個專案分為以下幾個步驟:

1.了解品牌/企業的過去、現在與未來

2.市場調查、資料搜集分析

3.概念發想與提案

4.定案與後續延伸

  • 4–1. 中英文標準字
  • 4–2. 比例制訂
  • 4–3. 標準字排列組合
  • 4–4. 指定搭配字型
  • 4–5. 色彩計畫
  • 4–6. 色彩應用
  • 4–7. 輔助圖形
  • 4–8. 延伸周邊設計

1.了解品牌/企業的過去、現在與未來

東捷牙醫位於新北市永和區中正路,成立於1994年,至今服務當地民已經超過25年。希望透過這次視覺識別的改造,給人全新的品牌形象,邁向接下來的30年、40年、50年!

Image for post
Image for post
東捷舊Logo

舊有的Logo由三種不同風格字體結合,主要的標誌是個草寫紅色大寫的D,英文標準字是手寫的字體,中文標準字是標楷體的書法字。

標誌的D呈現典雅;但手寫的英文字體就顯得比較隨性、專業感不足;中文的標楷字給人較嚴肅正經的感覺。


2.市場調查、資料搜集分析

針對附近的同業做了調查與資料搜集。比較有年紀的診所,滿多採用書法字,顯示專業權威的感覺;新的診所大多使用黑體、圓體。顏色使用上,診所大多還是採用藍色、綠色為大宗。

Image for post
Image for post

3.概念發想與提案

經過初步討論後,業主給予很大的彈性可以創意發揮。因此決定初次提案針對兩個方向進行提案。

Image for post
Image for post
Logo發想草圖

Image for post
Image for post

第一個方向的提案A,針對舊有的識別做修正,標誌用了 “Bodoni” 做修改,除了原有的D之外還加入了J。

中文標準字用 “平成明朝” 、英文標準字用 “Baskerville” ,兩個有襯線字體做搭配,看起來更有專業感。

顏色部分沿用原本紅色色系,只是將色調調深,搭配深灰色,整體看起來較為穩重。


Image for post
Image for post

第二個方向的提案B,是針對 “東” 字為發想,把 “東+牙齒+醫療” 做結合再圖像化。

標誌東字的外圍是牙齒形狀的造型,中間修改成 “+” 的符號,呼應醫療常使用的十字架,用仿字體筆畫手法,隨著筆畫而有不同的粗細變化。中文的部分用 “金萱 半糖” 、英文選用 “Optima” 。


Image for post
Image for post

第三個的提案C,延續提案B的概念,但用不同的風格呈現。

標誌部分筆畫粗細一致,但末端都有圓角潤飾,看起來比較親民不會太剛硬。中英文的標準字分別用了 “凸版文久見出しゴシック エクストラボールド” 跟 “Anteb” ,兩個筆畫末端也都有圓角修飾的字型與標誌做呼應。


4.定案與後續延伸

經過提案討論過後,與業主確立新穎又不失專業感的品牌形象,最後選定提案C做後續發展。

Image for post
Image for post
最終定案

4–1. 中英文標準字

Image for post
Image for post
中文標準字使用 “凸版文久見出しゴシック エクストラボールド”
Image for post
Image for post
英文標準字使用 “Anteb”

4–2. 比例制訂

定案後會調整制訂標誌、中文標準字、英文標準字三者的大小比例,看起來更舒適、平衡。

Image for post
Image for post

4–3. 標準字排列組合

再來針對不同場合、媒介、需求,提供直式、橫式等不同變化的組合做使用。

Image for post
Image for post

4–4. 指定搭配字型

因應標題、副標、內文等等不同使用需求,挑選符合品牌形象、適合搭配的中英文字型。


4–5. 色彩計畫

依據品牌精神,設定專屬的品牌配色。將本來提案的深灰藍色調成比較明亮的寶藍色,並提供相對應之色號,未來便於應用其他延伸項目。如CMYK用於印刷、RGB用於螢幕觀看、Pantone色號為特別色、HTML色號用於網站設計用。


4–6. 色彩應用

設定好品牌標準色後,因應不同背景、情況而制定不同運用規範。

Image for post
Image for post

4–7. 輔助圖形

精簡視覺元素或連續排列,設計出專屬品牌的圖形,可用於活動背板、網頁、包裝、名片等等大面積圖底紋使用。

Image for post
Image for post

4–8. 延伸周邊設計

最後將設計好的Logo延伸到品牌所需要的周邊物品上,如名片、紙袋、信封、招牌、識別證等等,讓整個識別更統一、品牌視覺形象更加完整。

Image for post
Image for post

後續延伸素材的設計上,將牙齒的主要三個部分,門齒、犬齒、臼齒,分別呼應到診所內助理、護理師、醫師三個職位。

門齒,展現笑容第一眼看到的門面,對應坐在櫃檯的助理,親切地接待每一位顧客。

犬齒,主要用於穿刺、撕裂食物,就像護理師總是給予醫師最有力的協助。

臼齒,在食用上是研磨和咀嚼食物的最大工程,如同醫師在整間診所扮演最重要核心的角色。

用可愛的方式呈現三種牙齒,希望降低大眾對看牙醫的畏懼,同時也多了點親近感。

Image for post
Image for post

其他更完整的圖片內容,包含了名片、識別名牌、提袋、招牌、店面、社群媒體、介紹影片等等。

歡迎到我的 Behance 上瀏覽更多!

Image for post
Image for post

結語

以上是第一篇的 “一個Logo的誕生”,希望藉由這個主題分享,讓企業知道設計的作業流程,更了解設計所帶來的價值。也歡迎從事設計師們與客戶/業主分享交流,讓台灣環境更重視整體視覺識別的設計,不再開頭只是說 “欸欸 簡單幫我畫個Logo吧”!



如果你們喜歡這篇文章,請給我拍拍支持一下!我會持續分享更多作品的過程~也歡迎留言跟我分享你的看法!

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store