在版面設計中,設計師可以通過調整文字的大小、位置、傾斜角度,或者添加線框和符号,又或者采用首字下沉、墊色和創意變體等方式對文字進行藝術加工。
這些方式可以使文字的個性和特點更鮮明,使版面的視覺表現力更強烈,避免單調乏味,起到美化和活躍版面的作用。
文字的大小對比
在編排文字時,加粗或放大文字可以使該文字與其他文字形成對比,使其在版面中更突出、醒目,使版面的層次結構更豐富,還可提高版面的視覺張力,常用于設計具有總結歸納作用的刊物标題和重要文字。
在這個彰顯文字魅力的版面中,設計師将字母進行放大處理,使其與其他字母形成強烈的大小對比。這種處理方式打破了單調的版面,使版面看起來非常具有沖擊力和跳躍感,并且能夠吸引人們的視線。
文字的位置變化
文字之間既相互排斥,又緊密相連。将文字進行随機排布,可以形成一種無秩序的效果,這種表現方式非常随意,并且沒有規律可言。
這種自然無序的排布方式不僅使版面看起來更自然、活潑,還起到了豐富版面和平衡視覺的作用。
在這張以文字排版為主的海報中,版面最大的亮點是将字母的位置進行随機分布。這種處理方式不僅使版面更有層次感,還提高了版面視覺的跳躍感,使版面更靈動、活躍。
文字的傾斜處理
在視覺上,傾斜能夠給人帶來緊張感和動感。将文字進行傾斜處理可以使文字更具有個性,體現了統一當中求變化的形式美。
這是賽車運動的宣傳畫冊版面,以傾斜構圖為主,标題和正文也進行了傾斜處理,打破了中規中矩的文字排版方式,充分表現了賽車運動的速度感。
為文字添加裝飾元素
為文字添加線條、邊框和幾何元素,可以将文字從背景中抽離出來,提高文字的視覺表現力。
常用的表現手法有:為文字添加描邊效果使文字輪廓更加清晰,為文字添加下畫線或邊框進行重點提示,在文字筆畫的局部融入圖形元素進行裝飾等。
在這個版面設計中,設計師先用顔色将次要文字進行弱化處理,然後使用醒目的紅色線條和黑色将重點文字進行突出顯示。雖然版面中沒有采用過多的設計元素進行裝飾,但版面整體非常具有視覺沖擊力。
将文字進行創意變體
将文字進行創意變體是一種非常具有設計感的表現形式,不同的字體有不同的藝術表達手法。可以将文字進行具象化的拟人或拟物變化,也可以讓文字變得更加理性、抽象。
總之,優秀的字體設計不僅可以使版面标新立異,還能吸引大衆的視線。對文字進行創意變體時要把握好變化的度,在将文字進行“形”的藝術加工時,還要考慮文字“義”的體現,過度的創意變化會使文字變得複雜、混亂,從而失去了文字本身的形式美,并且不容易被人識别。
這是一張法國巴黎的演唱會宣傳海報。設計師将音樂會的主題文字進行了創意變體,構成了埃菲爾鐵塔的造型,使版面所要傳達的形式美和浪漫主題完美結合。
文字排版小知識
印刷出版物常見字号
以書籍、雜志為例,一般标題字号設置為14磅以上,正文字号設置為8~10磅,附注說明等文字字号設置為4~6磅。
當然,以上字号大小的設置都不是絕對的,設計師要根據實際開本、文字數量和版式風格進行綜合考慮,靈活設置字号的大小。這裡需要特别強調一點,在印刷刊物中最小的字号不能小于4磅。
網頁設計常見字号
因受顯示器和浏覽器等因素限制,網頁設計常用的字号一般是12~28px範圍内的偶數值。為滿足閱讀需求,正文字号通常設置為12px,不建議使用小于12px的字号,否則識别性較差。
段落标題字号一般設置為14~16px,大标題字号可以設置為20~28px,不建議使用大于28px的字号,否則會顯得特别突兀。
移動端界面設計常用字号
因為受應用系統、手機型号、屏幕尺寸和分辨率等因素影響,所以移動端界面設計尺寸碎片化非常嚴重。這裡隻介紹基于@2X倍率屏幕尺寸下的常用字體及字号。
iOS字體
IOS9 中文字體:蘋方/ PingFang SC。
IOS8 中文字體:黑體-簡。
IOS英文、數字:Helvetia。
Android字體
4.X版本中文字體:思源黑體/ Noto Sans Han。
4.0以下版本中文字體:Droid Sans Fallback。
英文、數字:Roboto。
在@2X倍率屏幕尺寸下,無論是哪種操作系統,其字号一般設置為20px~36px的偶數值。一般導航或主标題的字号設置為34px或36px,正文字号設置為32px或34px,副文字号設置為24px~28px。
這裡需要特别強調一點,最小字号不能低于20px,因為低于20px的文字手指很難觸達,影響人機交互體驗。
字間距的設置
字間距是指字與字之間的距離。在大多數設計排版軟件中,字間距是默認的,不需要做特殊調整。字間距過密或過疏在視覺上都會顯得不協調。
字間距太小,文字會顯得太密集,不易閱讀;字間距太大,文字會顯得很松散,容易分散人們的視線。
這是一幅關于自然環保的展會物料設計圖。方案一的版面文字以聚合為主,突出了版面的視覺重心,從而抓住人們的眼球,但會令人感到保守、拘束。方案二的版面文字進行了分散排版,用較大的字間距刻意分散人們的視線,增強了版面的透氣感,使版面更加貼近會議主題。
行間距的設置
行間距是指行與行之間的距離。行間距的設置比字間距更靈活,較大的行間距能夠使文字呈現出線的形态,較小的行間距能夠使文字呈現出面的效果。
根據不同的版面風格,行間距可以适當增大或縮小。通常标題的行間距可以和标題字号的高度相同,正文的行間距可以是正文字号高度的1.5倍,部分藝術類書籍或文藝範刊物的正文行間距可以是字号高度的2倍。
當然,以上行間距的大小并非絕對,要根據實際情況靈活調整,以符合版面的整體風格。
這是書簽設計的兩個方案。方案一,版面文字采用了左對齊方式,段落文字的行距是正文字号高度的1.5倍,視覺上更顯緊湊,與上方的标題和插圖形成了區塊對比;方案二,版面文字采用了居中對齊方式,段落文字的行距是正文字号高度的2倍,版面整體看上去更舒緩,與版面所要傳達的詩意效果更匹配。
段間距的設置
段間距是指段落與段落之間的距離。設置段間距的主要目的是使讀者能夠明确看到段落之間的起始和結束位置,避免多段文字混在一起造成的閱讀困惑。
一般段間距應該明顯大于行間距,這樣才能使版面的層次感更強,條理更清晰。
修改前,段落排版明顯是錯誤的,主要原因是段首沒有空格提示,并且段間距和行間距相同,這導緻兩段文字首尾相接,看起來像一段内容。修改後,段首進行空格提示,且段間距大于行間距,段落劃分一目了然。
,更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!