關閉導覽列 Close Menu
數位文創
English
吳統雄
數位美學
電子書
數位視覺
優化網站
微電影
數位文創管理
大學青年網誌
研究目錄
教學課程頁
討論區目錄
站務與協助
☰
│吳統雄
履歷 研究 教學 服務 榮譽
│社科
第1類知識 第2類知識 第3類知識 研究方法 統計分析 選舉預測 選民結構 人類取用行為 國際研究團隊
│資管
管理‧經濟 貨幣主義 數位貨幣 資訊系統開發 電子商務 網路教育 數位電視 產學合作 就業進修
│文創
數位美學導論 數位出版/電子書 視覺設計 優化網站 數位視訊/微電影 數位文創管理 大學青年雜誌
│電音
數位音樂作品選 被禁唱的民歌手 雄歌經典音樂廳 數位音樂教學 音樂知識美學 點歌與樂譜下載 我唱我歌專欄 歌曲評論專欄
│人文
公共評論 法律評論 社會評論 教育文化傳媒 科技科普評論 美語樂學 文學創作 萬象現代(NBA) 資訊社會 幽默人生
More
社群地圖 社群新聞
統雄樂水
創意標誌設計與品析1

標誌設計的變形技術與反相技術
Twisting Method and Inverting Method _VIS Design

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

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

標誌的創意可以分為以下系列:正格系-同時包括標準字+標準圖,純標準字系、純標準圖系、與變格系。而標準圖圖片,又可包括圖示、圖案、與圖畫。

標誌設計的變形技術與反相技術

標誌設計經常使用的「變形技術(Twisting method)」或「反相技術(Inverting method)」,或是同時應用。

變形技術就是把具體的物件變形,以達成抽象意涵的聯想。由於標誌中經常包括標準字,故更常使用在文字、或少數字母中,當然也可應用在包括中文的不同文化文字上。

標誌設計的反相技術/潛意識效果

在標誌設計時,如果尺寸空間足夠,高階設計會使用反相技術,以產生潛意識效果。

創意標誌品析反相技術(Inverting method)

描繪的物件不用實體色彩表現,而使用反白、或反色相的方法呈現,可以產生遐想的導引能力。歷史上最著名的反相作品之一,就是杜林的基督裹屍布。

創意標誌品析潛意識效果(Subconscious/Unconscious mind)

這是心理分析學研究的一個領域,譬如在一幅畫中隱藏著許多笑臉,會讓觀賞者不知不覺有愉悅之感;若隱藏著許多哭喪臉,會讓觀賞者下意識中就會有不舒服反應。


創意標誌品析正格(標準字+標準圖)系


創意標誌品析圖示式

Logo Case Study

FedEx的商標應該很多人都看過吧!可是看起來不是很像「純標準字」系,為什麼分類為「 正格(標準字+標準圖)」系呢?圖示在那裡呢?

本例依「TX視覺設計4元素論」品析如下:

結構

本例的創意在「標準字+隱藏式圖示」結構。

創意標誌品析反相技術(Inverting method)

注意到E和X之間有一個箭頭圖示的請舉手!

這是Lindon Leader在1994年為FedEx所設計的商標,可別小看這個小小的箭頭,當初設計團隊可是想了200個版本才成功創造出這個具有「反相技術(Inverting method)」、從而達成潛意識效果(Subconscious/Unconscious mind)的箭頭,並以此在世界各地贏得超過40個商標大獎。

創意標誌品析潛意識效果(Subconscious/Unconscious mind)

這個反相隱藏的箭頭,希望看到的人,不知不覺、在心理上產生勇往直前、使命必達的潛意識感受。

意涵

創造出語音鏗鏘的 FedEx 這個字,同時用小副題Express,再度表明Ex是「快遞」的意義。

動力

利用反相技術的箭頭圖示,表現「使命必達」的企業口號、精神與行動力。

色彩

依據「TX配色4定律」, 在雙色式標準色彩系統設計時,「藍黃」是理性性格、互補對比最佳的選項之一。

在色輪上,藍色的正互補色是黃色,如果2色有主從關係,或是前後景表現形式,對比效果非常顯著。但如果是「雙主色」、平行運用,黃色在彩度上會無法和藍色平衡,所以在實務上常以金黃(橙)色取代,是一個良好的技巧。

NCC

臺灣政府機構中,國家通訊傳播委員會(NCC)的標誌是相當具備特色者之一,以下是NCC 自己的理念說明,恰巧也符合「TX視覺設計4元素論」。該標誌的設計者可能是出於天才與靈感,並沒有讀過「TX視覺設計4元素論」,但本例也說明,看來主觀的創意,其實也存在客觀的知識美學基礎。

標誌中的NCC,恰巧表現了電波的形狀,正是「變形技術」的充分發揮。

結構

通訊全球化,傳播e家親;整體造型簡潔圓融,匯整電信、傳播及資訊三大領域之產業良性互動,展現公益、專業、發展的形象,並意涵著NCC整合通訊與傳播監理機關的圓融角色。

意涵

創作理念:NCC 全球通訊‧放眼未來。

動力

以國家通訊傳播委員會簡稱「NCC」為設計元素,運用電波數位匯流傳送的意象,不斷向前擴張,巧妙融合為地球造型,明確傳達NCC的全球化與未來性,進而提升多元文化,促進通訊傳播健全發展。

色彩

以象徵名譽與忠誠的金色為標準,表徵金字招牌的公信力;輔以棗紅底色,傳達出NCC服務熱忱與穩重格局。
統雄註:依據「TX配色4定律」,紅、金是鄰近協調色,所以能得到穩重之感。

007 實在是一個傳奇電影系列的傳奇標誌設計。採用的是「變形技」法,在標準字旁加上簡單 2 筆構成的標準圖,就形成了完整的正格設計。結構簡單、意涵(間諜、打鬥)分明、槍造型本身的動力與烙印力俱全。同時,以黑白設計,實現「色彩獨立性」,更可發揮變形與組合的潛力。

Logo Case Study
Amazon 商標中那抹黃色「變形技術」的笑臉,代表的不只是永遠對顧客微笑的服務精神,還告訴大家,在Amazon,從A到Z什麼東西都買得到。

Logo Case Study

圓圈圈中的W,被拆解成三角形和N,而且三角形指的方向就是西北方,完全將西北航空的名字明示暗喻的嵌入商標中。這是具有奇趣的「變形技術」。

Logo Case Study
來自於法國的家樂福是歐洲最大的零售商之一,在法文中,Carrefour有十字路口的含意,所以商標中的兩個方向相反的箭頭,便像徵著來自四面八方的客人前來消費,此外,兩個箭頭的反白,就是「反相技術」所呈現 Carrefour的 C。

Logo Case Study
有了FedEx的經驗之後,大家看得出F和速度線中藏了什麼「反相技術」嗎?
Logo Case Study
看著Elefont的商標,你看見的究竟是字母e?還是「反相技術」大象的鼻子呢?  

Logo Case Study
想要解開謎題,沒有線索(clue)是不行的!將線索這個字以「變形技術」造成迷宮。

Logo Case Study
北美非營利組織Goodwill成立的宗旨,就是希望能將快樂傳遞給所有需要的人,所以商標中以「變形技術」反映著可見的笑臉。

Logo Case Study

這是曾經在工作站、影象處理引領風騷的Sun, 注意到了嗎?將相互對稱的u和n斜著擺的「變形技術」,看起來就和S一模一樣。
Logo Case Study
小型諮詢公司Eighty-20的商標,用二進制碼將名字隱藏起來,成了1010000和0010100。

這是一種針對「小眾閱聽人」--即潛在專業客戶的設計。


創意標誌品析圖案、圖畫式

Logo Case Study
孔雀的羽毛代表的是NBC的六個部門,而以「反相技術」設計的孔雀頭,正盯著觀眾,警告他們千萬別亂換台!

Logo Case Study

「非洲兒童的希望」結構上是地圖?還是兩個互相對看的大人和小孩呢?

充分表現「結構」與「意涵」的一致性,真是「反相技術」的極精緻設計。

Logo Case Study
充滿奇趣的「反相技術」, 這是準備揮桿的高爾夫球選手?還是戴上鋼盔的斯巴達戰士呢?

Logo Case Study
動物加上「反相技術」的都市高樓,代表的就是城市中的動物園。

Logo Case Study
瑜珈女子勾起的手和腿,而合起來剛好是澳洲「反相技術」的形狀。

Logo Case Study
來自瑞士伯爾尼(Bern)的巧克力公司Toblerone,咖啡色的山脈中隱藏著「反相技術」熊的輪廓,巧妙將瑞士名產--高山和伯爾尼的暱稱--「熊之城(The City of Bears)」結合在一起,嗯......這真的好像眼力大挑戰喔!

Logo Case Study
將字母以「變形技術」表現意涵,是更多常見的設計, C和O所描繪的形狀,就是Continental生產的輪胎。

Logo Case Study
想要宣傳自家食物好吃,最好的方法,就是直接把餐廳名稱,以「變形技術」畫上兩個人大快朵頤的模樣!

Logo Case Study
聯合利華旗下的產品多到幾乎囊括我們生活中的每一件物品,所以他們便以旗下產品及對消費者的意義,作為花紋,裝飾那個大大的 U 字。   


創意標誌品析純標準字系

Logo Case Study
你看得出Baskin Robbins商標中隱藏的秘密是什麼嗎?是的!就是「31」!Baskin Robbins提供了31種口味的冰淇淋!

這是一種以「色彩」元素作為「變形技術」的應用。

Logo Case Study
Sony的VAIO商標,乍看之下很像現代新型象形文字,其實前面兩個字母「變形技術」的意義,是類比訊號,後面兩個字母則是數位世界中二進制碼1和0。

Logo Case Study
Families是讀者文摘旗下的雜誌,商標中的ili,以「變形技術」代表的就是現代小家庭的基本成員--爸爸、媽媽和小孩。

Logo Case Study
倫敦設計公司Stylo Design所設計的抽象「變形技術」商標,你知道該怎麼唸嗎?就是八八八八,發發發發!
Logo Case Study
這是一家有名的字體公司,以「變形技術」設計看起來像 隨性的線條,勾勒出的究竟是My還是手掌?


創意標誌品析純標準圖系

Logo Case Study
戴上珠寶的女人,看起來就像「反相技術」所隱喻的孔雀一樣美麗。

Logo Case Study
鯨魚尾巴入水時,濺起了大大的水花,恰好是Hartford Whalers的「反相技術」H和與與鯨魚尾巴呼應的 W。
Logo Case Study
ED(Elettro Domestici -Home Appliances)的商標,好像正在訴說著「家電少不了插頭,而插頭就是ED」使用「反相技術」的 E,與變形的 D,正好陰陽互補 。


創意標誌品析純創意系

Logo Case Study
圖像大師Paul Rand為IBM設計的商標,並沒有真正應用,而是一種充滿了童趣的創意表現。


其他範例

回頁首 Up to page head 至相關主題 Go to related pages
上一頁 Back to previous page 回頁首 Up to page head 下一頁 Go to next page

留言區因雲端系統重整,暫停開放。敬請以電子郵件留言。 同類別內相關主題

數位文創線上講義總目

數位文創目錄 數位美學‧數位文創導論目錄

Introduction to Digital Aesthetics and
Digital Contents/ Cultural Content Creation

數位文創目錄 數位文創製作管理目錄

Project Management in
Digital Contents/ Cultural Content Creation 

數位文創目錄 數位視覺設計‧影象處理目錄

Visual Design and Digital Imaging
Design and Production

數位文創目錄 數位出版(DTP)設計製作目錄

Digital Publishing/ Desktop Publishing
Design and Production

數位文創目錄 網路文創設計製作目錄

Web-based and Interactive Cultural Creation
Design and Production 

數位文創目錄 數位視訊設計製作目錄

Storyboard and Digital Video
Design and Production 

數位音樂特區 數位音樂特區目錄 TX Midi Zone

Listening Design and Digital Music
Design and Production 

數位文創目錄 數位文創設計製作習題

Exercises and Hand-on Works in
Digital Contents/ Cultural Content Creation 

數位文創目錄 數位文創庫存講義目錄

Achieved Readings and Deprecated Techniques

創用 CC 授權條款 此作品衍生自「統雄網路社群 TX Web Community」,由 吳統雄 Sean TX Wu 製作,以 創用CC 姓名標示-非商業性-相同方式分享 3.0 Unported 授權條款 釋出。此條款之授權同時適用於 https://seantxwu.pages.dev/ 下,與 http://tx.shu.edu.tw 下,除特別標明外之所有媒體形式著作物。
本網群為公益服務,瀏覽者須接受以下聲明方可瀏覽: 著作權聲明-Copyright © 吳統雄: 申請引用資訊- 免責聲明- 鳴謝:本網路社群之開發曾受國內外機構、包括臺灣大學補助。

Copyrights of TX Web Community This is a public service web community under a "Creative Commons" license. You must accept the following statements before entering: Copyright © Sean TX Wu, All Rights Reserved. Request for Citation, Disclaimer, and Acknowledgement.
內容網站:提供與分享各種知識、資訊、作品。互動群組:社員可以討論、展示、交流、企畫、分工、管理、投票決策。合作群組:Web2.0的民主自治精神,社員可以參與決定群組的內容與表現形式。

吳統雄的音樂-Sean TX Wu's Music  笑話中學美語-Humor and American English Learning   私人來信-Write a private mail to Sean TX Wu  留言與討論 Leave Comments/ Forum 吳統雄的相簿-Sean TX Wu's Album

只在「統雄社群」內查詢以下主題 Search in TXCommunity

統雄網群的Google排行本站Google排行榜‧全球冠軍
當代實用美術/視覺設計
印象派 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歲開畫不晚
寫實主義 Realism
劉溢:魔幻現實主義
冷軍:極端寫實主義
曾浩:敦煌元素再發揚
謝楚余:女性圖西構東意

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

視覺識別標幟系統
Log 標誌設計元素
標準字
標準圖案分類
識別占有性
VIS 設計思想演變
清末金龍旗
北洋十二章
中華民國青天白日
美國遊騎兵團盾章
著名識別標誌演變
美國職籃識別標誌演變
蝙蝠俠80年來識別標誌演變
視覺識別標幟系統應用專域
紋章學
旗幟學
創意標誌品析
變形技術
反相技術
網路時代視覺識別系統
通用符號與規格
Core Logo 核心標誌
Favicon 網站識別圖示
標準圖案設計實作
元件設計師

標準字設計與文字工具
造型家族:變形‧扭曲

布景主題與風格物件
縱意橫幅設計 (Web Doodle)
專用圖示設計
圖示評論
個人化社交卡設計
數位貼圖設計
票證設計

網頁橫幅實作
gif 透明檔案處理技巧
動態導覽按鈕
手繪視覺識別系統設計
西方手繪視覺識別系統
中華手繪視覺識別系統紋飾
其他國家的手繪VIS
手繪版「大頭貼 Logo」設計
手繪與數位的整合應用
素人創意漫畫

Logo 標誌

建構元素解析

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

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

結構:簡單、易組合性。

意義:主題化、個人化、說明化。

動力:立即衝擊、立即烙印(容易記憶)感。

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

取用模式研究國際團隊 Adoption Modeling International Research Team 合作群組取用模式
國際研究群
吳統雄的研究、教學、與作品 Sean TX Wu's Research, Teaching and Art Works 內容網站第3類知識
互動群組研究方法
內容網站數學樂學
內容網站美語樂學
內容網站人文社會
互動群組產學合作
資訊管理/資訊科技/資訊系統 Information Management/ Information technology/ Information Systems 合作群組資管教育
互動群組資訊管理
內容網站電子商務
內容網站網路教育
數位文創 Digital Cultural Content Creation 內容網站數位文創
合作群組大學青年
合作群組數位電視
互動群組美學實驗
數位音樂 Digital Music 內容網站數位音樂
內容網站社會參與
內容網站文學創作
投票行為、選舉預測與其他行為研究 Election Prediction and Other Behavioral Research 內容網站選舉行為
互動群組其他專題
第3類知識 The 3rd Knowledge 合作群組接龍實驗
互動群組招親實驗
互動群組公投實驗
互動群組量尺實驗
互動群組舞者實驗
年度20大點播音樂

偶然
金蟠桃
水調歌頭
請你,天明再離開我
點燭
別離
挖呀挖
稚情(嫦娥)
天亮歌
願意
墟
思念
華靈廟
Panda
團團和圓圓

相逢
媽媽的愛心
從此
笑笑歌
幕落(必然)
上山打野狼

研究與講義目錄

研究方法講義目錄
統計多變項分析講義
資訊管理講義目錄
數位文創/數位內容講義目錄
數位音樂講義目錄
產學合作-就業進修講義目錄
人文素養-人與社會講義目錄
人類行為+資訊管理研究目錄
網路使用/電子商務研究目錄
網路教育研究目錄
數位音樂作品目錄

在「瀏覽時間」前50%以內,剔除工具頁(如SharePoint應用)、簡介頁(如統雄曲目)、互動頁(如討論區)。粉底文章亦同屬年度20大瀏覽時間。

統雄-統計神掌 因素分析篇
性幻想行為簡說:格雷的五十道陰影
作業流程圖範例
UML
:統一塑模語言與流程圖

信度與效度分析
統雄-統計神掌 共變數分析篇
統雄-統計神掌 調節模型篇
統雄-統計神掌 多元迴歸篇
投考-甄試研究所之自傳秘笈
統雄-統計神掌簡單迴歸/相關分析
統雄-統計神掌 變異數分析篇
MIS:管理資訊系統
多氯聯苯大追兇
和聲與和弦進行設計
統雄-統計神掌SPSS篇
統雄-統計神掌中介模型分析篇
學術論文寫作法
統雄-統計神掌因素效度分析篇
研究所甄試之研究計畫秘笈
統雄-統計神掌多變項精華篇
問卷設計流程圖-範例
電子郵件亂碼的解決
統雄-統計神掌易筋經
定量方法對定性方法
統雄-統計神掌因徑/結構方程模型1
六藝:多元學習的詮釋與實踐
個案研究法/參與觀察法
文獻研究法
和聲與和弦分析
實驗法、準實驗法
歷史記錄

在「點閱數」前50%以內,剔除工具頁(如SharePoint應用)、簡介頁(如統雄曲目)、互動頁(如討論區)、與已經出現在同屬「年度20大點閱數」之頁。

網路使用行為研究方法
視訊後製作程序
爸爸
大學青年‧網路雜誌
網頁3大基本語言與編輯軟體
科學知識產生的程序
打二房別亂了套 
1篇30年後引起迴響的文章
向老大哥WGA說不! 
知識美學與數位美學 
我,被禁唱的民歌手
金蟠桃 第一幕 樂園
偶然、或然、必然 音樂劇4
接龍實驗-結果討論
MIS專案進度管理甘梯圖
知律,破律,又合於律
真實美語/生活英語選
當代流行歌 又吵又欠缺變化
職業化快閃影片創作品析
驗證式SEM解析篇-計畫行為論
歷史記錄

這裡有我在30餘年教學經驗中的學習與分享。

教改‧我先走了三十年教改‧我先走了三十年
教學的理念、實踐與感受教學的理念、實踐與感受
其實,每個人都可以唸臺大其實,每個人都可以唸臺大
2012總統選舉預測 2012總統選舉預測
大任務‧小使者大任務‧小使者
Fulbright Project Fulbright Project
統雄老師領導的美國喬治亞理工
Adoption Model國際研究群
Westgate FraudWestgate Fraud
e世代公共服務新聞宣言e世代公共服務新聞宣言
虛擬整合校園虛擬整合校園
請將連結不到網頁的網址,寄給統雄老師,謝謝!連結不到網頁

請按此,至友站列表。並歡迎同好加入友站。
回頁首 Up to page head