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




  • 【 設計理論】淺談文字符號設計方法整理




    淺談文字符號設計方法整理

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

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

    教學大綱:

    不論是圖形還是字體設計(文字符號設計)都是為了更好的傳達信息,讓文字的意義更好更準確的傳達。


    設計理論教學開始

    不論是圖形還是字體設計(文字符號設計)都是為了更好的傳達信息,讓文字的意義更好更準確的傳達。

    * 因為文字符號本身具備一定的形態,所以,字體設計受到本身形態特徵的限制,字體設計變形不能影響文字的識別性;

    * 不能影響之外,還需要協調這些不同結構的文字的筆畫結構,使之更加容易識別;

    * 每個文字,都具備自身的意義,再加上我們是在為品牌服務,所以很多情況下,我們還需要通過字體傳達額外的信息與感覺,這就要求我們根據要傳達的信息與感覺,對文字進行處理;

    這就是我們設計師遵循的三條字體設計原則:

    1)把握文字特徵 說識別性是字體設計的第一原則,因為我們的目的是為了傳達,傳達必須滿足的首要條件就是識別出“是什麼”,這個“是什麼”,對文字而言就是字體結構特徵,我們也叫做“字法”,格式塔心理學告訴我們,我們之所以識別出“是什麼”,就是因為我們在腦子裡存的是事物的結構特徵,也就是關係,在文字符號里,關係就是字體結構,也叫做“字法”。

    同樣的筆畫,按不同的方式(位置關係)得到不同的文字。而不同的筆觸(不論是毛筆,粉筆,或是火柴棍……)只要位置關係一樣,我們都能識別出是哪個字,這就是結構特徵起到的作用。如下兩圖:

    淺談文字符號設計方法整理

    淺談文字符號設計方法整理

    對字體本身結構特徵進行把握,特別是作為方塊字形態呈現的漢字符號,其形態比拉丁字母形態相對複雜些,筆畫結構種類都更豐富,我們現在常用的是簡體字,通常情況下,我們首選簡體字,繁體字用的較少,但有些繁體字具備很好的寓意,也被經常使用,漢字識別性強弱,來自人們日常使用的多少,及目標消費群的使用習慣,我們可以更具實際情況來決定。關於漢字與拉丁字母結構特徵的把握,參加博文鏈接:《漢字結構特徵的把握》 《拉丁字母結構特徵的把握》。

    充分把握字特徵,我們可以分析要設計的文字,分析它們之間的筆畫特徵的異同,從而考慮筆畫字形上如何協調統一,可以使用那些設計方法。

    2)協調筆畫結構

    漢字筆畫結構不一,同是方塊字,擺在一起也有不同,我們通常將漢字筆畫做呼應處理(比如將要設計的一組文字里的同類型的筆畫都做弧線處理等等),都是為了讓字體筆畫結構協調統一,閱讀起來流暢從而更容易識別。

    3)字體個性表達

    協調統一是為保證字體的識別性,但是很多時候,我們也追求個性,這個“個性”並非是無厘頭的創新,而是為了更好地傳達字體信息(或者品牌信息),這個“個性”往往就是品牌的內涵義,比如一種感覺,例如“瑞麗”是個女性雜誌的名稱,那麼字體設計時就通過筆畫結構將“女性的、時尚的”感覺融入字體中。所謂“個性”,如果對字體信息的傳達沒有幫助,那麼在商業設計這種需要明確目標的視覺傳達中,將沒有意義。(完全無目的尋求個性的設計,我們設計師可以拿來鍛煉,尋找設計新的可能性,這裡我們不討論。)

    這篇文章我們只分類設計方法。

    (字體感覺的分類參見下篇博文:《漢字符號設計感覺分類》)

    我們將現在常用的字體設計手法總結歸類,可以得到一些規律及文字設計思維方法,作為我們處理字體的依據。

    漢字符號的設計,我們可以從以下幾個方面對文字進行設計:

    1、筆畫/字形(體) 2、色彩 3、材質 4、書寫手法/方法(工具) 5、與其他符號圖形組合

    這是第一篇,主要列舉“筆畫/字形(體)”上常用的設計方法,不包括加入圖形的處理手法,純粹的是筆畫和字體形態上的處理方法:

    ——————————————————————————

    一、筆畫/字形(體)

    字體設計最基礎的,就是筆畫和字形,先拋開色彩和其他的不談,單單是筆畫結構上的設計方法就有很多方法,但是這些琳琅滿目的設計方法,都必須遵循字體結構特徵的識別性,在我們拿到要設計的文字,分析文字筆畫結構之後,下面的方法就派上用處了。每個設計師不可能記住這麼多設計方法,我們整理就是這個目的,到用的時候,可以打開參考。平時可以拿出來練習。對設計師而言,重要的還是清晰的思維,知道到哪一步,可以使用什麼方法解決。不要被這些方法或者軟件技巧束縛了。

    這些筆畫和字形上的設計方法,總體而言都是兩個方向,也就是前面的原則2、和原則3:協調統一,個性追求。

    筆畫上設計處理方法: 這裡列舉的例子都是在網絡上搜集到的各位設計同僚的設計作品,只是做學習使用,並非拿來做商業用途;很多列舉的例子並非純粹的使用一種方法,所以很多例子不極致。但是大家能理解意思就好。

    不可能將所有的方法列舉全面,關鍵的不是有多少種方法,而是分享給大家一種管理設計的方法。知道在腦子裡如果存放這些方法,後文會講到。

     

    筆畫粗細對比

    淺談文字符號設計方法整理

    我們可以加粗或者減細筆畫,也可以強化筆畫的粗細對比,宋體裡面本身就是橫細豎粗,是為了視覺上的容易識別,當然我們也可以像上圖圖示中一樣,豎筆比橫筆細。

    筆畫的粗細,不是單純的為了效果,很多時候是為了處理筆畫較多的字,有的漢字橫筆或者豎筆過多,我們可以簡化減細不太影響字形結構的筆畫。筆畫粗細對比強烈有時可以產生很時尚的效果,很多時尚雜誌都在使用特宋這種筆畫粗細對比強烈的字體,就是因為其本身傳遞出的量感,字體看起來叮噹有力,像是產生了強烈的聲響,又現在的話形容就是看起來很酷,這種“酷”,不是通過特殊的設計手法表現出來的,只是通過加強自身的橫豎筆畫的量感達到的。

    筆畫分割

    淺談文字符號設計方法整理

    筆畫的分割或者分離,可以表達暢通感,同時這樣類似空心字的手法,加上漢字本身筆畫很多,就會造成視覺上的閃爍,比如上圖中的“孫子兵法”,這種視覺閃爍,讓人迷惑,但同時符號字體的意義,兵法–布陣,迷惑等等。

    筆畫分割較細時,看來也會像是字的高光,這就使字產生了立體感。像上圖的“西街走廊”,處理時,可以根據感覺需要來覺得分割的距離大小。

    筆畫挨近或重疊

    淺談文字符號設計方法整理

    我們可以拉近兩個文字的距離,只要這兩個字的兩筆筆畫靠近之後,不會對文字結構產生影響,不會影響文字的識別,像上圖圖示中例子一樣,筆畫挨近,甚至有的筆畫重複時,就用同一筆代替,省略了筆畫,這種手法也給人一種試圖努力區分文字和解讀單個文字的樂趣。

    筆畫連結

    淺談文字符號設計方法整理

    行書里會連筆,書寫快速之後,自然形成了連筆,所以連筆不只是為趣味,在視覺上,也使字體看來流程,很多表達快速,暢通的產品或服務都喜歡採用連筆,例如,物流,交通等,筆畫與筆畫的連結,需要先分析筆畫是否適合互相連結,連結之後,字與字彼此之間的結構時候還能識別。

    如果筆畫連結之後,確實影響了文字結構,適當的斷筆,用間隔來補充字體結構,不用刻意的非要連成一筆,很多初學者,都很刻意的進行連筆處理,導致文字結構都被埋沒在連形成是新結構里了,這種以忽視文字識別性的連筆處理不可取。

    有的字可能上部分的橫筆適合連結,有的是字的中線,有的下面的筆畫,如果你打算豎著排列文字,就考慮豎筆的連筆處理,

    筆畫適當斷開

    淺談文字符號設計方法整理

    有連就有斷,漢字結構有很多轉折和鏈接處,這些部分在視覺上會擠在一起,形成較大的面塊,特別是當我們需要將字體處理成很粗的筆畫時,這些面塊就會形成視覺的上噪音,斷筆可以增加間隙,緩解這些較大的面塊。

    斷筆可以有很多種斷法,但是常見都就是在轉折處和連接處切斷,還有一些是為了創造一種字與字之間的呼應,而特意採取在固定的某處進行裁切。

    筆畫省略

    淺談文字符號設計方法整理

    與上面切斷不同的是,省略是直接省去某一筆,例如上圖圖示中,“觸點”合用了口的一筆, 右邊的“原點設計”則統一省略的口的豎筆,這樣可以使原本豎筆很多,字體結構又是左右結構的“設計”看起來清爽許多。

    在文字中,如果重複筆畫過多,我們可以考慮使用省略筆畫,如果我們需要採用緊湊的效果,又要保證文字易讀,也可以考略筆畫,共用筆畫就是省略了筆畫。

    有些字體設計分類方法,有 兩筆合一 或者 一筆勾銷等等,他們都屬於連筆,不屬於筆畫省略,連筆沒有省略筆畫,在視覺上,他們都完整隻是連在一起了,省略是直接的去掉。在效果上也許目的類似,但是思維上不同。

    筆畫添加

    淺談文字符號設計方法整理

    有省略就有添加(添加筆畫不是在添加一個具象圖形,添加抽象圖形的字體設方法在後面的博文講,這篇博文只講單純的筆畫字體的處理方法),添加新的筆畫,不能破壞字體特徵結構,影響字的識別,添加往往是為了烘托,強化字面意義,這種手法也不是筆畫的延長,而是加入新的筆畫,修飾字體。

    筆畫間隙填滿

    淺談文字符號設計方法整理

    如果將筆畫加粗,有的圍合間隙就會變小,如果筆畫足夠粗,即使將其填滿,也能達到呼應效果,圍合成的空隙本身就是方塊,其四邊形的特徵還是很明顯。

    筆畫末端–尖銳

    淺談文字符號設計方法整理

    比較常見的處理手法,就是直接將筆畫末端,處理稍微處理成上圖所示的樣子,這是比較簡單的使字體產生統一感的方法。當豎筆較多較粗時,可以處理豎筆末端,如果橫筆較多,可以像上圖“地下鐵”一樣處理橫筆末端。

    筆畫末端–延長

    淺談文字符號設計方法整理

    適當的延長某一筆的筆畫,使文字產生亮點,或者在所有文字上共同的某一個筆畫一起延長,從而統一字體,不失為一種辦法。

    筆畫末端–扭轉

    淺談文字符號設計方法整理

    筆畫延長之後還可以做很多效果,比如扭轉,如上圖所示,很多外國拉丁字母花體設計,喜歡將最後一筆延長,然後轉成很漂亮的花紋,漢字中也有很多女性意義的字體設計,也模仿這種手法,塑造女性的感覺,有的可能要添加一些額外的筆畫。這和我們後面歸類的“筆畫添加”略有不同。

    筆畫末端–突出

    淺談文字符號設計方法整理

    針對筆畫的末端還可以故意使其突出點,強化結構,也能做到統一。並非是某一筆的延長,而是每個字的四周筆畫末端都做突出協調。

    筆畫回折

    淺談文字符號設計方法整理

    很多不是繁體字的簡體字都在模仿篆書的效果,將筆畫進行回紋處理,這種做法,可以填充筆畫較少的字的內部空間,只要多出來的部分仍然符合文字結構特徵,還是能夠識別出來的。同時這種字體,給人傳統的意蘊,傳達出篆體字的意味。其筆畫都是橫平豎直,也強化了方塊字的視覺效果。很多這種類型的字體都設計的很複雜,而識別困難,當然如果我們打算做成窗戶屏風什麼的,再怎麼迴轉都不為過,但是如果作為標準字,或者字體標,識別性還是第一位的。不應讓“個性”埋沒了“識別性”。

    筆畫的方正化

    淺談文字符號設計方法整理

    和筆畫回折不同的是,這並不是利用迴文來填充空間,也不是要加入篆體書的古味,而是純粹的將所有筆畫都做橫平豎直的處理,將所有斜筆也做水平垂直處理。因為漢字方塊字的結構特點,這種處理手法也適合漢字,同時給人機械,現代幾何化的感覺。只要不很負責的文字,也可以很快識別。

    撇捺挺直

    淺談文字符號設計方法整理

    彎轉的撇捺,有時和方塊字有些難以呼應,將它們挺直處理,可以呼應豎筆,同時字體看上去更加犀利穩健,具備男性、商務的氣質,如上圖圖示。如果要設計的文字中,只有一兩筆是撇捺,那麼我們可以直接處理成直的斜筆,來呼應豎筆,如果很多撇捺筆畫,那挺直的處理可以得到行的呼應效果,如果,上圖 左邊的“未來廣場”,每個字都有撇捺筆畫。

    撇捺呼應

    淺談文字符號設計方法整理

    如果文字里撇捺很多,包括橫折彎鉤,我們可以直接利用撇捺強化來使字體得到呼應,與上一種撇捺挺直類似都是處理撇捺,這裡是筆畫的弧線呼應。這兩種手法都是針對撇捺筆畫較多的文字。

    折筆圓滑呼應

    淺談文字符號設計方法整理

    將直角的筆畫處理圓滑,可以改換文字生硬的氣質,文字同類筆畫,或同方位的折筆,處理成圓角,本身就是一種調和呼應的手法。就像把文字放在一個圓角矩形里一樣。

    斜筆呼應

    淺談文字符號設計方法整理

    很多字體里斜筆較多,強化出斜筆,也符號我們的意圖,那麼我們也可以將某些橫筆做傾斜處理,使所有自己都往統一角度滑落。形成新的視覺美感。

    淺談文字符號設計方法整理

    除了橫筆傾斜外,還有一種最常見的處理就是將折筆處做斜線處理,多出轉折的筆畫,使字體呼應,如上圖的“創意設計”,還有很多標誌標準字喜歡,直接切掉轉折處,例如上圖的“國際中心”,都可以塑造出斜筆呼應的效果。

    筆畫的像素化

    淺談文字符號設計方法整理

    這種筆畫的處理手法,是模仿像素化形態的來的,轉折處,形成點化效果,LED戶外大型廣告屏上的效果,可以塑造科技化的味道,同時其散點式的視覺效果,也類似點彩畫法,模糊的視覺視幻效果,也可以表達類似主題的設計,比如上圖的“布波印象”。

    一筆筆畫特殊處理的呼應

    淺談文字符號設計方法整理

    淺談文字符號設計方法整理

    淺談文字符號設計方法整理

    有時為了使文字之間有強烈的呼應效果,我們也會找出其共同的一筆筆畫,對其進行特殊處理,上面的三幅舉例中,大家可以看到,特殊的一筆處理,並沒有和其他的筆畫有共同點,這特殊處理的一筆在筆畫特徵上與其他筆畫有很大差別,這是一種,通過特異手法來達到呼應效果的手法。

    一筆筆畫特異

    淺談文字符號設計方法整理

    有呼應,就有特異的追求,將其中的某一筆,做特異處理,增加亮度,注意這裡不是置換圖形手法,沒有加入具象的圖形符號,具象圖形符號與文字符號的組合方法,在下一篇博文里,這裡的特異筆畫只是沒有具象意義的特殊筆畫而已,僅僅算是加入了抽象圖形。

    以上都算是筆畫上的處理方法,下面是從字形上整理出來的處理手法。

    字形拉長

    淺談文字符號設計方法整理

    同時拉長所有文字的筆畫,使字體看起來瘦長高挑,如上圖圖示,在方塊字的基礎上,豎筆無限制的延長,也沒問題。

    延長字形,重心就落在了橫筆上,橫筆的上下移動,對字體重心起到了關鍵作用。

    字形壓扁

    淺談文字符號設計方法整理

    有長就有扁,寬大的字體,壓縮后,也可以得到很酷的效果,追求遼闊,大氣,文字,都可以考慮字形的壓縮,在水平線上的壓縮就是在強化橫向視覺,可以增加速度感,所以很多橫筆連筆的處理,為了追求速度感,也會同時壓縮字形。

    字形傾斜

    淺談文字符號設計方法整理

    有的字體可能不需要做多大變化,只是傾斜一下就可出現想要的效果,傾斜本身就是一種協調呼應筆畫的手法,有的撇捺筆畫,當我們傾斜后,它們自然與豎筆統一了,例如上圖的“易邦”“開口樂”。

    除了字形傾斜,也可以像圖中的“四川”一樣,筆畫傾斜錯落,來得到傾斜效果,這種手法適合筆畫單一,結構簡單,錯落之後,結構依然能識別的情況下。

    字形錯落

    淺談文字符號設計方法整理

    分析文字的筆畫,然後上下左右的組合,讓橫筆或豎筆在一條線上,從而容易連筆,或筆畫互相替代,或者文字字母意義就能通過錯落表達。其造成了很好的視覺效果,但是也要注意文字閱讀的習慣,不要錯落之後,讀不通順了。

    字形反轉

    淺談文字符號設計方法整理

    有些文字左右結構形態差別不大,有的文字結構簡單,發轉之後,依然能識別,或者文字的字母意義,需要用反轉來表達,例如上圖的“印刷”“平面印製”,香奈兒的標誌就是發轉字母的設計。因為拉丁字母結構相對簡單,反轉之後,依然能很快識別,但是漢字結構將負責,往往發轉之後,不容識別,所以這種手法相對較少。

    字形正負

    淺談文字符號設計方法整理

    反白處理的效果,也是一種方法,有時候,我們直接放在一個底色上,如上圖的“東”,有時候我們利用文字筆畫來塑造正負形,如上圖的“黑白戀”“兄弟映像”。

    字體的不同組合

    淺談文字符號設計方法整理

    採用不同的字體組合,或是粗細不同,或者是字體不同,往往是根據要設計的文字意思來決定,對比也使得文字意義的結構得到重視,增加了主次關係,增加了重音,例如上圖的“醉江湖”。

    字形的空間體積 追求體積空間,是很多現在字體設計的追求的,特別是很多電影都在往3D發展,它們的字體都設計成了立體效果,除了最基本的將筆畫立體化之外,還有很多可以塑造空間體積的方法,例如:透視、光影、投影、重疊、虛實、放射、變化程度、層次變化、不同方向等等,如果你看過我整理的關於標誌圖形的空間體積的處理手法,你就知道,這些方法也完全適用於字體設計。這裡我們並沒有找到很完美的漢字設計案例,所以僅僅貼出幾種,以後慢慢補充。

    淺談文字符號設計方法整理

    上圖是通過加入透視,來塑造空間感,簡單的讓字體符號你所畫的透視線 ,就可以塑造出來。很多漂亮的標誌設計,都使用了透視。

    淺談文字符號設計方法整理

    上圖是通過陰影來塑造字體的空間感。筆畫與筆畫之間有了距離,這是陰影手法,還有投影手法,就是在整個字的下方加入投影,投影和文字結構有必然的關係,不是單純的加一個投影。

    淺談文字符號設計方法整理

    上圖的空間感不是很明顯,這種手法就是重疊,一個文字擋住一個文字,自然形成前後的空間感,例子沒有找的很完美,大家也可以自己尋找收集。

    字體的時間運動 同樣的對於字體時間感和運動感的處理,都會在設計中遇到,標誌圖形中的處理手法,一樣適合字體設計,比如:時間經過、運動瞬間、連續的同時、利用變形的運動、攝影的運動記錄、新視覺的發展、利用頻閃運動的表現、運動的擴大與壓縮,這些手法很是很少人嘗試的,很多國外的字體設計都在嘗試,但是我們這裡主要整理漢字的,沒找到很好例子,以後慢慢補充。

    ——————————————————————————

    關於設計方法的記憶:

    以上的方法雖然很多,但是只要理解是怎麼分類的就能在腦子了聯想起來,我們不需要一下子記住所有的方法,但是我們可以將方法分類,層層條理化的記憶,如果讓我們一次說出30多種處理方法,我們肯定記不住,但是我們可以把他們分成 針對 筆畫 字形 的 ,筆畫處理 無外乎就是“加、減、切、斜、特殊呼應”,字形處理無外乎就是“高、矮、胖、瘦、正負形”這些都符號我們的記憶聯繫習慣,剩下就是互相組合,很快就得到上十種和上百種設計方法了。

    其實就是一種根據我們的大腦記憶習慣來整理設計的方法,是一種快速學習的方法,設計師是在解決問題,需要準備好針對各類問題解決方法,這就需要整理,整理要針對我們大腦的記憶方式,同類事物,我們頂多記住7個,清晰的記憶大都是3到5個,所以,我喜歡將主體設計方法都按三個來整理,1、2、3條,(就想上面的3條字體設計原則,然後 筆畫 字形 字體 上的處理手法等等),很容易一次性的說出,剩下的每個裡面分3-5種,這樣,你只要按着目錄一次性的聯想下去,可以說出幾十種了。

    也許你沒有嘗試過這麼多種設計手法,但是整理出來之後,可以慢慢按照類別選擇性的練習,這樣掌握的更快,你可以對某種處理手法生疏,但是一定要知道這種手法分在哪個類別里,因為面對客戶,你需要思路清晰,所以,後面需要我們設計師管理好自己的設計資源和設計方法,不要漫無目的去隨便學習幾種方法,練習時,你可以選擇自己喜歡的,毫無目的探究,但是如果我們要面對客戶,就一定要學會設計的管理思維。

    還有幾個部分是字體設計方法整理 請關注我以後的博文。

    色彩 材質書寫手/方法與其他符號圖形組合

    淺談文字符號設計方法整理

    大家可以建立文件夾,將常用的設計手法分類整理,以便以後查找使用。歡迎關注!

    — —

    文章永久連結為: 淺談文字符號設計方法整理