溫研自選設計方案：部落格DNA案例分析

這篇案例是由「部落格DNA」選擇的【自選設計方案】，我協助設計 LOGO 設計、海報設計、布條設計、名牌設計、簡報設計，並把過程記錄下來並分享給大家，讓更多人清楚設計的過程。

找溫研做什麼服務？原因是？

這個「部落格 DNA」社團原先並沒有品牌 LOGO，所以這次找我做的服務主要是「LOGO 設計」。

而因為剛好當年底有一場部落格實體聚會的活動，希望可以藉由這一次的活動，設計出一系列的整體視覺，同時也認為我的設計風格貼近於人。

所以接下來將會詳細說明，我是如何從 LOGO 設計延伸到其他設計。

在一開始設計時我把我的設計過程，拆分出以下七個流程，讓品牌 LOGO 慢慢建構出來

創辦人 Dean 剛開始是與另一位同樣部落格的夥伴一起建立社團的，社團名稱中的 DNA 象徵著基因，代表這社團裡的人有著相同的信念，每位進入社團的人都能傳承著創辦人思維，在這裡分享部落格經營心得、交流創作，讓這個領域更好。

所以在聽完後歸納幾個關鍵字：活潑、創意、溫暖、歸屬。

必須先說明，進入這個社團是需要寫部落格，但當時為了更了解部落格DNA社團，我就請創辦人幫我加入進去，一開始加入是有一點陌生，因為我對於部落格領域不熟悉，但就因為我的不熟悉，讓我更可以感受到這個社團的溫度。

後來一場機緣參加了部落格DNA社團內所舉辦的讀書會，讓我加深認識專職寫部落格領域的人，我總感受到大家無私的分享，給予大量的經驗協助，而且大家所在的領域不同，總是可以聽到各種神奇有趣的故事。

在前一年也參加過部落格DNA舉辦的活動，這跟我以往參加的聚會最大的不同，是大家的凝聚力，還有一份創作的熱情，這是我在別的活動上沒有看見的，也許是因為大家有著共同的追求核心。

以上是我實際觀察部落格DNA的社團氛圍，我找到品牌的定義：傳遞文字創作的熱忱信念，也想保留創辦人最核心的部落格經營價值。

這次設計活動草圖總共有四款，分別說明我的想法以及創意：

草圖1：這款草圖的核心理念是一起激發創作出來的，是由 DNA 三個字母改成拼圖的形狀，再幫其中兩塊拼圖加上眼睛，象徵一起完成拼圖，也象徵著社團的歸屬感。
草圖2：這款草圖的核心理念是「部落」，以英文字母 B 轉 -90 度形成一個部落村莊，而這個 B 是由兩個英文字母 P 互相組合，P 是筆的意思，象徵著大家是用筆寫部落格的，而它們像是一起互相學習切戳。
草圖3：第三款是用我自己個人喜歡的風格下去設計，用比較抽象的方式組合，一大塊的 B 填滿顏色，在裡面加上房子的圖形，象徵加入這個社團就像一個大家庭，互相學習。
草圖4：這款草圖的核心理念是用創作的熱情圈起大家，利用DNA 三個字母拼出一支筆，再由筆芯畫出一個圈，在創作的過程一個人總是走得慢，但你會發現有一群與你一樣熱情的人。

最後是選擇草圖四來進行最後定案的發想。原先的草圖是組合成一支筆的圖案，但我發現線條太多，不夠俐落，也希望能清楚的把 DNA 三個字母明顯的表現出來。

為了修改，最後把 N 改成小寫的 n，這樣個組合可以形成三塊，象徵積木層層堆疊上去，寫文字也是這樣的，一個字一個字，慢慢的形成一段話，再由每一段話組成一篇文章。

確認好 LOGO 設計圖，就會開始製作標準字。

我會先找到與圖案符合的字體，選用的是粗黑體字，來修改字體骨架，因為圖案是用粗字母來修改，所以線條一致能讓比例達到平衡。

再來我會從圖案上找到一些元素，像「D」的右下有一個大圓角，所以我將字體有「口」的部首，也一樣在右下設定圓角，讓圖案與字體可以有一致性，可以參考下圖圈起來的部分。

配色的目標會以活潑來發想，所以用了兩個顏色來搭配，主色是保留藍色，是創辦人 Dr. Dean 品牌色，再額外選出兩種顏色來做選擇，選擇的方向是以暖色調為主，想傳達這社團是一個有溫度的空間。

這兩種顏色分別象徵：

綠色：草地，象徵自由的奔放，有著活力的熱忱。

橘色：太陽，象徵照耀的光芒，有著熾熱的熱情。

最後選擇了綠色調的配色，因為比起照耀的熱情，自由的奔放更能體現，沒有拘束的創作。

最後配完顏色，就已經算是完成 LOGO，再交付檔案出去之前，我會先整理一份規範：

顏色配色表：視覺上會有錯視的現象，在深色底看 LOGO，會看起來感覺胖一些，在淺色底上會顯得細一些，可以藉由黑白的配色，把 LOGO 調整最適當的比例。有助於未來在使用不同情境背景時使用。
各種形式的 LOGO 排版，舉例說明使用的各種平台、情境：
- 正式 LOGO：用於社群的大頭貼上。
- 橫式 LOGO：常用在網站設計的 LOGO，一般橫向居多。
- 直式 LOGO：這個排版比較多用在實體的直式招牌上。
顏色色碼：色票的正確號碼，我會標記三種：
- RGB：電腦螢幕上的顏色。
- CMYK：印刷時需要校正的色號。
- 顏色代碼：可直接輸入號碼，讓顏色精準。