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

手繪視覺識別系統設計
Hand-Drawn Visual Identity System 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

手繪視覺識別系統源起與特色

VIS: Origin and Characteristics of Hand-Drawn Visual Identity System

手繪視覺識別系統在歷史上行之久遠,通常以簽名式、或印鑑的形式為之。

由於手繪圖的自由性,和以工具協助繪製、幾何圖形的工整性,在性格上大異其趣,故常作為個人、自然人使用,較少作為組織、法人使用。

以下介紹西方畫家/設計家手繪視覺識別系統,中華手繪視覺識別系統、尤其是自古已有的視覺識別系統觀念與設計:紋飾,與其他國家的手繪視覺識別系統。

西方畫家/設計家:手繪視覺識別系統

要選擇西方代表性畫家、尤其是不分時代、派別的畫家,十分困難,也難免有主觀的成分。

以下是統雄老師的選擇,選擇條件之一,是必須擁有「特色手繪視覺識別系統」。這個名單無法符合所有藝術評鑑家的選擇,也不可能有共同的選擇,但因至少可列在歷史百大之內。

西方十大畫家及其手繪視覺識別系統Leonardo da Vinci 達·芬奇﹝1452 ~ 1519﹞

文藝復興時期意大利的第一位畫家,整個歐洲最傑出的代表人物之一。代表作有《最後的晚餐》、《蒙娜麗莎》、《岩窟中的聖母》等。 

而統雄老師對他的「維特魯威人﹝Vitruvian Man,1492 ﹞ 」烙印感最深。

西方十大畫家及其手繪視覺識別系統Michelangelo di Lodovico Buonarroti Simoni 米開朗基羅·博那羅蒂(1475-1564)

他與達·芬奇、拉斐爾並稱為意大利文藝復興「三傑」,最重要的繪畫作品是梵蒂岡西斯廷教堂的天頂畫《創世紀》和西斯廷祭壇壁畫《最後的審判》等。他也是雕塑家和建築師,以《哀悼基督》是《大衛》等聞名。

西方十大畫家及其手繪視覺識別系統Rembrandt Harmenszoon van Rijn 林布蘭﹝1606-1669﹞ 

歐洲巴洛克藝術的代表畫家之一,也是17世紀荷蘭畫派的主要人物,成名作是《蒂爾普醫生的解剖課》、《夜巡》、《月亮與狩獵女神》等。 

西方十大畫家及其手繪視覺識別系統Pablo Picasso 畢卡索﹝1881 ~ 1973﹞

被稱為20世紀最具影響力的現代派西班牙畫家,他一生的畫法和風格迭變。代表作有《亞維農的少女》、《三個舞蹈者》、《佛朗哥的夢幻與謊言》、《格爾尼卡》等。

畢卡索似乎具備先天商業化的天賦,他的這項簽名,實際已經成為流行物件的商標。

參見「以色彩為導向的創作設計流派」。

西方十大畫家及其手繪視覺識別系統Salvador Dalí 薩爾瓦多·達利(1904-1989)

西班牙超現實主義畫家和版畫家,以探索夢境、潛意識的意象著稱,與畢卡索、馬蒂斯一起被認為是20世紀最有代表性的三位畫家。最有名的作品有《記憶的永恆》、《十字架上的基督》、《安達魯的狗》等。

統雄老師覺得他是在影象上,最具激動性、啟發性的畫家。 

西方十大畫家及其手繪視覺識別系統Raymond Fernand Loewy 雷蒙德·費拿·烙威(1893-1986)

20世紀生於法國、成名於美國的工業設計奠基人,也是「企業視覺識別系統」概念的領導者,著名的設計包括殼牌石油、灰狗巴士、Lucky Strike的雪茄包裝、及空軍一號的塗裝…。

以上都是烙威的作品,以圖案式、與圖示式居多,也有圖畫式如灰狗巴士。灰狗巴士作圖畫式,應有「載臺」的考量,因其常用載臺為車體,在陽光下奔馳時,確有可觀。但如果改成單色圖示(如下),就不威了。

他借標誌立即烙印的威力強大,大名譯為「烙威」,確不為過。


中華:手繪視覺識別系統

古典時代:紋飾

中華文化早就有視覺識別系統的觀念,稱為紋飾,是器物上的裝飾花紋的總稱。分為對稱紋飾、連續紋飾、獨立紋飾等。

中華古典時代的各式紋飾,不純粹只是裝飾作用,更蘊涵某時代、特定地區深層的國家、族群、宗教、文化觀念,甚至能反映社會的狀態等。

三代紋飾

表現了東方商代的圖騰鳯紋,與西方周代的圖騰龍紋,這也是中華以龍鳳為視覺識別系統的原始。

手繪視覺識別系統商代鳯紋 

周代龍紋

現代:簽名式

西方十大畫家及其手繪視覺識別系統洪通(1920-1987)

洪通洪通(1920-1987),臺灣臺南人,又名洪朱豆,50歲開始學習作畫的素人畫家,1976年舉辦個展成為全臺焦點人物,受媒體炒作後,曾被譽為「東方的畢卡索」。

洪通畫作的元素充滿神祕的文字,與熱鬧、神幻、宗教信仰的意象,因此特殊風格,又被稱為「靈異畫家」,唯統雄老師並不同意此說。

因洪通早年做過乩童,故其繪畫中的黑臉媽祖、陣頭廟宇、布袋戲、歌仔戲人物、具道教符號的花草樹木等,實受過去生活背景的影響,亦可能與其乩童經驗的精神狀態有關,與其稱為「靈異畫家」,不如更是「民間信仰」、甚至是大中華文化在潛意識中啟發的畫家。

更多介述,請參考洪通 跨時空而通的素人畫家。

西方十大畫家及其手繪視覺識別系統牛哥(1925-1997)

牛哥簽名式原名李費蒙是台灣的漫畫家及小說家,年輕時曾為抗日當過間諜,也因此被日本憲兵隊逮捕。牛哥著名的漫畫作品有《牛伯伯》、《牛小妹》,記錄了1950年代至1960年代的台灣社會,反映了當時的生活情況。小說則有《職業兇手》、《賭國仇城》等。

牛哥於1962年時開始收授徒弟,但並不收取學費,加入門下的徒弟包括趙寧、林文義、洪義男、林晉、小董、劉作泥、蔡東照、林世俊等人。在1980年代時,他發起了「漫畫清潔運動」,以抗議「漫畫審查制度」對於盜版較寬鬆,反而對台灣漫畫家的創作打壓。也因如此,他與政府機關、出版社開始了長達四年的訴訟,終於1985年獲得了勝訴,使後來台灣新一代的漫畫家如朱德庸、敖幼祥、鄭問等可以出頭。

從1966年起,牛哥開始負責《大華晚報》漫畫版的編輯工作,直到1987年該報停刊為止。此漫畫版經營了二十年,對於台灣的漫畫發展具有深遠貢獻。

牛哥畫古龍

牛哥,多才多藝的才子,我在大華晚報的同事,可惜交往不多。

古龍,武俠小說前3寫手,我在聯合報負責的聯絡作家,淺交略多。 牛哥與古龍是極要好的朋友。

牛哥畫作「勸君休貪酒與花」的主角,正是古龍,不論外形、神情,微妙微肖。

古龍貪酒、貪女人,最後因酒折壽。他臨去最後一句是:我不要死!

牛哥畫古龍

牛哥作品集牛哥作品集

相關連結

https://www.google.com.tw/search?q=%E7%B4%8B%E9%A3%BE&source=lnms&tbm=isch&sa=X&ved=0ahUKEwidyLKn7obLAhUHipQKHYWMDVIQ_AUIBygB&biw=1536&bih=699&dpr=1.25
http://early-china.blog.ntu.edu.tw/terminology%EF%BC%88test%EF%BC%89/%E7%B4%8B%E9%A3%BE-3/


其他國家手繪視覺識別系統

日本

西方十大畫家及其手繪視覺識別系統手塚治虫(1928-1989)

原名手塚治,漫畫家、動畫製作人、醫學博士,是現代日本動畫的創立者之一,也是日本第一位導入助手制度與企業化經營的漫畫家。

他將電影拍攝法引入漫畫,代表作有森林大帝、原子小金剛、怪醫黑傑克…等,另外《藍寶石王子》是公認日本第一部少女漫畫。

他識別系統的簽名「虫」是個流傳的特色。

法國

西方十大畫家及其手繪視覺識別系統Jeanne d'Arc 聖女貞德(1412-1431)

貞德是法國的軍事家,天主教聖人,被法國人視為民族英雄。在英法百年戰爭(1337年-1453年)中帶領法國軍隊對抗英軍的入侵,最後被捕並被處決。

參見「少司命」:女戰士的形象塑造。

手繪視覺識別系統相關網站

Artists' Signatures 

 


手繪版「大頭貼 Logo」設計實作 Propic Design

手繪視覺識別系統在網路時代,很適合作為「大頭貼 Logo」, Propic 是 ”profile picture” 在網路時代的新興字,原始是指大頭照,但現在可以更多的設計創作方式表現,手繪亦為其一。

以下以統雄老師的「大頭貼 Logo」實作為例。

視覺設計4元素構想

對閱覽者,是先看到視覺結構、再導引出視覺意涵;而對設計者,是先確認視覺意涵、再發展出視覺結構,兩者在設計時,是平行創意的。

視覺結構

手繪版「大頭貼 Logo」實作統雄老師的核心標誌,由手寫標準字與作為底座的盾形標準圖共同組成,盾形標準圖並採多層次造型。

視覺意涵

標準字:使用「吳」的中文造型,並表達招引、友誼、歡樂之意。

標準圖:從英文姓氏的「W, U」字取意,由此兩字「上W, 下 U」共組成盾形。

注意:識別系統的「識別」就表現在「意涵」設計上。

 

視覺動力

以手寫表現自然,同時創造為揮手的人形,以達成視覺意涵目標。

視覺色彩

因統雄老師的分享目標是研究與教學,所以採用具備理性的藍色,以及強調對比而配合其互補色黃色,作為雙主色。

使用PhotoImpact 相片邊框功能

 請參後製系列「數位特效加框」。 


手繪版圖示 Logo「大頭貼」設計系列

風格物件:以 W U 為邊緣的盾型底座 

手繪版圖示的個人化意識更濃,可作為「大頭貼」的Logo,並發展一系列功能圖示。

大頭貼
音樂區
讚
分享
專用識別指示圖示系列 專用識別指示圖示系列 專用識別指示圖示系列 專用識別指示圖示系列
笑話
黑笑話.暗喻式
祝福
悼念
專用識別指示圖示系列 專用識別指示圖示系列 悼念
警訊 
朋友 
國家慶典致敬 
 
統雄 Logo「大頭貼」設計系列 統雄 Logo「大頭貼」設計系列 專用識別指示圖示系列 這是個微言大義的設計。
網站主色原來是「藍黃」,在此應用目的,特別改為藍綠。
美,並不完全獨立,同時也兼顧真與善的追求,更是意涵之美。 

手繪與數位的整合應用

大陸設計師石昌鴻,完全以興趣而非商業委託,設計了34個省市的視覺識別系統、標準圖、標準字的設計。

以下是他的作品「桂林」,是由桂林特色的石林、倒影和水波,共同組成「桂林」二字,以及他在創作過程中的劇本設計、與手繪與數位的整合應用。

他先從桂林代表性的自然攝影圖片,選擇「意涵」與「結構」元素,擷取出石林、倒影和水波。

再將圖片像素化,對比篩選,設計主色和輔助色。最後以突出桂林「山水」的設計概念,選用了墨綠中帶了一點青的漸層色。

手繪與數位的整合應用 

下面是他設計過程的草稿,其實就是「設計劇本」,記錄下創意造型的整個思考過程。

一個作品是在幾十個草稿中誕生的,反映了設計者必須具備的熱愛。

省市視覺識別系統石昌鴻其他省市視覺識別系統、標準圖、標準字的設計連結。

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

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


參考連結

標誌設計 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 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」設計
手繪與數位的整合應用
素人創意漫畫
取用模式研究國際團隊 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