視覺設計 ? 提升標題設計感的6個排版技巧

提升標題設計感的6個排版技巧

發表于: 視覺設計. 評論
Sponsor

Hello,大家好,今天給大家帶來的是有關于標題編排設計小技巧,我們每天都會與文字打交道。任何的主題都會有一個標題,那么標題的設計變得尤為重要,本篇文章用 6 種方法教你如何設計標題,希望能給你帶來啟發。

目錄:

  • 01. 添加(中&英文手寫字)
  • 02. 添加(文字嵌入圖形裝飾)
  • 03. 利用(文字的錯位編排制造形式)
  • 04. 利用(純文字編排)
  • 05. 添加(加入圖形背景)
  • 06. 利用(點與線的運用)

下面是6個標題的編排技巧,有助你提升標題的設計感。

01. 添加(中&英文手寫字)

提升標題設計感的6個排版技巧

提升標題設計感的6個排版技巧

這是一個標題字體(胡曉波開心體)。

我們第一步拿到文案之后,文字直排似乎略顯簡單,字數本身不多的情況下,想要編排的有意思,具有一定的設計感還是需要一些思考的。

提升標題設計感的6個排版技巧

讓標題在一定層面上具有設計感,咱們可以水平向上傾斜文字。這也是最出效果的辦法之一。接著并為其添加色彩。

提升標題設計感的6個排版技巧

文字換行增加文字的節奏韻律,并適當的錯位編排。

提升標題設計感的6個排版技巧

利用不同字體氣質的對比(字體的對比)。添加中文&英文手寫字體為標題添加一點趣味。這樣看起來標題的編排是不是發生了一些變化,至少打破的呆板的文字編排形式。

提升標題設計感的6個排版技巧

添加裝飾線條點綴一下,活躍氛圍,與手寫字體某種程度上相呼應。

提升標題設計感的6個排版技巧

最后加入次要文案編排進去之中,以及圖形裝飾。一組標題字編排就完成了。

提升標題設計感的6個排版技巧

更多的標題字編排還需要大家去探索,這里的示范可以給大家一點啟發。

02. 添加(文字嵌入圖形裝飾)

提升標題設計感的6個排版技巧

提升標題設計感的6個排版技巧

這是一個標題字體(胡曉波波點黑)。

咱們先分析一下字體的特征氣質,文字本身就具有幾何感。沿用這個思路我們可以將其與幾何圖形進行編排

提升標題設計感的6個排版技巧

文字進行斷行處理,添加底色色塊。

這里使用的是規則的幾何圖形,能看到添加幾何色塊之后設計感就有了,但這樣還不夠。

提升標題設計感的6個排版技巧

它也可以這樣排列文字兩兩斷行嵌入矩形,在中間留白出編排英文以及描邊的圓圈裝飾。

提升標題設計感的6個排版技巧

沿用圖形思路,我們也可以借鑒字形邊界框,做出如下的表現形式。加大文字字間距,中英文上下居中排列即可。

提升標題設計感的6個排版技巧

它也可以是微信對話框的形式出現,加入文字編排就完成了!

提升標題設計感的6個排版技巧

咱們也可以將文字打散重組,一個文字一個單元格,嵌入形狀編排,這樣的組合更打破常規。

提升標題設計感的6個排版技巧

再加入幾個其它幾何形狀點綴,與主題相呼應。

提升標題設計感的6個排版技巧

提升標題設計感的6個排版技巧

03. 利用(文字的錯位編排制造形式)

提升標題設計感的6個排版技巧

這是一個標題字體(胡曉波青年宋)。

這款字體本身具有文藝屬性的特征氣質,不同于正常的黑體以及標題字體,以及常規的宋體。那我們應該怎么入手呢?

提升標題設計感的6個排版技巧

文字的數量比較多,應該怎么編排呢?

提升標題設計感的6個排版技巧

文字的數量較多,我們能想到的是首先應該閱讀完將文字進行斷行。下面示意了常見的斷行,這樣處理都太普通了,而且文字長短節奏不一,不便閱讀(文字長短對比過于極端)。

示意:A/B/C

提升標題設計感的6個排版技巧

提升標題設計感的6個排版技巧

提升標題設計感的6個排版技巧

從另一個角度來表達文字編排的對齊方式,以體現文字編排的可能性與創意。而錯位編排某種意義上打破了一般的斷行方式,與對齊方式。

首先我做了一個首字的錯位,文字呈階梯狀的表現。

提升標題設計感的6個排版技巧

再看第二種表現形式(依據文字右對齊)的錯位。

提升標題設計感的6個排版技巧

這是第三種錯位的文字編排,從節奏上來看它相對于前面2種更加的規整,閱讀節奏順序感更好。

提升標題設計感的6個排版技巧

這里我選用了第三種錯位對齊,添加文案與英文翻譯&背景色塊,注意保持其他文字間的對齊方式即可。

提升標題設計感的6個排版技巧

這里我給大家整理了錯位文字編排的幾種小作用(僅供參考)。

提升標題設計感的6個排版技巧

提升標題設計感的6個排版技巧

04. 利用(純文字編排)

提升標題設計感的6個排版技巧

設計源于生活,手機大家每天都會用,而輸入法自帶的表情符號也很好用。

純文字編排:

方式一:加入顏文字

提升標題設計感的6個排版技巧

將文字進行斷行與空格加入顏文字與英文。

提升標題設計感的6個排版技巧

這里給大家列舉了一些顏文字~

提升標題設計感的6個排版技巧

提升標題設計感的6個排版技巧

純文字編排)

方式二:加入標點符號()<>{}[]等

提升標題設計感的6個排版技巧

提升標題設計感的6個排版技巧

提升標題設計感的6個排版技巧

咱們也可以加入下劃線,線條長度一般與最長的那段文字為準。

提升標題設計感的6個排版技巧

為文字添加2種色彩,中英文疊壓。

提升標題設計感的6個排版技巧

除了中文之外,英文類的標題可以使用字體混合搭配。

提升標題設計感的6個排版技巧

提升標題設計感的6個排版技巧

提升標題設計感的6個排版技巧

05. 添加(加入圖形背景)

提升標題設計感的6個排版技巧

這是一個標題字體(胡曉波機甲體)。

提升標題設計感的6個排版技巧

根據文案我們可以繪制相關聯的圖形充當背景裝飾(例如科幻科技感的機甲類圖形元素)。

提升標題設計感的6個排版技巧

加入圖形背景以及文案和裝飾圖形符號整個編排就完成了!

提升標題設計感的6個排版技巧

這里給大家找了一些這類表現手法的參考。

提升標題設計感的6個排版技巧

背景圖形上可以是規則/不規則的幾何形狀。

提升標題設計感的6個排版技巧

提升標題設計感的6個排版技巧

06. 利用(點與線的運用)

提升標題設計感的6個排版技巧

這是文案的內容。先看下線的一些運用~

方式一:線作為裝飾外框

提升標題設計感的6個排版技巧

方式二:線作為分割的作用

提升標題設計感的6個排版技巧

方式三:線作為強調的作用

提升標題設計感的6個排版技巧

我們重新規劃一下文字的層級提取關鍵詞放大,需要注意的是文字編排灰度關系的把控,這里我將點與線做了一個結合的運用。

方式四:線作為強調&裝飾分割、點作為裝飾的作用存在

提升標題設計感的6個排版技巧

這是今天的標題設計編排技巧,是不是簡單好用?喜歡請分享本文給更多小伙伴哦~

作者:阿貴
來源:胡曉波工作室(ID:ziyou-design)

推薦:查看最受歡迎的 301 個設計網站 → http://hao.shejidaren.com
交流:為設計新人提供的設計交流群,請加入UI設計交流群,分享經驗、接單、求職、聊設計。
贊助商鏈接
贊助商鏈接
設計達人微信交流社區:shejidaren888
喜歡這篇文章嗎?歡迎分享到你的微博、QQ群,并關注我們的微博,謝謝支持。
版權:除非注明,本站文章均為原創文章,轉載請聯系我們授權,否則禁止轉載。

{ 發表評論 }