字體設計在平面設計中的運用-字體設計教程

来源:百度文库 编辑:神马文学网 时间:2024/05/01 01:19:04

文字是人類文化的重要組成部分。無論在何種視覺媒體中,文字和圖片都是其兩大構成要素。文字排列組合的好壞,直接影響著版面的視覺傳達效果。因此,文字設計是增強視覺傳達效果,提高作品的訴求力,賦予版面審美價值的一種重要構成技術。

  在這里,我們主要談談在平面設計中文字設計的幾條原則,以及文字組合中應注意的幾點。特別提醒一下,這部分工作應該是人腦完成的工作,電腦是無法代替的。

  下面我們分別從以下幾個方面具體講述文字排列在平面設計中的運用,各小節都配有生動精彩的圖例剖析。(注:本文所有引用的圖片均為其作者版權所有,除研究、學習以外,不得挪做他用,特此聲明!)

  1. 提高文字的可讀性

  設計中的文字應避免繁雜零亂,使人易認,易懂,切忌為了設計而設計,忘記了文字設計的根本目的是為了更有效地傳達作者的意圖,表達設計的主題和構想意念……

  2. 文字的位置應符合整體要求

  文字在畫面中的安排要考慮到全局的因素,不能有視覺上的沖突。否則在畫面上主次不分,很容易引起視覺順序的混亂,有時候甚至1個象素的差距也會改變你整個作品的味道……

  3. 在視覺上應給人以美感

  在視覺傳達的過程中,文字作為畫面的形象要素之一,具有傳達感情的功能,因而它必須具有視覺上的美感,能夠給人以美的感受……

  4. 在設計上要富于創造性

  根據作品主題的要求,突出文字設計的個性色彩,創造與眾不同的獨具特色的字體,給人以別開生面的視覺感受,有利于作者設計意圖的表現……

  5. 更復雜的應用

  文字不僅要在字體上和畫面配合好,甚至顏色和部分筆畫都要加工,這樣才能達到更完整的效果,而這些細節的地方需要的是耐心和功力……

  6. 綜合應用:封面設計實例

  在下面這個例子中我們將應用上面所說的規律和要求來完成一個書籍封面的平面設計工作,一起實際體會一下文字在平面設計中的精彩應用……

  7. 精彩作品欣賞

  這類作品不論是字體、樣式還是顏色的應用都非常精彩,給人留下震撼和深刻的印象,欣賞這樣的作品真是一種享受……
  文字版面的設計同時也是創意的過程,創意是設計者的思維水準的體現,是評價一件設計作品好壞的重要標準。在現代設計領域,一切設計的程序由電腦代勞,使人類的勞動僅限于思維上,這是好事,可以省卻了許多不必要的工序,為創作提供了更好的條件。但在某些必要的階段上,我們應該記住:人,畢竟才是設計的主體。

1. 提高文字的可讀性

  文字的主要功能是在視覺傳達中向大眾傳達作者的意圖和各種信息,要達到這一目的必須考慮文字的整體訴求效果,給人以清晰的視覺印象。因此,設計中的文字應避免繁雜零亂,使人易認,易懂,切忌為了設計而設計,忘記了文字設計的根本目的是為了更好,更有效的傳達作者的意圖,表達設計的主題和構想意念。


舉例如下

(圖1)讓你想表達的內容清晰,醒目。讓閱覽者一開始就可以明白你的意思
(圖2)避免使用不清晰的字體,否則容易使閱覽者產生反感和麻煩



(圖3)恰當的選擇你所需要的字體
(圖4)但是,經過特別的處理,你可以使用一些本來并不合適的字體,比如



注意文字在編排時的方向,注意安排閱覽者的視線





 

舉例如下:
  這是一個帶有圖形的文字版面,也許你認為這樣也不錯了


但是是不是太平淡了呢?改一下文字的位置和大小,效果又會怎么樣呢?



再看看字間距的問題
改一下看看,好一點了嗎?


對于大的字體如果你照搬上面的做法,也許你會處理成這個樣子,這樣看起來字與字之間會比較松散
調整后是這樣,看起來緊湊多了。字與字之間的對應關系也出來了



比如,沒有調整段落距離的時候




舉例如下:
  這是一個很普通的文字版面
那么加一點自己的感受在里面,對文字的大小、間距、透明度做些調整,就會是完全不同的效果了。
根據畫面或作品的要求,可以使用一些圖形化的文字(這可是漢字設計的一種新觀點)。
  注:所謂“文字圖形化”即將文字筆畫做合理的變形搭配,使之產生類似有機或無機圖形的趣味。強調字體本身的結構美和筆畫美。



一開始好象總感覺文字在這里面的表現力有些蒼白了。對主題的表達沒有什么幫助。那么試一下改成這樣行不行
味道出來了嗎?在一定的條件下,確實不能用電腦中提供的字體,必須要自己創造。這也是漢字魅力所在的地方

比如這個(沒有太多的考慮的情況下)
再看看設計的做法
差別就在這里,也許只是一點小改動,但是需要你思考的卻更多。有時候對文字的筆畫做特殊的加工處理往往會產生一些意想不到的效果。而這樣的處理是帶有創造性的,同時人性化的味道也會更濃一些。這是電腦字體所無法替代的效果,帶給觀看者的感受自然會要強烈的多。

 

5.更復雜的應用

  文字不僅要在字體上和畫面配合好,甚至顏色和部分筆畫都要加工,這樣才能達到更完整的效果。而這些細節的地方需要的是耐心和功力。記住一定要有自己的想法和感受在里面,如果想表達自己對作品的態度,就不要在文字上偷懶,這也是不能偷懶的地方。
  對作品而言,每一件作品都有其特有的風格。在這個前提下,一個作品版面上的各種不同字體的組合,一定要具有一種符合整個作品風格的風格傾向,形成總體的情調和感情傾向,不能各種文字自成一種風格,各行其是。總的基調應該是整體上的協調和局部的對比,于統一之中又具有靈動的變化,從而具有對比和諧的效果。這樣,整個作品才會產生視覺上的美感,符合人們的欣賞心理。 除了以統一文字個性的方法來達到設計的基調外,也可以從方向性上來形成文字統一的基調,以及色彩方面的心理感覺來達到統一基調的效果等等。


一個簡單的例子
經過修改之后的


在有圖片的版面中,文字的組合應相對較為集中。如果是以圖片為主要的訴求要素,則文字應該緊湊地排列在適當的位置上,不可過分變化分散,以免因主題不明而造成視線流動的混亂。


比如下面這個例子:文字元素的大小、輕重、位置各自獨立,沒有集中,非常容易引起視線的混亂。雖然在字體的處理上下了工夫,但是好象是下過頭了。

 

綜合應用:封面設計實例

  在下面這個例子中我們將應用上面所說的規律和要求來完成一個平面作品的文字設計工作,一起實際體會一下文字在平面設計中的精彩應用。
  作品要求:這是一個書籍封面的設計,書名是《野火寒煙》,屬于自傳體的小說。根據書的意境和要求,也是為了配合我們這個專
題,我們先將底圖準備好,底圖的具體設計過程不再詳細敘述。

根據封面設計的常識,我們知道:應該出現的文字包括:書名、作者名、出版社名、日期、引子、聯系方式和部分根據調節需要而增加的小文字元素。這么多的文字擺在一起,如果并不小心處理會很容易混亂的。
(1)首先將所有需要出現的文字根據大致安排的位置放在上面。將主要內容放在右邊,保證每個字的清晰,避免和圖片的沖突。盡量尊重大眾的觀看習慣
沒有仔細處理的字體版面顯得比較混亂,視線也容易迷失。觀看時容易產生迷惑。下面開始一個一個的調整。

(2)首先根據主次的關系將字體的大小進行調整,并對文字的位置做初步的調整。
3)根據視線的流動順序做進一步的調整,以更好的引導觀看者。

 

 

(4)降低次要元素在版面中的鮮明度。即視覺印象的先后知覺順序,同時對部分文字的位置做微調整。
(5)因為版面是橫幅式,所以可以將主要內容:書名、作者名的排版格式調整成豎式

 

(6)現在看起來書名有些不舒服,現在先把字距進行調整,同時就要對其他文字的字距、大小、位置和字體進行調整,以保持完整統一的效果。
  注意:當版面中的主要元素變動之后,所有輔助文字元素同時要進行調整,這就是局部中有整體,整體中有局部
(7)現在對文字的字體部分再次進行調整,同時對一些其他次要的文字元素進行調整、增減。如圖

 

8)到這里基本上就可以說完成了,但是現在的感覺是文字的表現能力較弱,還沒有足夠的力量表現主題的內容和感受。
  現在就需要發揮創造性了。這里決定對書名的字體進行重新設計,同時注意不要影響其他的文字元素,適當增加文字字體的大小、透明度和顏色的變化,進行圖形化的處理方式以增加趣味性。這些修改完全由設計者自己把握。隨心性而動。注意不要影響了大效果和基本要求就可以了。

作品(形象宣傳)
這幅作品是宣傳中國形象的招貼。運用了一些漢文化中比較有代表性的圖象元素,文字元素在這里可以說是簡約到了極致。但是能夠感覺到的是作者在這兩個字上下的工夫有多少,可以說是起到了畫龍點睛的效果。并且與圖形的搭配天衣無縫。
  不論是字體還是樣式還是顏色的應用都非常精彩,作品給人留下的是震撼和深刻的印象,欣賞這樣的作品應該說是一種享受。
  文字版面的設計也是創意,創意是設計者的思維水準的體現,是評價一件設計作品好壞的重要標準。在現代設計領域,一切設計的程序由電腦代勞,使人類的勞動僅限于思維上,這是好事,省卻了許多不必要的工序,為創作提供了更好的條件,但是,在某些必要的階段上,還是不能完全讓電腦來做,人,畢竟才是設計的主體。

在設計過程中 文字的設計與排版是不可避免的
想要把文字處理的恰到好處 也不是那么容易的
曾經做文字處理 都是任憑感覺
而看過這篇文章之后覺得甚是受益非潛
可以讓我們在文字處理上的思路更加清晰明確
所以拿出來提供給大家借鑒
當然高手必定覺得是簡單之談
不過這些理論性的知識在設計運用中還是起很大作用的

字體設計在平面設計中的運用-字體設計教程 AutoCAD 平面绘图速成(图文教程) 基础技巧 - Ps平面教程学习 Photoshop抠图教程:用画笔加蒙版给小熊去背景 - 转载教程区 - 思缘论坛 平面设... 平面构成中的点、线、面_ 平面构成中的点、线、面 ps把图片合成在书中 - Ps┆入门与实例 - 平面教程学习 - Cc视觉 -ps,photoshop,视频编辑,学习论坛 - spps.cc Ps平面教程学习 向高手晋级吧 - 基础技巧 CourseBuilder插件在Dreamweaver MX中的应用教程(一) CourseBuilder插件在Dreamweaver MX中的应用教程(二) CourseBuilder插件在Dreamweaver MX中的应用教程(三) 网狐教程--EXCEL在财务管理与分析中的应用 Word 2007教程:表格在文档中的排放(一) 摄影中的构图与平面构成 - 中国摄影家协会网 手把手交你图片的巧妙用法(教程)!! - 平面理论 - 思缘论坛 平面设计,Photosh... 李涛PS高手之路笔记 - 基础技巧 - Ps平面教程学习 - Cc视觉 -p... 向高手晋级吧 - 基础技巧 - Ps平面教程学习 - Cc视觉 -p... 如何制作水印图片教程 - PS平面实例与签名图 - photoshop实例教程 - 李涛PS高手之路笔记 基础技巧 Ps平面教程学习 李涛PS- 基础技巧 - Ps平面教程学习 - Cc视觉 -p... 平面讲师——李涛 滤镜效果PS教程  水晶石数字教育学院 CourseBuilder插件在Dreamweaver MX中的应用教程(四加实例) 如何下載網頁中的flash SWF文件 -- 設計學院 - 設計無限 - 設計資源站--在線教程 圖文 教材 平面作品