• 相關文章
  • 文字效果
  • 調色教學
  • 合成教學
  • 去背教學
  • 照片後製
  • 電腦繪圖
  • 設計教學
  • 動畫教學
  • 簽名製作
  • 其他教學
  • Illustrator
  • CorelDraw教學
  • 攝影教學
  • 3DMAX教學
  • AUTOCAD教學
  • MAYA教學
  • FireWorks教學
  • flash教學
  • 繪畫教學
  • PS作品欣賞
  • 包裝設計範例
  • LOGO設計範例
  • 封面設計範例
  • 名片設計範例
  • CG繪圖設計
  • 海報設計
  • 網頁設計範例
  • PS筆刷下載
  • PS濾鏡下載
  • PS動作下載
  • PS背景下載
  • PS樣式下載




  • 【 設計理論】標誌圖形訓練之面化效果




    標誌圖形訓練之面化效果

    這一次的教學是屬於設計理論領域中的設計理論的相關教學。

    文章出處是來自站酷的設計理論類文章,寫教學的作者是精思巧形LOGO,感謝精思巧形LOGO提供設計理論的實作教學。

    教學大綱:

    在矢量軟件里調整標誌圖形時,即使再細的一根線,我們都會把它當成一個面來調整,都需要調整圍邊路徑,然後填色。


    設計理論教學開始

    在矢量軟件里調整標誌圖形時,即使再細的一根線,我們都會把它當成一個面來調整,都需要調整圍邊路徑,然後填色。對設計師而言,所有的點線面都是當做面一樣的來調整,我們都是在調整圖形的形狀(面)。 我們這裡的“面化效果”,不僅僅是只一個視覺符號的輪廓,剪影,還是一種將圖形符號平面化(突出二維的平面效果,而忽略其三維體積空間效果)的表現方式。 還是要先回顧下面的性質《符號語構元素–面》 《如何看點線面的張力》 (點擊標題鏈接即可)。 先舉例一些面化效果的標誌: 具象符號面化:

    標誌圖形訓練之面化效果

    抽象符號面化:

    標誌圖形訓練之面化效果

    具象文字符號面化:

    標誌圖形訓練之面化效果

    “面化” 即意味着忽略了其內部的細節,而強化其外形輪廓在視覺上的張力 ,面(形狀)上的性質區別,我們可以以簡單的兩點來把握。

    1)以輪廓線的角度弧度。面是由線圍合成的,所以我們對“面”的感覺主要來自輪廓線的性質,在線的紙質里,我們討論了如何把握線,就是通過角度和弧度,線的角度與弧度,決定了面的幾何感與隨機感。

    2)還有就是面的虛實。“實的面(積極的面)”– 在封閉的輪廓線內塗滿顏色所得到的形是充實的面形效果,我們將其界定為積極的面的形態,這種面的產生是線的移動、點的擴張和線寬度增加形成,所產生的效果醒目肯定,是實體的面。“虛的面(消極的面)”–虛面的形態我們界定為消極的面,對其的感知往往是以細小元素的集合,如點的平面集合產生的面,線的平面集合形成的面,封閉的線所造成中空的面形,如:線的平面圍繞產生的面和點的平面圍繞產生的面,周圍形圍合成的面,周圍其他形的擠壓造成的面。以上這些面形態產生的方式,均受其他元素的制約,以被動的性質出現,在具體的構成設計中,還可以綜合的多元化處理,以期達到主次虛實的畫面效果。

    提到面,大家最容易想到的是輪廓,剪影(比剪紙藝術),最容易想到的面化標誌就是抽象圖形,和一些具象的人物動作剪影的圖形標誌,比如下面的例子:

    標誌圖形訓練之面化效果

    這類人物標誌的剪影化,看起來簡單,實際上,不如意處理,忽略人物的內部的細節,通過輪廓剪影就能表現出這個人物的特質,需要我們對人物的剪影特質敏感才行,網上很多矢量剪影素材,一下幾千張,很多行業人士的剪影都有,非常好的可以直接拿來做標誌圖形使用。這種能力可以通過一些方法訓練,比如讓你的朋友不動,你從每個角度觀察,看那個角度的影像最能概括他的特徵,並拍攝照片,然後放電腦里扣圖,做成剪影效果。看一些中國的剪紙藝術品等,多看一些舞蹈,這類肢體表現性的藝術,對人物面化特徵的把握都有幫助。要得到好的人物剪影並不是直白的去背圖就行,很多要做錯覺調整。有的需要加強特徵,以便於識別,在做標誌時,還要統一你扣圖的輪廓線條的角度及弧度,加強統一感。比如上圖中的拿着麥克風唱歌的人物使用的線條,角度感就強些。而旁邊睡覺的女孩的輪廓線條,弧度就大一些,就是這些輪廓的角度與弧度決定了面的感覺。

    還有一些具象事物的面化:

    標誌圖形訓練之面化效果

    它們面化形狀的感覺塑造都是一樣的,來自於輪廓線的區別。

    抽象圖形是最能體現面化手法的標誌,你找本標誌圖形的書籍,可以看到成千上萬的幾何圖形的變化,它們都是形狀可能性的嘗試與創新。 給我們一種感覺,好像這些基本的抽象圖形的面化 已經都被試遍了,呵呵。

    標誌圖形訓練之面化效果

    當然,並不是真的試遍了,即使是真的試遍了,我們還可以通過加入色彩,質感,空間體積,動感,光效等來實現視覺的上變化,如下圖:

    標誌圖形訓練之面化效果

    雖然它們去色相,去明度之後和基本幾何形狀分割沒區別,但是,現在媒介支持複雜的技術表現,全息影像都出現了,還有什麼是不可能的呢? 它們還是面化的效果,只是在構思的時候,需要多維化的想象和塑造而已。

    現在還有很多標誌喜歡在面填充色塊,豐富了圖形面化的視覺效果,已經成了一種風格。比如下面的標誌:

    標誌圖形訓練之面化效果

    由於英文字母的結構幾何化強,所以外國標誌的字母面化處理例子很多,如下圖。

    標誌圖形訓練之面化效果

    外國標誌設計師喜好抽象圖形的調整設計,也就見多。喜好這種幾何圖形抽象化的設計書法,不僅與視覺傳達的原理(追求簡潔)有關,更和外國人的文字符號的使用習慣有關,不過筆者還是力挺中國特色的文化與視覺符號使用習慣,不想被過多的外國“符號化”。畢竟一個國家的符號使用習慣,就代表着一個民族的文化傳統。

    漢字雖然叫做方塊字,但是其筆畫以線為主,筆畫比英文來的複雜,但加粗筆畫后,字懷減小,也可以體現出面化的體量感效果。

    標誌圖形訓練之面化效果

    面化里還有一種用光影來表現事物的手法比較有意思,如下圖中的人物:

    標誌圖形訓練之面化效果

    他們雖然沒有忽略人像的內部細節,但是這種只區分高光和陰影的表現手法,還是面化簡化的思維方式。這種表現方式,就像PS里的閾值工具,一線劈開亮和暗,記得小時候美術課本里有一個“雷鋒頭像”剪影剪紙手工作業,當時就覺得很有意思。這種手法使用的很多,練習的話,先找出人物(或事物)的明暗分界線,然後勾勒出輪廓,在做細節的調整。

    以上都是實面(積極的面)的標誌,當然還有虛面(消極的面)。、

    中國繪畫講虛實,有實形,就是虛形,那些國畫里的留白處就是無形的面,這些無形的面產生的張力,是通過有形的筆觸暗示出來,再結合人的心理聯想產生的。在標誌圖形里,這些手法一樣適用,下圖中的水墨和虛化的暗示都極具中國寫意留白的韻味:

    標誌圖形訓練之面化效果

    有時候,我們看到的(或者調整的)是線條,但這個圖形卻是在表現面和體的量感,也就是負形的量感。

    除了水墨留白的虛形面化,還有正負形的面化,正負形是設計上的說法,國外埃舍爾是正負形手法的大師,和上面的虛形不同的是,負形的形態還是很明確的。比如下面的標誌:

    標誌圖形訓練之面化效果

    外國人在形態的意韻上,也就是圖形模糊審美階段的思考,沒中國人來的深,中國的審美哲學,可以“打太極”,可以變化運動,可以包容兼并,是活的,是似像非像的,是不確定的,但是老外的審美就偏理性,一定要確定的,不要模稜兩可的,要準確的,不要含糊的,所以,中國講虛實,外國講正負。這兩種手法都是面化的思維表現方式。當然正負形更好練些,因為形態是固定的,但是中國水墨韻味的虛形留白,就需要多年的美術功底,很多人覺得國外的標誌才算是國際化的標誌,也喜歡模仿着做,其實,這和中國藝術表現能力的訓練需要更長是時間不無關係。國外設計藝術的講求理性分析科學教學,所以比較好教好學好掌握,但是中國傳統的藝術設計,就難了。

    還有一種虛面面化的處理,可以算在面的質感里,就是說使面的質感產生變化,加入圖案肌理,或者通過點化,線化,色彩透明度等手法將面處理成虛面,如下圖:

    標誌圖形訓練之面化效果

    這些手法,增加了面的表現效果,為標誌圖形增加了更多的觸感。

    上說的面化多是輪廓面化,下面說說“平面化”的表現手法,就是文章最開始說的突出視覺符號的二維效果,忽略符號三維的體積空間感的表現方法。

    將複雜的符號圖形平面化,可以充實畫面的二維空間,強化視覺張力,增加衝擊力,中國傳統的繪畫,透視感不強,在表現空間上,上部來表達遠處,下部來表現近處,但是遠近的大小變化不大(不太注重透視的近大遠小)所以畫面看起來“平”, 很多現代的裝飾畫,藝術流派里的立體派,野獸派,包括康定斯基的抽象主義繪畫都是平面化的代表。如下圖平面化藝術作品舉例:

    標誌圖形訓練之面化效果

    這類的手法的標誌在很多自然景色標誌符號里比較常見,如下圖:

    標誌圖形訓練之面化效果

    和很多平面化是藝術流派一樣,這些標誌做成裝飾畫的效果,它們雖然也能表現出一定的三維空間感,但是它們更強調圖形畫面的二維化的視覺張力,突出平面化的美感,一些風景繪畫手法,可以通過PS濾鏡先處理下,比如濾鏡製作油畫效果,水彩效果,然後再做修飾,處理成標誌圖形,在我的博客中分享的一些房地產的標誌源文件(房地產標誌多使用這種面化手法),大家可以下載后,用軟件打開看看別人是如何處理這些複雜的風景圖形的。

    下圖的具象事物標誌也是平面化的手法:

    標誌圖形訓練之面化效果

    左邊第一個鸚鵡和花里,每個形狀都有一個整體色塊填充,忽略了空間感,雖然由於鸚鵡對後面的花的遮擋也能產生空間感,但是這裡強調的還是平面化,第二個就更加明確突出面化,整齊的形狀,分佈於圓形平面里,群化而可愛的平面化效果。第三個人臉和鳥的組合,塊面化的表現,使圖像產生了二維的感覺。最後的皇冠,在重疊部分,使用了黃色,這個黃色並不是用來塑造前後關係,而是豐富了其二維平面上的視覺效果。

    以上就是我羅列推薦的面化效果常用的思維和處理方法。下面給出一些訓練題目:

    人物動態剪影練習:

    看下面的一段“跑酷”視頻和一段“小城雨巷”舞蹈視頻,從視頻中截取最能打動你的人物動態剪影,為“跑酷”運動和“小城雨巷”做一個圖形標誌。(字體不要多做處理,這裡主要練習圖形)

    “跑酷”視頻鏈接:

    http://v.youku.com/v_show/id_XNDQ1MTExMTg4.html

    “小城雨巷”舞蹈視頻鏈接:

    http://v.youku.com/v_show/id_XMjUwMTcwODg=.html

    風景面化練習:

    以自己家鄉代表性的風景照片,最好是帶有象徵建築物的風景照片,為題材,處理成平面化的效果,做一個城市旅遊標誌。 (字體不要多做處理,這裡主要練習圖形)

    其他的面化手法,像正負形啊,人物光影啊,這些在後面的標誌手法中有專題的講解,它們分屬於同構手法,和體積感塑造里的方法,到時候再做練習。

    — —

    文章永久連結為: 標誌圖形訓練之面化效果