:字體設計中的“微排版”-字體教程免费ppt模版下载-道格办公

來自專輯

設計教程合集

我們在設計字體時，如果只是孤零零幾個字簡單排列，往往會比較單調，所以，我們經常需要加入英文、標語、印章等元素進行搭配組合，這個時候，排版細節就顯得至關重要了，優秀、得體的排版，可以讓你的作品更加突出。

今天這篇文章，我們就來做一個總結，對字體設計中的排版細節進行大致的分析和歸納。

先說字體搭配，有很多剛接觸字體設計的朋友經常忽視這個問題，在完成中文設計之後，在加入英文或拼音的時候，就隨便找個字體搭進去，殊不知這種不講究的、毫無選擇的搭配，就成了整組設計的拖油瓶，你的錯誤搭配，就成了減分項。

所以，英文或拼音的字體選擇，是絕對不能應付、不可輕視的任務，他們一定要在氣質上和中文字體相近才行，只有這樣，你的設計，才是協調、美觀的整體。

舉例如下：

1.“星粉薈”，是一家網店，售賣明星周邊產品，所以中文字體，是比較時尚、潮流、個性的。而在拼音部分的字體選擇上，左圖，底部搭配的是襯線體，襯線體，給人的感覺是比較傳統的、嚴肅的。這樣的搭配，就好比你穿了一套時尚的衣服，卻戴了一款復古的項鍊，格格不入，很不協調。

而右圖，底部搭配的是一款非襯線體，拼音字體的端點細節，甚至也保持了“圓頭”的形式，這與中文筆劃，統一而協調。

這樣兩款字體相對比，右圖，顯然更合適一些，更適合這個品牌，也更符合整組中文字形的調性。

2，“水鏡山居”，是一家民宿，中文設計的風格，是偏手寫的感覺，在拼音的字體選擇上，左圖，是襯線體，右圖，是非襯線體。

與第一個例子“星粉薈”恰好相反，能與中文實現最佳組合效果的，是左側的襯線體，因為襯線體，更有歷史感，更具文藝氣息，在氣質上，與中文“水鏡山居”的氛圍，更吻合一些。

除去為中文設計添加拼音、英文之外，我們也時常加入slogan、廣告語等其他內容，在這些字體的選擇上，方法也是類似的規律了，根據不同品牌、不同行業、不同的屬性和調性，我們要仔細甄選，選擇在氣質上與主體字體更接近的那一款。在這裡，不再贅述，不作重複。

在簡單講完如何選擇字體之後，接下來，我們進入“正餐”，做更加細緻、完整的總結，在這裡，我用一個新詞：

>“微排版”

在對字體設計作品進行元素搭配時，各部分之間的排版位置，大小比例等細節，都是有章可循的，認清並把握這些規律，可以讓字體作品更加耐看、更加成熟，這就是微排版的意義所在。

為了表達的更加清晰到位，我根據平時設計字體logo的經驗，根據不同字形的使用頻率，大致分為以下三個類別，我們從這三類字形出發，分別進行排版細節的闡述。

傳統類的字體logo,很多都是工整而嚴謹的，一旦涉及到這類形式，我們往往需要通過調整對齊、字間距、字體大小等細節，來規範整個排版格式。

以“雲瓷”為例：

左圖，字體右側部分，各元素未做對齊，空間佈局不均衡，雜亂無序，而右圖，在對右側幾個元素進行了左對齊之後，版面看起來更加規整、幹淨。

左圖,“瓷”字右側的元素，和“瓷”字間距過近，畫面過於擁擠，空間被擠壓，不透氣。右圖，間距則又過遠，畫面被割裂成了兩部分，顯得很散，所以保持適當的間距，這很重要，過近，過遠，都不可取。

關於這類間距問題，可以用下面這個方法控制和檢查：

在上圖中，雲瓷兩字的間距，以及瓷字與右側幾個元素的間距，寬度是保持一致的，距離都是“a”。而單獨分析右側幾處元素，從上而下，分別是印章、slogan、斜線、拼音，這四部分，其間距也基本保持一致，距離都是“b”。

這樣的間距設計，算是一個萬能公式，能夠最大限度的讓字體logo更加工整、勻稱。

另外，補充一點，我們也能很清楚的看到，印章的位置，大體與兩個字頂對齊，拼音的位置，也與兩個字底對齊。因為如果不做對齊處理，畫面就很容易走樣，比如，我們將拼音位置調高一些，看看結果如何：

在將拼音位置上調之後，通過右圖示意，很明顯的看到，整個設計的“矩形”輪廓被打破，右下角出現了明顯空白，也就導致這例設計不夠飽滿，無論怎麼看，都感覺“少了點東西”。

字體的大小，當然也是必須注意的事情，左圖，slogan字體過小，導致閱讀困難，右圖，則是字體過大，搶了主體字的風頭，還顯得比較粗糙，不夠精緻。所以，這個細節，也不能忽略。

上面所列舉的排版格式，是比較常見的，接下來，我們繼續以“雲瓷”為例，嘗試更多的排版可能性：

以上四類，是比較常見的排版方式，分別做了不同的範例展示。

但還是需要強調，所舉的樣例，只是拋磚引玉，是為了能夠給出更多的啟迪和引導，希望大家不要因此而受限。

這一類字形，是充滿活力和力量的，個性張揚，意氣風發。

我們可以通過字形傾斜、整體變形等方式，讓字體變的更有感召力，更具設計感。

左圖，是最普通的格式，沒有活力，不夠動感，也不夠“放肆”。

而右圖，這樣的格式就明顯好了很多，“野”了很多，首先，根據字體內容，把文字分兩行排列，這樣看起來會更有節奏感，接著，再進行右傾斜和上傾斜的處理，讓字體往上“衝”，更有衝擊力。

做完這一步之後，根據筆劃情況，進行適度的誇張，在本例中，對“肆”字右下角的豎線進行了適度延長處理，這樣的設計，加強了字體的個性，讓字體更有張力。

接下來，根據上述理論，我們解鎖更多的排版方式：

換一組案例，我們繼續嘗試：

平民傳奇，是一檔電視節目，通過詞意，我們很容易提煉出“力量”、“正義”、“震撼”等此類設計關鍵詞。那麼，左圖的排版形式，就比較常規，略顯平淡，而在右圖的設計中，先看字體細節，“民”字，最後一筆，做了延伸處理，為本身平靜的字體畫面，增添了動感氣息，同時，這也使得字體的特徵更加鮮明。而在整體上，右傾斜的方式，雖然很常見，但這樣的變化，必然會讓字體畫面更有勁、更帶感。

接下來，我們再做其他形式的排版試驗：