淺談頁面字體設(shè)計(jì)

前幾天看見一位朋友(皮皮)發(fā)了自己的字體練習(xí)，如下圖：

對于這位朋友的評價是：態(tài)度很好，設(shè)計(jì)里面也有一些自己獨(dú)特的想法，但是按照這種練習(xí)方式，即使做再多的練習(xí)也不會有質(zhì)的飛躍，因?yàn)閷ψ煮w設(shè)計(jì)的基本認(rèn)知還不夠!

其實(shí)經(jīng)常會有這樣的情況出現(xiàn)：一個好的(或壞的)字體設(shè)計(jì)，讓我們?nèi)ピu價，可能我們說不出哪里好，哪里壞，只能憑感覺，而由于經(jīng)驗(yàn)有限，感覺又不一定準(zhǔn)，如果好壞都分不清，就更別說自己創(chuàng)作了，肯定是碰運(yùn)氣的。

今天創(chuàng)新互聯(lián)就來解決這個問題，聊聊如何入門字體設(shè)計(jì)，大綱如下：

先放棄復(fù)雜的字體設(shè)計(jì)效果

記住這個能讓你興奮的知識點(diǎn)

強(qiáng)調(diào)兩個注意事項(xiàng)

我們來一起設(shè)計(jì)個字體吧

1. 先放棄復(fù)雜的字體設(shè)計(jì)效果

最近每篇文章我都有強(qiáng)調(diào)基礎(chǔ)，大家不要被別人優(yōu)秀的作品給弄迷糊了，那些優(yōu)秀的作品背后都是深厚的基礎(chǔ)功底和沒日沒夜的練習(xí)，如果你還沒有經(jīng)歷過這些，那就請先做好基礎(chǔ)的字型，再去搞復(fù)雜的變化。

例如這種字體先盡量不要嘗試：

△ Der炎作品

△ 陳小發(fā)作品

前期我們根本駕馭不了。

最多最多嘗試做下面這種橫平豎直的就可以了：

△ Der炎作品

但是如果不明白原理，想做好基礎(chǔ)字體也不容易，所以我們要先掌握其中的原理，做好基礎(chǔ)，再說其它的!

繼續(xù)往下看吧!

2. 記住這個能讓你興奮的知識點(diǎn)

如果你懂得放棄，那我們的問題就簡單了很多，其實(shí)做好基礎(chǔ)字型并不難，只要記住一個知識點(diǎn)就夠了，這個點(diǎn)有很多說法，但是意思都是一樣的，就是要讓字體飽滿!

啥是飽滿?舉個例子吧!

先畫好字體的范圍框(黃色)：

飽滿就是讓字體盡量撐開整個黃色區(qū)域，我們先來看看不飽滿是什么樣的：

分析如下：

綠色區(qū)域都是還可以向外伸展的地方。

伸展過后的樣子如下：

這樣就會顯得飽滿很多了。

這個知識點(diǎn)非常非常非常重要，大家一定要勤加練習(xí)去消化它!

我們可以去多看看那些優(yōu)秀的字體設(shè)計(jì)，看看是不是都很飽滿，也畫幾個外框，觀察他們是不是都撐的很開：

3. 強(qiáng)調(diào)兩個注意事項(xiàng)

設(shè)計(jì)的字體一定要符合實(shí)際字體的規(guī)律

做字體設(shè)計(jì)是要有基本原則的，就是盡量符合實(shí)際字體的規(guī)律，例如一個土字，明明是上橫短，下橫長，但你非要做成一樣長，那就有歧義了，你這個字到底是“士”還是“土”?

再例如這面這個“害”字：

中間的三個橫，本身命名是中間最短，但如果你非要把它設(shè)計(jì)成最長的，那就一定不會好看，不信你試試：

不用試了，就不好看，哼!

雖然說要飽滿，但也別過頭了!

那很多朋友可能知道了做字體要飽滿，就開始不會變通，讓字體飽滿到死，例如下圖：

我們一定要謹(jǐn)記，飽滿的同時還要考慮平衡，就是每塊負(fù)行之間的平衡，我們看現(xiàn)在綠色的負(fù)行就比黃色的負(fù)行大太多，有點(diǎn)過分了，如下圖：

當(dāng)然也會有些大神故意做這種很特殊的效果，但對于新人來說，前期還是走穩(wěn)點(diǎn)比較好，哈!

4. 我們來一起設(shè)計(jì)個字體吧

根據(jù)這一個點(diǎn)，我們來一步一步做個簡單的字體設(shè)計(jì)-“時鐘”。

先找個默認(rèn)字體做參考，如下圖：

我們先根據(jù)默認(rèn)字體，搭建一個基礎(chǔ)字形，如下圖：

大家思考下，根據(jù)那個知識點(diǎn)，覺得哪里不夠飽滿，看看和我想的一樣不(綠色部分就是可以優(yōu)化的、撐開的地方)：

通過對綠色部分的調(diào)整，得到下圖：

切記先做好橫豎，不要急著拐彎。

接下來給字體加點(diǎn)屬性，比如圓潤可愛點(diǎn)，那就把直角變成圓角：

如果覺得基礎(chǔ)字形可以了，那就想想如何加點(diǎn)小創(chuàng)意，例如時鐘可以想到表盤和指針，那時鐘的指針是不是可以和字體相結(jié)合呢?如下圖：

這樣就差不多得到了一個簡單的基礎(chǔ)字體設(shè)計(jì)，稍加修飾，如下圖：

前期可以先不加創(chuàng)意，就把基本的骨架搭好即可!

本文標(biāo)題：淺談頁面字體設(shè)計(jì)
文章位置：http://www.bm7419.com/news43/170543.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)建站、網(wǎng)站制作、靜態(tài)網(wǎng)站、微信小程序、自適應(yīng)網(wǎng)站、響應(yīng)式網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)