文字在設計中的運用

來源:互聯網
上載者:User
設計

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

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

下面我們分別從以下幾個方面具體講述文字流向在平面設計中的運用,各小節都配有生動精彩的圖例剖析

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

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

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

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

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

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

  7. 精彩作品欣賞
這類作品不論是字型、樣式還是顏色的應用都非常精彩,給人留下震撼和深刻的印象,欣賞這樣的作品真是一種享受……

文字版面的設計同時也是創意的過程,創意是設計者的思維水準的體現,是評價一件設計作品好壞的重要標準。在現代設計領域,一切製作的程式由電腦代勞,使人類的勞動僅限于思維上,這是好事,可以省卻了許多不必要的工序,為創作提供了更好的條件。但在某些必要的階段上,我們應該記住:人,畢竟才是設計的主體。

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

舉例如下:

讓你想表達的內容清晰,醒目。讓閱覽者一開始就可以明白你的意思


避免使用不清晰的字型,否則容易使閱覽者產生反感和麻煩(除非你需要這種效果)


恰當的選擇你所需要的字型


但是,經過特別的處理,你可以使用一些本來並不合適的字型,比如


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


或者是這樣也可以


最後一點,通常情況下,你應該


2. 文字的位置要符合整體要求
文字在畫面中的安排要考慮到全域的因素,不能有視覺上的衝突。否則在畫面上主次不分,很容易引起視覺順序的混亂。而且作品的整個含義和氣氛都可能會被破壞,這是一個很微妙的問題,需要去體會。不要指望電腦能幫你安排好,它有時候會幫你的倒忙。細節的地方也一定要注意,1個象素的差距有時候會改變你整個作品的味道。

舉例如下:

安排好文字和圖形之間的交叉錯合,既不要影響圖形的觀看,也不能影響文字的閱覽。


如果你不小心做成了這樣(有意安排這種效果的不在此例)


文字一定不要全部都頂著畫面的邊角,這樣看起來很不專業


再說一點細節上應該注意的問題,這是容易忽視的地方,也是容易出問題的地方


這樣看起來就好一點了


3.在視覺上應給人以美感
在視覺傳達的過程中,文字作為畫面的形象要素之一,具有傳達感情的功能,因而它必須具有視覺上的美感,能夠給人以美的感受。字型設計良好,組合巧妙的文字能使人感到愉快,留下美好的印象,從而獲得良好的心理反應。反之,則使人看後心裡不愉快,視覺上難以產生美感,甚至會讓觀眾拒而不看,這樣勢必難以傳達出作者想表現出的意圖和構想。

舉例如下:

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


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


或者是這樣也可以,看下圖


感覺到了什麼嗎?其實就是這麼微妙,有時只是一點小變化,味道卻不一樣多了。

再看看字間距的問題


改一下看看,好一點了嗎?


對於大的字型,如果你照搬上面的做法,也許你會處理成這個樣子,這樣看起來字與字之間會比較鬆散


調整後是這樣,看起來緊湊多了。字與字之間的對應關係也出來了


再看看段落文字的處理

字型加大後,段落之間的距離也應該隨之調整(在這裡,小字型同樣應用這一規則,不過是相反的)

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


調整後可以是這樣


如果有多個段落,就要注意更多的問題,比如主次和輕重,以及在內容表達當方面的重要程度等,看這個例子


看看這個不錯的版面的處理


4.在設計上要富於創造性
根據作品主題的要求,突出文字設計的個性色彩,創造與眾不同的獨具特色的字型,給人以別開生面的視覺感受,有利於作者設計意圖的表現。設計時,應從字的形態特徵與組合上進行探求,不斷修改,反覆琢磨,這樣才能創造出富有個性的文字,使其外部形態和設計格調都能喚起人們的審美愉悅感受。

舉例如下:

這是一個很普通的文字版面


那麼加一點自己的感受在裡面,對文字的大小、間距、透明度做些調整,就會是完全不同的效果了。很有意思是嗎?


根據畫面或作品的要求,可以使用一些圖形化的文字(這可是漢字設計的一種新觀點)。
  註:所謂“文字圖形化”即將文字筆畫做合理的變形搭配,使之產生類似有機或無機圖形的趣味。強調字型本身的結構美和筆畫美。比如:


一開始好象總感覺文字在這裡面的表現力有些蒼白了。對主題的表達沒有什麼協助。那麼試一下改成這樣行不行


味道出來了嗎?在一定的條件下,確實不能用電腦中提供的字型,必須要自己創造。這也是漢字魅力所在的地方。

比如這個(沒有太多的考慮的情況下)


再看看設計的做法


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

5.更複雜的應用
文字不僅要在字型上和畫面配合好,甚至顏色和部分筆畫都要加工,這樣才能達到更完整的效果。而這些細節的地方需要的是耐心和功力。記住一定要有自己的想法和感受在裡面,如果想表達自己對作品的態度,就不要在文字上偷懶,這也是不能偷懶的地方。

對作品而言,每一件作品都有其特有的風格。在這個前提下,一個作品版面上的各種不同字型的組合,一定要具有一種符合整個作品風格的風格傾向,形成總體的情調和感情傾向,不能各種文字自成一種風格,各行其是。總的基調應該是整體上的協調和局部的對比,於統一之中又具有靈動的變化,從而具有對比和諧的效果。這樣,整個作品才會產生視覺上的美感,符合人們的欣賞心理。 除了以統一文字個性的方法來達到設計的基調外,也可以從方向性上來形成文字統一的基調,以及色彩方面的心理感覺來達到統一基調的效果等等。

比如:


一個簡單的例子


經過修改之後的
再來看看更複雜的:這個畫面中所有的出現文字元素都經過了仔細的處理,這是根據主題的需要所必須的。如果沒有這樣的文字設計或許作品本身的感染力會弱的多。



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

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


現在把這個版面上的文字整理一下,將次要的元素進行歸納、整理,看看這個效果是不是要好一些呢?


更高層次的文字版面的安排

  這裡已經是沒有規律可遵守了,這是完全以表達自身感受為主的,更多的依賴作者的設計功力和對文字設計火候的把握,以及對自身情感表現的慾望強烈程度。沒有激情的文字版面是蒼白的,只有激情的文字版面是無力的。激情加上技藝的是震撼的。這要求設計者的創新概念和大膽構思,不必固執於條條框框。

以下是2位設計者的簽名設計




6.綜合應用:封面設計執行個體
在下面這個例子中我們將應用上面所說的規律和要求來完成一個平面作品的文字設計工作,一起實際體會一下文字在平面設計中的精彩應用。

作品要求:這是一個書籍封面的設計,書名是《野火寒煙》,屬於自傳體的小說。根據書的意境和要求,也是為了配合我們這個專題,我們先將底圖準備好,底圖的具體製作過程不再詳細敘述。



根據封面設計的常識,我們知道:應該出現的文字包括:書名、作者名、出版社名、日期、引子、連絡方式和部分根據調節需要而增加的小文字元素。這麼多的文字擺在一起,如果並不小心處理會很容易混亂的。

(1)首先將所有需要出現的文字根據大致安排的位置放在上面。將主要內容放在右邊,保證每個字的清晰,避免和圖片的衝突。盡量尊重福士的觀看習慣。

這是沒有仔細處理的字型版面。顯得比較混亂。視線也容易迷失。觀看時容易產生迷惑。下面開始一個一個的調整。

(2)首先根據主次的關係將字型的大小進行調整,並對文字的位置做初步的調整。如圖


(3)根據視線的流動順序做進一步的調整,以更好的引導觀看者。如圖


(4)降低次要元素在版面中的鮮明度。即視覺印象的先後知覺順序,同時對部分文字的位置做微調整。如圖:


(5)因為版面是橫幅式,所以可以將主要內容:書名、作者名的排版格式調整成豎式,如圖


(6)現在看起來書名有些不舒服,現在先把字距進行調整,同時就要對其他文字的字距、大小、位置和字型進行調整,以保持完整統一的效果。

  注意:當版面中的主要元素變動之後,所有輔助文字元素同時要進行調整,這就是局部中有整體,整體中有局部。如圖


(7)現在對文字的字型部分再次進行調整,同時對一些其他次要的文字元素進行調整、增減。如圖


8)到這裡基本上就可以說完成了,但是現在的感覺是文字的表現能力較弱,還沒有足夠的力量表現主題的內容和感受。

現在就需要發揮創造性了。這裡決定對書名的字型進行重新設計,同時注意不要影響其他的文字元素,適當增加文字字型的大小、透明度和顏色的變化,進行圖形化的處理方式以增加趣味性。這些修改完全由設計者自己把握。隨心性而動。注意不要影響了大效果和基本要求就可以了。

最終效果如圖


以上介紹了一個簡單的文字版面設計的流程,在實際應用中完全可以不必拘泥於這些步驟,因為很多修改和設計是憑靈感和直覺進行的,隨時可以進行某個部分的工作,只要保持遵守基本的規律,尊重福士的觀看習慣既可。

7. 精彩作品欣賞
(1)作品1(視覺招貼)


這幅作品文字版面和樣式的設計與圖片的配合比較完美。對所有元素的關係進行了良好搭配。同樣對主要文字元素運用了圖形化的手法。尤其是輔助文字元素的安排和設計是這個作品中的亮點。

  注意作品中左下角段落文字的設計,既讓人感覺到存在,又不影響作品的感觀,同時對行距控制的較好,沒有產生擁擠的感覺。整個作品整體同一,細節豐富,完整的表達了作者的思想訴求和意念,值得借鑒。

(2)作品2(形象宣傳)


這幅作品是宣傳中國形象的招貼。運用了一些漢文化中比較有代表性的圖象元素,文字元素在這裡可以說是簡約到了極致。但是能夠感覺到的是作者在這兩個字上下的工夫有多少,可以說是起到了畫龍點睛的效果。並且與圖形的搭配天衣無縫。(可點擊放大)

不論是字型還是樣式還是顏色的應用都非常精彩,作品給人留下的是震撼和深刻的印象,欣賞這樣的作品應該說是一種享受。

文字版面的設計也是創意,創意是設計者的思維水準的體現,是評價一件設計作品好壞的重要標準。在現代設計領域,一切製作的程式由電腦代勞,使人類的勞動僅限于思維上,這是好事,省卻了許多不必要的工序,為創作提供了更好的條件,但是,在某些必要的階段上,還是不能完全讓電腦來做,人,畢竟才是設計的主體。

相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。