造型家族:變形‧扭曲‧潤飾
Transforming, Twisting & Decorating Visual 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
素人創意漫畫

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

長寬比變形有2途徑。

〉編輯〉調整大小

可以改變長寬比,適用於上下、左右邊,相同平衡調整的設計。

注意:套用〈選取的物件〉

取消維持寬高比。

〉變形工具

〉扭曲

可以改變長寬比、製作橢圓形等,也可設計不平衡對比。

標誌設計 Logo Design


不改變角度‧改變長寬比

以上2種途徑,都使用旋轉扭曲改變長寬比,而會改變角度,如下例。

不改變角度‧改變長寬比

不改變角度‧改變長寬比

但如果只希望減少高度,不改變角度,如何作?

這不是工具與技術問題,而是設計技巧。

將物件的上下部分剪開,中間剔除,再合併頭尾如下。

不改變角度‧改變長寬比


陰影潤飾

〉物件〉陰影

注意:在基底上的圖形,即使選取,也不能加陰影。

必須先複製成為物件,再作處理。

標誌設計 Logo Design


扭曲變形

〉特效

〉扭曲

〉創意扭曲

範本欄第一個,是「復原」,點選後,可將原先的扭曲返回。

按〈垂設〉可全部重來。

〈扭曲控制〉

〈範圍〉即〈筆刷大小〉之效果。

〈程度〉是色彩改變的程度,愈小才能保持立體感,一般宜 <5。

〈距離〉為筆刷移動、每一點的距離。

〉腳本

可觀察歷次變形的過程。

創意扭曲

 

〈不變形區域〉

創意扭曲注意:改變筆刷大小,會自動出現「+」號,變成不擬變形區域塗色模式。如工作係變形,必須將「+」號取消。

〈筆刷大小〉與〈扭曲控制〉之〈範圍〉效果與相同。

紅色:不變形區域的顏色。亦即先將不擬變形的區域塗色,顏色可置換。

眼睛:是否可看見已塗色區域。

+:開始塗色,並可增加區域。

-:將已塗色區域減除。

沒有「+ 、-」:才可以對預覽區內之圖形進行扭曲。 

創意扭曲


綜合變形

組成3D Logo 標誌後,可再作非對稱扭曲。

綜合變形

綜合變形

相同綜合變形規律,4個象限的成果如下。

綜合變形綜合變形綜合變形綜合變形      

其他變化範例

       
       
       
       

Banner Practice 橫幅實作


造型元件網站

iconsDB: http://www.iconsdb.com/blue-icons/triangle-icon.HTML

回頁首 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
同類別內相關主題