視覺識別標幟系統實作

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 橫幅實作