萬盛學電腦網

 萬盛學電腦網 >> 圖文處理 >> 平面設計理論 >> 文字標志設計技巧:筆畫字形(字體)設計

文字標志設計技巧:筆畫字形(字體)設計

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

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

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

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

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

  1)把握文字特征

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

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

文字標志設計技巧:筆畫字形(字體)設計 三聯教程

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

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

  2)協調筆畫結構

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

  3)字體個性表達

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

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

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

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

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

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

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

  ------------------------------------------------------------------------------

  一、筆畫/字形(體)

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

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

  筆畫上設計處理方法:

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

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

  以下內容在精思巧形LOGO博客 及 精思巧形LOGO 微博裡都有文件夾分享鏈接。歡迎關注!

  精思巧形LOGO 微博 http://weibo.com/designlover

  筆畫粗細對比

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

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

  筆畫分割

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

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

  筆畫挨近或重疊

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

  筆畫連結

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

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

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

  筆畫適當斷開

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

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

  筆畫省略

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

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

  有些字體設計分類方法,有 兩筆合一 或者 一筆勾銷等等,他們都屬於連筆,不屬於筆畫省略,連筆沒有省略筆畫,在視覺上,他們都完整只是

copyright © 萬盛學電腦網 all rights reserved