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

視覺識別系統‧個人化社交卡‧貼圖‧票證
VIS's Social Cards/Stickers/Tickets 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: Social Cards

各種社交卡,包括:年節問候、紀念日的賀卡、生日卡、對他人祝賀的回卡...,這類設計重視在共同的節慶紀念日,而有不同的個人創意,可以說是在縱意識別一詞興起前,已經存在的縱意識別實務。

其他強調視覺識別的物品,包括如:數位貼圖、公用票證、禮品…等。

數位節慶卡 Digital Holiday Cards

數位親子合作賀年卡設計

以下是統雄老師和女兒合作的親子合作賀年卡。

視覺結構:新年、家庭、個人化識別標誌 Logo。

視覺意涵:女兒解釋爸爸姓名的諧音「桶雄」,是要掙脫桶子、永遠好奇的小熊。表達了「家庭一同」的誠摯,這也是網路時代才能表現的個人化心意。

視覺動力:以動畫表現。除了每畫格的小熊動作動力外,再加上煙火,豐富年節歡樂的動力。

視覺色彩:基於祝賀、歡慶的一致性,以彩虹光譜的配色設計。

親子合作賀年卡


數位家庭賀年卡設計

Digital Family Annual Greeting Cards

風格物件:家庭成員 

家庭賀年卡的正格設計,就是家庭去年的重點活動摘要。

設計重點在:年份(包括公曆和陰歷)象徵、個人化識別標誌;如果是一系列的連續動畫,必須要有展示結構的一致性。 

如果是使用單幅的賀卡,如果只用1張圖,該張圖的「意涵性主題深度」要很強。否則,就要應用多物件組合,以增加意涵廣度,同時在視覺結構上,要強調「對比律」。

圖片說明,時有畫龍點睛之效。

數位情人節卡設計

特別的節日,這種個人化就不是「對外」的視覺識別,而是獨有的詩文與典故。

這裡的典故,是兩人共同喜愛灰姑娘的故事。


其他數位個人社交卡設計 Various Digital Social Cards

社交卡由於目的各異,較不強調系列性,故可採較寬鬆的風格物件;當然核心標誌還是不能少。

風格物件:核心標誌+多層次統合同心橢圓金環

數位生日賀卡設計

個人化標誌可以適度變形。

設計方式請參考「神奇漸層應用」。

生日小賀卡

數位感謝回卡設計

也可以使用動畫表現。

對他人祝賀的回卡

數位端午節問候卡設計

如果強調文字、意涵的傳達,則圖案相對要簡明。

結構的空間規畫必須有「字區」,避免在圖片的零碎空間插字,而產生「忽略易讀性」的困難。

在 Photoshop 中,設計文字環繞

數位中秋節問候卡設計

核心標誌使用倒影設計,同時以連續漸變之動畫,表現雲霞掩映效果。

此例只有物件連續漸變,作法請參考「動畫只有物件連續漸變」。

中秋節問候卡


數位貼圖 Digital Stickers

元宵節活動貼圖系列設計

風格物件:核心標誌+年度生肖_猴

活動貼圖是網路文化的一個新興活動,譬如元宵節可能有問候、燈會、燈謎…等活動,在活動訊息上加個貼圖。同時,可以系列觀念設計。


公用票證、廣告物件設計 Public Tickets Design

許多公用票證、常用物件設計,也常在媒體上引起爭議。

請再參考統雄老師的「知識美學論」:「帥哥不存在、帽子歌存在」,亦即不爭論「好不好看」,而是關注「有沒有統一、變化元素處理的創意」「有沒有設計結構、意涵、動力、與色彩的能力」。

幾個相關的例子如下,各位也可以嘗試作一系列相關設計。

VISA 卡設計

這是紙上行旅所設計的:台灣郵務車主題延伸至中華郵政VISA金融卡 。

「視覺識別設計」者的第一個基本知識是「意涵」必須和「結構」有一致性,當前的卡證太多,尤其必須一看就知道是什麼票證。

這張證件有2大意涵為:VISA,以及由「中華郵政」所發行,所以設計上必須要有顯示此 2 段文字的結構物件。由於VISA 重視國際應用,所以「中華郵政」改用英文 Chunghwa Post 顯示。

色彩上採用「中華郵政」的標準色:綠色。在動力上,以「出血」設計,延伸圖案交通工具的動感。

高鐵車票設計

高鐵車票設計與VISA 卡設計的最大差異在於:VISA 卡可能在各種場合使用,一提出來必須標明是VISA 卡;但高鐵車票則是「限制時空」的票證,只有在高鐵車廂表現識別力,所以可省略「高鐵車票」文字物件。

馮宇的日常設計課的高鐵車票設計,提出了「易讀性」的重點,設計師「把話說清楚」比「說漂亮」更加重要。 

車廂廣告

在「伊格言:為何方文山的捷運標語如此中二?」新聞事件中,反映的車廂廣告設計。不僅視覺設計,也有與文案的整合設計問題。

禮品設計 Souvenir Design

在縱意識別觀念興起後,識別系統物品又納入了各種年節禮、紀念品,甚至由日用品延申到食品,非常有趣的範例如月餅,許多新興數位科技公司,並沒有忘記這個傳統的物品,而給予新的縱意識別設計。

阿里巴巴 Alibaba

 創立於1999年,是全球最大零售電子商務線上交易平台的公司。

阿里巴巴 Alibaba

小米 Xiaomi

2010年成立,是智慧型硬體、智慧型家居開發企業,以智慧型手機聞名。

小米 Xiaomi

網易 NetEase Kaola

1997年創立,電子郵件起家,發展為多元網路服務,為大陸網路「三大門戶」之一。

網易 NetEase

騰訊 Tencent

1998年,由即時通訊軟體起家,大陸最大社交軟體與網路遊戲社區。  

騰訊 Tencent

螞蟻金服 Ant Financial

成立於2014年,是服務小微企業與普通消費者的網路金融服務公司,也是全球最大的獨角獸(unicorn)公司,即成立不到 10 年但估值10億美元($1 billion)以上,又未在股票市場上市的科技創業公司。  

螞蟻金服 Ant Financial

歐珀 OPPO

2004年成立,製作數位視聽產品與拍照智慧型手機。 。  

歐珀 OPPO

菜鳥網絡 Cainiao Smart Logistics Network

創立於2013年,基於多企業共同合作的「中國智能物流骨幹網」(CSN)專案,所成立示範效應的物流數據公司。 

菜鳥網絡 Cainiao Smart Logistics Network

雖然中秋節是中華的傳統節日,隨著大中華區的逐漸成形,各國企業也必須重視這個市場,也推出了縱意識別觀念的月餅。

奧美廣告 Ogilvy & Mather

1948年於紐約成立的奧格威(David Ogilvy)廣告,與1850年在倫敦創立的馬瑟(Edmund Mather)廣告,於1964年合併後改為現稱,為世界最大的廣告公司之一。 

奧美廣告 Ogilvy & Mather

克里斯汀·迪奧 Christian Dior

1946年創立的法國的高檔流行與奢侈品品牌,亦為全球最大的奢侈品公司LVMH的最大股東。  克里斯汀·迪奧 Christian Dior

芬迪 Fendi

1925年成立的義大利流行品牌公司,以雙F圖案之手提包起家,現今跨足各種奢侈品。

芬迪 Fendi

古馳 Gucci

1921年於義大利佛羅倫斯創辦,從皮件起家,發展為多元時裝品牌,標誌以兩個G字母組成。

古馳 Gucci

縱意識別的月餅設計其他更多縱意識別的月餅設計。

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

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


參考連結

標誌設計 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世代公共服務新聞宣言
虛擬整合校園虛擬整合校園
請將連結不到網頁的網址,寄給統雄老師,謝謝!連結不到網頁

請按此,至友站列表。並歡迎同好加入友站。