視覺識別標幟系統與標誌設計
Visual Identity System and Logo Design

當代實用美術/視覺設計
印象派 Impressionism
後印象派 Post-Impressionism
前印象派 Preface to Impressionism
新印象派 Neo-impressionism
表現主義 Expressionnisme
野獸派 Les Fauves
抽象表現主義 Abstract Expressionism
立體主義 Cubism
歐普藝術 OP Art
拼貼畫技 Collage
普普藝術 Pop Art
複合主義 Multiplexism
創意媒材 Creative Media

當代實用藝術作品品析
洪通 跨時空而通的素人畫家
Barry Kite 異常拼貼畫
Jeannette Guichard-Bunel 法國浪漫
Santosh Chattopadhyay 印度異情
Mike Butkus 數位色彩全設計
Kellie Day 40歲開畫不晚
冷軍:極端寫實主義

數位繪圖/美工設計建構
PhotoImpact 設計實作
數位圖片色彩導向實作
數位圖片檔案轉換實作
多選取區與物件實作

視覺識別標幟系統
Log 標誌設計元素
標準字
標準圖案分類
識別占有性
紋章學
旗幟學
VIS 設計思想演變
清末金龍旗
北洋十二章
中華民國青天白日
美國遊騎兵團盾章
美國職籃識別標誌演變
創意標誌品析
變形技術
反相技術

網路時代視覺識別系統
通用符號與規格
Core Logo 核心標誌
Favicon 網站識別圖示
標準圖案設計實作
元件設計師

標準字設計與文字工具
造型家族:變形‧扭曲
布景主題與風格物件
橫幅設計 (Banner)
縱意橫幅設計 (Web Doodle)
導覽設計 (Navigation)
專用圖示設計
圖示評論
個人化社交卡設計
數位貼圖設計
票證設計

網頁橫幅實作
gif 透明檔案處理技巧
動態導覽按鈕
手繪視覺識別系統設計
西方手繪視覺識別系統
中華手繪視覺識別系統
紋飾
其他國家的手繪VIS
素人創意漫畫

數位出版設計:意涵/樣式篇數位出版/網路文創:識別標幟系統篇-知識美學/數位美學建構方法

視覺識別標幟系統的觀念,自有人類社群組織出現便已發生,最原始的型式就是圖騰 Totem,是將某種動物、自然、天文或想像物體視作與本氏族有特殊關係的崇拜行為,是原始宗教的最初形式,大約出現在舊石器時代晚期。圖騰 Totem 一詞雖來自西方(對美洲古文化的研究),但在中華的商周遺跡中,已有圖騰 Totem 現象的具體存在,所以是一種跨文化的人類行為。

當前數位美工的最常應用就是視覺識別標幟系統,通常包括:標誌 (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

視覺識別標幟系統有幾個專門應用的領域,在史上甚至發展成獨立的學門,最具代表性的就是:紋章學 Heraldry、旗幟學 Vexillology。

在網路時代,個人化媒體得以生存發展,又誕生了個人網路識別標幟系統,而其中物件,有些需具備固定規格,以下將以統雄老師的「統雄網群識別標幟系統」為範例介紹相關物件。

本系列同時介紹識別標幟系統設計的2大技術:「變形技術」與「反相技術」,並以國際上著名的識別標幟為範例。

Identity System(IS) used to be considered as simple as an logo. Nowadays, it became a series of symbols and objects to be designed.

I am going to demonstrate designs for 2 different files.

Banner with an IS for gif file.

Logo for jpg file.

Though gif file has the advantages of being small and with transparent background, it suffers with its limitation of colors and the capability of modification.

I advice to use jpg file for advanced modification before to transfer it into gif file, if it is necessary. (For example, you need gif files to render animated graphics.)

See Advanced Skills of PhotoImact for more tips.


Logo 標誌設計元素

標誌可以是標準字、或標準圖案,或是兩者的結合;或是其一再與其他物件的組合。

標誌設計的元素不出統雄美學論的基礎視覺設計的範圍,但其特殊重點如下:

Logo 視覺結構

簡單、易組合性。

Logo 視覺意涵

主題化、個人化、說明化。亦即,必須具備明確區別力。

Logo 視覺動力

在心理上的衝擊動力,立即烙印感。

也就是容易記憶,在觀賞後,能夠立即仿製的能力。 

Logo 視覺色彩與色彩獨立性

2色以下最易成功。同時,應與「標準色」呼應。

如果是多色設計,宜具備「色彩獨立性」,亦即在必要時,以黑白/灰階顯示,應仍能維持意義。

譬如以下這個藍球、黃底標誌設計,就結構、色彩等,都屬理想,但會發生色彩獨立性問題。

原始版 灰階版 日本國旗

讀者可以下載日本國旗,轉為灰階版,會發現幾乎和藍球標誌完全相同。

所以,Logo 標誌設計完成之後,都應該作色彩獨立性測試,如連結之範例。

法國空軍標誌史上色彩獨立性最混淆的 Logo 設計:

法國空軍標誌的追隨者

史上色彩獨立性最混淆的 Logo 設計,應屬法國空軍標誌的追隨者。

法國在第一次世界大戰中,為各國第一個創造空軍標誌者,造型為 3 同心環,如右圖。

這個創舉引起各國仿效,但許多國家都採用了與法國完全相同的造型,只是色彩不同。就「視覺識別標幟」在功能言,成為史上色彩獨立性最混淆的 Logo 設計。 


Logotype 標準字

避免完全使用市售字體,即使使用市售字體為基礎,也應作適當變化。

許多有名標誌,只有標準字,而無一定配合圖案,如:

Logotype 標準字 Logotype 標準字 Logotype 標準字

Logo Graphics 標準圖分類

標誌使用的圖案,一般有3式:圖示式、圖案式、圖畫式。然而,其間的界限不是絕對可畫分的:

圖示式 Logo 標準圖

特點是極簡與抽象,譬如簡單的字母變形,或幾何形,如麥當勞。本講義並有「圖示」專章介述。

圖示式

圖案式 Logo 標準圖

特點是表現出具體的圖形,但以簡單線條繪製出其造型意義,如蜆殼牌石油。

由於要用「圖示式」表現「區別力」的挑戰度非常高,故「圖案式」標誌為常見的設計取向。

線條式

圖畫式 Logo 標準圖

屬於二次世界大戰前、上一「思想世代」的設計,除了具體的圖形外,同時強調細節,畫出完整的圖像。這種設計在歷史上很多,如滿清時代的金龍旗、肯德基炸雞等。不過,近30年來的設計潮流,這種形式的比例已較少。

線條式

標誌的動力設計

由於標誌通常相對很小,如何建構出動力,似乎令人納悶。但簡單線條對比式的運用,確實能設計出烙印式的動力,舉幾個實例:WalmartNIKEApple說明如下:

Walmart: 陽光放射

Walmart: 是全球最大零售企業,原始只有標準字;後來以鉅款徵求修訂,獲選者只是在簡單標準字旁,加上陽光式的放射線。

全球最大

NIKE 「勾」出跳躍感

NIKE: 全球最大運動品商,簡單的「勾」形帶動跳躍感與啦啦隊的氣氛。

NIKE

Apple 「咬」了一口

Apple: 蘋果「咬」了一口,反映慾望、知識、希望與混亂。寓津津有味於無言中。

Apple Apple

Apple最早的標誌是圖畫式,內容為牛頓坐在蘋果樹下。

Apple

很快就改為彩虹式的咬一口蘋果(1977-1998)。到了1998年後,改為單色,並有純黑或透明幾個版本。

  Apple

他們的變遷,也反映了標誌設計理念,由繁複向「極簡」演化的過程。 


識別占有性

識別占有性

日本國旗可能是世界上最具識別力的標誌之一。

但如圖,為明朝仇英所繪「清明上河圖」,其中的大明「商用國旗」,已經採用了紅色的圖形標誌

明朝隆慶開放商船出海貿易,效法葡萄牙、荷蘭等國商船的慣例,在船頭豎一面識別旗幟。當時商民們便想到用太陽圖案來表示「大明」的意涵,這個做法很快便流行開來,成為了實質的國旗。

而日本採用「日之丸旗」作為國旗,是到1854年才確認的,距大明朝滅亡,晚了已經兩百四十年。

明朝與日本在海商交流、甚至海盜衝突上,有充分往來的歷史證據。 

日本國旗有沒有學習、轉用大明朝的「商用國旗」呢?尚待考證。

但本例已反映了:視覺識別標幟系統的「識別占有性」的問題,先占不一定取得優勢,而是必須先要有「識別標誌意識」,配合長期占有與推廣,才能最後取得「識別占有性」。


Logo 標誌趣味小問題:人類歷史上流傳最廣的圖示式識別標誌是什麼?

Logo 標誌趣味小答案

國際著名 Logo 標誌的名稱來源意涵


視覺識別標幟系統應用專域:紋章學、旗幟學

視覺識別標幟系統有幾個專門應用的領域,在史上甚至發展成獨立的學門,最具代表性的就是:紋章學 Heraldry、旗幟學 Vexillology。

Heraldry紋章學 Heraldry

紋章學 Heraldry 的研究內涵,其實就是今天的視覺識別標幟系統 VIS,只是今天 VIS 所涵括的是更廣泛的媒材、以及兼用實體媒材以外的虛擬媒材。

早在上古時代,不同的部落就採用圖騰 Totem展現他們的特色,甚至在服裝和頭飾上分別擁有不同的顏色及符號。進入封建時代之後,諸侯、領主們也開始選擇屬於他們自己的象徵符號,而產生家徽、國璽,乃至各軍團也有代表性的符號與色彩,形成廣義的「紋章」,而中華古典術語則稱為「紋飾」。

西方可能自12世紀就開始研究紋章學 Heraldry,當時的紋章設計,主要是「圖畫式」,而且加上了許多從屬的元素。

右圖是一個當時完整的紋章範本,與各元素的配置。

請按右方紋章範本圖,或Wiki 紋章學專題區可以連結到 Wiki,解說各元素的結構名稱,與代表其意涵。

旗幟學 Vexillology

7國國旗在一起

挪威國旗

這是挪威國旗,其中暗藏了荷蘭、泰國、法國、印尼、波蘭、芬蘭等6國的國旗,等於一面7國國旗。反映了人類選色、甚至選圖案的共同美學。 

德國/比利時國旗哥倆好

德國國旗比利時國旗

德國國旗為什麼和比利時國旗那麼相似?雖然2國官方宣示之設計理念並不相同。但比利時民族是日耳曼民族的旁支,或許也有文化相連處可探。

旗幟學 Vexillology 可以說是紋章學 Heraldry 的一個子領域,專門研究紋章的一種特定媒材:旗幟。旗幟在應用中因飄揚在高空中,人們是在遠距離、多角度、可能是動態的條件下看旗幟的,因此設計也有特別考量,而向圖案式、圖示式取向設計。

旗幟學 Vexillology 形成於1960年代,是相對年輕的一門學問,但已成立國際性研究聯盟,且制訂了「旗幟識別符號(Flag Identification Symbols , FIS)」,與對旗幟設計的評鑑與建言。

旗幟的泛文化一致性

旗幟學 Vexillology 在研究過程中,發現了旗幟設計的泛文化一致性,許多地區或共用相同的色彩組合、或是標誌物件,如:

泛非洲色組

綠、黃、紅、黑,原則:4選3。

泛阿拉伯色組

紅、白、黑、綠,原則:4選3為區底色,另1色為標誌色。

泛斯拉夫色組

白、藍、紅,原則:可加標誌,以上色序不必然。

共同標誌

北歐十字南方十字等。

跨文化3色旗範本

還有一個來自法國國旗的跨文化一致性:「3色旗範本」,包括2個被分享的元素。第一是結構上的「3直欄垂直排列色區」,表示是「革命成功國家」;第二個是意涵上的「藍、白、紅3色,代表了自由、平等、博愛」。 


視覺識別標幟系統標準字設計參考連結

標誌設計 http://www.thelogofactory.com/logo-design-tips/

全球最佳品牌標誌 http://www.interbrand.com/en/best-global-brands/best-global-brands-2008/best-global-brands-2011.aspx

全球最佳零售業品牌標誌 http://www.interbrand.com/en/BestRetailBrands/2011.aspx


創意標幟範例個人網路識別標幟系統:物件規格與範例

創意標幟範例創意標幟範例

識別標幟系統與標準字實作識別標幟系統與標準字實作

回頁首 Up to page head 至相關主題 Go to related pages
上一頁 Back to previous page 回頁首 Up to page head 下一頁 Go to nex page  
請點這裡看所有留言分類 Please click here to view categories of comments
同類別內相關主題