視覺設計 ? 字體沒有設計感,三個方法讓你快速提升

字體沒有設計感,三個方法讓你快速提升

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

一幅好的畫面會讓我們表達更加的彰顯異彩,那么一個好的文字設計便能夠更立體的表達文字富含的寓意,你是不是還在為自己設計出來的字體所懊惱,為什么自己的字體是那么奇形怪狀,沒有設計感,下面給大家推薦這篇文章,讓你走出困境,更上一臺階。

今天分享一篇讓字體設計更加具有設計感的方法,希望大家喜歡!下面進入正文吧,宏觀上的方法有以下三個:幾何置入、結構變化、添加維度。

幾何置入

雖然我稱此方法為幾何置入,但并不是特指三角圓形等幾何形狀,其他的形狀或符號也包含在內。

通常幾何置入法是將字體中的某個或某組筆畫以形狀或符號的方式替換,使之看起來更具有設計感。

字體沒有設計感,三個方法讓你快速提升

上圖右側的“夢”字進行了幾何化的替換筆畫處理更具有設計感,當然識別性也變差了,但右側的“夢”是用作海報的主形象的,更多的是傳達一種概念,所以識別性差也沒有影響。

那么我們看一下幾何置入法的優秀作品

字體沒有設計感,三個方法讓你快速提升

字體沒有設計感,三個方法讓你快速提升

字體沒有設計感,三個方法讓你快速提升

字體沒有設計感,三個方法讓你快速提升

字體沒有設計感,三個方法讓你快速提升

字體沒有設計感,三個方法讓你快速提升

字體沒有設計感,三個方法讓你快速提升

字體沒有設計感,三個方法讓你快速提升

字體沒有設計感,三個方法讓你快速提升

字體沒有設計感,三個方法讓你快速提升

字體沒有設計感,三個方法讓你快速提升

字體沒有設計感,三個方法讓你快速提升

結構變化

結構變化即改變字體的結構,簡單來說就是對字體進行筆畫的增加和刪減,使其更具有設計感。

當然,結構的變化是非常難的,掌握不好就會將字體做的不倫不類。除了筆畫的增加與刪減,結構變化還包括將筆畫的形態改變,比如點筆變豎筆,斜筆變橫筆等等。

字體沒有設計感,三個方法讓你快速提升

同樣的字體經過結構變化后,設計感會提升不少。

下面看一下結構變化法的優秀作品

字體沒有設計感,三個方法讓你快速提升

字體沒有設計感,三個方法讓你快速提升

字體沒有設計感,三個方法讓你快速提升

字體沒有設計感,三個方法讓你快速提升

字體沒有設計感,三個方法讓你快速提升

字體沒有設計感,三個方法讓你快速提升

字體沒有設計感,三個方法讓你快速提升

字體沒有設計感,三個方法讓你快速提升

字體沒有設計感,三個方法讓你快速提升

字體沒有設計感,三個方法讓你快速提升

字體沒有設計感,三個方法讓你快速提升

字體沒有設計感,三個方法讓你快速提升

字體沒有設計感,三個方法讓你快速提升

字體沒有設計感,三個方法讓你快速提升

其實我所說的這三個方法是可以組合使用的,比如上圖的作品既用了幾何置入又用了結構變化,如果愿意還可以加入維度的變化。

添加維度

第三種方法就是添加維度了,將字體從二維平面轉化到三維層面,多加一個維度使其更具有空間感跟立體感,二維轉成三維后一樣能提高設計感。

字體沒有設計感,三個方法讓你快速提升

一個普通的黑體字形只加入一些空間的線條就能將立體感拉開,從而更具有設計感。

下面看一下添加維度法的優秀作品

字體沒有設計感,三個方法讓你快速提升

字體沒有設計感,三個方法讓你快速提升

字體沒有設計感,三個方法讓你快速提升

字體沒有設計感,三個方法讓你快速提升

字體沒有設計感,三個方法讓你快速提升

字體沒有設計感,三個方法讓你快速提升

字體沒有設計感,三個方法讓你快速提升

字體沒有設計感,三個方法讓你快速提升

字體沒有設計感,三個方法讓你快速提升

字體沒有設計感,三個方法讓你快速提升

字體沒有設計感,三個方法讓你快速提升

幾何置入 & 結構變化

因為幾何置入與結構變化經常一起出現,所以就將他們歸為一個案例進行演示。

第一個案例做“雲中游”三個字,首先將三個字用字庫字的形式打出來。

字體沒有設計感,三個方法讓你快速提升

雲中游給人的感覺輕盈的,那么扁寬的字型甚至是方塊字表達的氣質都差那么一點,相反瘦高型的字型能夠更好的表現輕盈的感覺,所以我們將字體壓瘦,并將間距拉松一點使之更有輕盈的感覺。

字體沒有設計感,三個方法讓你快速提升

做到此之后要對字進行觀察,看一看那些字型的部件能用幾何圖形的方式替換。下圖是經過觀察之后找出可以替換的部分。

字體沒有設計感,三個方法讓你快速提升

做到此步之后就可以正式做字了,將字造型的骨骼搭建好,并將可用幾何圖形的部件替換,基本字形就差不多了。

字體沒有設計感,三個方法讓你快速提升

基本字形完成后我們可以用第二種結構變化法進行加工,使之更具有藝術性。下圖是我用結構變化里的筆畫連接法處理過的。

字體沒有設計感,三個方法讓你快速提升

還可以再筆畫交叉連接的地方倒角處理,使之更具有藝術感,如下。

字體沒有設計感,三個方法讓你快速提升

那么做到此步這組字就完成了,下面是反白與墨稿

字體沒有設計感,三個方法讓你快速提升

字體沒有設計感,三個方法讓你快速提升

最后看一下這組案例的GIF過程圖。

字體沒有設計感,三個方法讓你快速提升

添加維度

添加維度就很好理解了,就是使平面的東西立體化。所以這個案例我就簡單說一下,以“立”字為例。

字體沒有設計感,三個方法讓你快速提升

首先我們要將字體的骨骼搭建出來,骨骼及結構,做完結構后可以適當更改描邊粗細到合適大小,如下

字體沒有設計感,三個方法讓你快速提升

調整筆畫粗細始終之后就要加入立體感的特征了,我們可以在筆畫末端做處理,使筆畫與筆畫間有種前后的關系,如下

字體沒有設計感,三個方法讓你快速提升

也可以直接給字體加入一個面,使之增加一個維度,如下

字體沒有設計感,三個方法讓你快速提升

簡單的說增加維度不管用任何方法都可以,不只有本例中的兩種形式,其他的像是加字效或是用三維軟件渲染都是不錯的選擇。

看了這么多,又沒有驚艷到你了呢,這三個方法和案例希望能給你帶來相應的提升,小編給大家總結一下,集合置入是骨架,結構變化是好看的衣服,維度添加是化妝。裝備好這些你就可以出門啦。

作者 | 大貓Addict
來源 | 大貓設計 (id: idea-cat)

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

+ 添加評論One Response to “字體沒有設計感,三個方法讓你快速提升”

  1. erin - 回復

    謝謝小編的分享,很有啟發性。
    溫馨提示:文末段出現了錯別字:集合置入,應更正為“幾何置入”吧。


{ 發表評論 }