當前位置: 移動互聯網學院 > UI培訓 > UI設計 > 中文字排版
中文字排版 時間:2017-05-27     來源:移動互聯網學院

一.字體選擇與字體組合方式

以案例說話:

首先我挑選了一些我個人覺得不錯的設計作品,根據這些作品的設計目的和終效果,分為“A”、“B”兩組。

A組是“圖片突出”,文字存在的目的只是粉飾這張照片而已。

B組是“文字突出”,文字在圖片的襯托下被重點突出出來。

這兩組的字體之間差異很大,在字體組合方式上:

A組的字體組合都被緊密地排列在一個無形的矩形里,在視覺上形成一個面。

B組各個字之間松散地擺放組合在一起,在視覺形成一個個點。

▲兩組字體在視覺心理的效果

二.主體物與視覺焦點

主體物的視覺焦點是攝影作品里的兩個基本要素,因此在一張照片里通常會有一個突出的人或物作為主體。

一張攝影作品的主體物和視覺焦點是很容易看出來的,如▼

為了展現“圖片突出”的優秀設計作品里,文字部分與這兩個基本要素的位置關系,同樣做成效果圖。分C、D兩組展示。

C組是文字部分與主體物的位置關系。

▲C組的深色塊是主體物,D組的白點是視覺焦點,白色塊是文字。

 D組是文字部分與視覺焦點的位置關系。

我們來回顧下:

文字部分與主體物之間的位置大小關系有三大原則:

文字部分的面積絕對不能大于或接近主體物的面積。

文字“面”與主體“面”的邊線保持聯系(直線或平行)。

文字“面”或者與畫面邊緣的距離幾乎相等于主體“面”與畫面邊緣的距離。

看下面幾張案例:







當照片的主體物是分散且毫無意義的,視覺焦點默認在畫面中心。

當照片被某一個場景或物品切割了整張畫面時,視覺焦點只會出現會在切割線上。默認位于中心點或者色彩密集的地方。

三.字體與圖形的配合

以“圖片突出文字”為目的的排版,其特點是不需要分析照片里面的元素。

它的存在只是為了后你想要表達的文字(情感),鋪設基調。

但是這樣有一個很大的缺點:過于分散的字體之間不僅容易缺乏聯系,而且還會造成閱讀困難。

大部分優秀排版里采用的解決方案是運用字體與圖形的配合,而其中類型有三種:

第一種:形狀圖形

形狀圖形主要指方形、圓形以及一些不規則的形狀圖形。

▲方形的三種運用方式

方形的3種運用方式:

突出:當文字部分融入到圖片里變得難以看清的時候。在這里好的辦法就是像這樣放置一個方形在背景,然后再調節字體的顏色與方塊對比,使文字部分突出。

集中:這種方法是為了不弱化圖片的情況下,讓文字部分集中在一個方形里,增加易讀性。是包裝設計常在出現的排版。

修飾:這個方形其實只是代表,代表所有不規則圖形的運用。當文字組合之間太過散亂,又或者字體之間大小的差異太大的時候,放置一個(不)規則圖形,盡可能連接到每一個字上,形成聯系。

▲方形“集中”的例子,方塊的存在突出了文字本身,又保證了閱讀順暢。同時這個方塊可以在這張照片上的任何一個位置都沒有影響,所以很適合包裝設計的需要。

圓形3種運用方式:

普通:這是一個作為對比的普通排版。

突出:這個比起方形有著好的突出效果,這個圓形可以替換成一些素材,比如墨滴之類的圓形素材,甚至可以利用圖片本身存在一個巨大的圓形物體的,來突出文字部分。

適用:這個同樣可以突出“面”文字,這就也為什么這個方法經常出現各類商業圖冊、海報以及各類宣傳單。

▲古文字也是可以作為一個圓形的運用

第二種:直線

直線分兩種,一種就是純粹的一條直線,而另一種則是由細小的字組成的一段文字。

1、純粹的直線:

第一種:聯系     第二種:集中     第三種:連接符

直線的3種常見運用方式:

聯系:很常見的運用方法。

集中:作用和方形“集中”相同,只是這個是用兩條線組成一個隱形的方塊,更有形式感。不同這種只能出現在色彩單一或大量留白的照片。

連接符:增加形似感的小東西… …可以用于連接兩段文字的內容,時尚類設計作品常用到。

2:細小的字組成的一段文字:

▲另一種“直線”,由一排細小的字組成。

第三種:字符

一般是指的數字以及英文字母,配合文字能有更好的突出效果。

四.單個字體的形態

總結了所有的教程和優秀設計作品,我認為區別單個字體之間重要的四個特征:如▼



體飾指的是在字體筆畫末端的裝飾,字體的體飾之間不是有或無,而是多和少,這是一個比較模糊的概念。

“古”文字適合作為標題,出現表現自然、傳統或者表現歷史厚重感的題材里。

“今”文字大多是在時尚、科技或者普通生活題材里。

“古”文字重要的特點是抒情,“今”文字則注重簡潔。



筆畫的差異在于粗細,粗筆畫用于強調,細筆畫則用于修飾細節,例如突出某商品的精細做工。

轉折的差異在于曲直,轉折越尖銳的字體適合表達力量感,反之曲面轉折的字體適合表現女性的柔美。

江苏体育彩票