
標誌之標準圖案設計與元件設計師
Visual Identity Systems Logo Graphic Design
PhotoImpact實作
數位出版/網路文創:識別標幟系統篇-知識美學/數位美學之建構方法
當前數位美工的最常應用就是視覺識別標幟系統,通常包括:標誌 (Logo, 標準字+標準圖案)、橫幅 (Banner)、縱意橫幅 (Web Doodle)、導覽 (Navigation),各式用途之系統化圖案、甚至衍生物品,如:圖示、卡片、貼圖、票證、文具、飾物、服裝…等,在縱意識別觀念興起後,識別系統物品又納入了各種年節禮品設計、在地紀念品設計,甚至由日用品延申到食品,如月餅設計。目前最ㄏㄤ的就是貼圖設計,而以標誌 (Logo)為系統中心且能具備「識別占有性」。
風格元件、風格物件
既為「系統」,各物品上必然會包括具「統一向面」的風格元件、風格物件。風格元件與風格物件都是建構風格的材料,只是風格元件結構比較完整,譬如標誌 (Logo)或其變形;而風格物件只是一個、或幾個具備一致性、聯想性的零件。
在網路識別標幟系統中,就應用目的還可簡分為:布景主題、圖示、與特用類型,其在達成主題性、系列性的要求相同;但在組合方法、與創意技術上,會因專用目的而有不同,介紹幾項範例如下:
網站視覺識別:布景主題‧橫幅導覽‧風格元件設計
VIS: Web Theme, Banner, Doodle, Navigation and Style Elements Design
網站視覺識別:圖示‧專用圖示‧多元圖示‧風格物件設計
VIS: Icons, Personal Icons, Creative Symbolic Icons and Style Objects Design
多元視覺識別:個人化社交卡‧貼圖‧票證‧禮品設計
VIS: Social Cards/Stickers/Tickets with Personal Visual Identity Symbols Design
標誌設計 Logo Design
標誌的設計根據視覺設計4元素,與識別系統特性,從而企畫造型重點如下:
視覺結構:簡單、易組合性。
視覺意涵:主題化、個人化。
視覺動力:立即烙印(記憶)感。
視覺色彩:2色以下。如果是多色設計,宜具備「色彩獨立性」。
正格設計﹦標準字+底盤
標誌包括標準字與標準圖案。
如果希望同時具有兩者,且有整合性,經常的正格設計之一,就是:標準字+底盤。
設計工具
標誌的實作,本文以PhotoImpact為設計製作工具。
底盤設計可以使用「元件設計師」提供的範本,進行修改。
成品可以在輸出後,參考「造型家族:變形‧扭曲‧潤飾」一文,作更多個人化。
也可以使用各種基本繪圖工具,作完全個人化設計。
開啟基底影象
選全彩
背景色預設為綠色;因稍後要使用「元件設計師」,元件是透明的,故選透明影象。
預訂標誌尺寸為80*80,為四周留白,故開為 84*84。
如果是供印刷用,解析度必須在200以上,此處設300。
使用PhotoImpact 元件設計師
〉網路
「元件設計師」可以提供眾多底盤、與標準圖的參考造型。
而「按鈕設計師」,也可以作底盤、與標準圖更個人化的設計。
另外的「背景設計師」用途為設計豐富的色彩與圖底,因標誌強調色彩簡單,較不會使用。
選擇範本
選色、配色、與色彩選擇工具
修改尺寸、顏色…等。
選色、配色的原理,請參考「TX 選色與四大配色定律」。
選色、配色的實作,可以應用數位調色盤,或 PhotoImpact「色彩選擇工具」。
PhotoImpact「色彩選擇工具」可以點選螢幕上任何色彩,就出現在「背景」格內,也就是以任何工具下次著色的色彩。
輸出
輸出選擇:
至最佳化程式:直接輸出為jpg, gif, png檔案。
作為個別物件:輸出為獨立的ufo檔案。
作為元件物件:輸出到上一個開啟的檔案中,成為物件。
輸出至已開啟的基底檔案中。
將原稿放大,以備細節處理。
標誌造型家族變化
Banner Practice 橫幅實作




