正文

字體版式設(shè)計(jì)（字體設(shè)計(jì)）

發(fā)布時(shí)間：2023-03-03 16:40:07 稿源：創(chuàng)意嶺閱讀： 313 問(wèn)大家

大家好！今天讓創(chuàng)意嶺的小編來(lái)大家介紹下關(guān)于字體版式設(shè)計(jì)的問(wèn)題，以下是小編對(duì)此問(wèn)題的歸納整理，讓我們一起來(lái)看看吧。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè)，服務(wù)客戶遍布全球各地，相關(guān)業(yè)務(wù)請(qǐng)撥打電話：175-8598-2043，或添加微信：1454722008

本文目錄:

1、UI設(shè)計(jì)中字體設(shè)計(jì)有什么技巧？
2、版式設(shè)計(jì)有哪些注意事項(xiàng)?
3、科技期刊版式設(shè)計(jì)的字體與字號(hào)怎樣合適？
4、字體與版式設(shè)計(jì)的圖書(shū)目錄

字體版式設(shè)計(jì)（字體設(shè)計(jì)）

一、UI設(shè)計(jì)中字體設(shè)計(jì)有什么技巧？

1、可讀性

可讀性是UI中字體所需考慮的首要因素。字母字形必須清晰可辨，作為UI元素，其中不同的字母必須可以被用戶輕松辨別出差異。許多經(jīng)典的字體，甚至包括 Helvetica ，都沒(méi)辦法清晰分辨，字母i的大寫(xiě)形態(tài)I，和大寫(xiě)字母 L的小寫(xiě)形態(tài) l，這在界面設(shè)計(jì)中無(wú)疑是有影響的。

2、適度

一款理想的UI界面所用的字體，不應(yīng)當(dāng)過(guò)于“顯眼”，而該是悄無(wú)聲息，“隱型”的。當(dāng)用戶在試圖完成某項(xiàng)任務(wù)的時(shí)候，字體不應(yīng)當(dāng)給用戶以“出戲”或者“顯眼”的感覺(jué)，也就是說(shuō)，字體不應(yīng)當(dāng)超出用戶的認(rèn)知負(fù)荷，而內(nèi)容和信息才應(yīng)該成為真正的關(guān)注點(diǎn)。

更多平面設(shè)計(jì)知識(shí)，請(qǐng)咨詢?nèi)A南電腦學(xué)校。

3、靈活

給UI界面使用的字體應(yīng)當(dāng)具有靈活性。我們?cè)?jīng)為 Medium 做過(guò)用戶體驗(yàn)設(shè)計(jì)，作為一個(gè)網(wǎng)頁(yè)博客平臺(tái)，我們很難去控制用戶的能力、內(nèi)容、瀏覽器、屏幕尺寸、網(wǎng)絡(luò)帶寬和連接速度，包括輸入法。

4、x高度的上限

x高度的參考標(biāo)準(zhǔn)是小寫(xiě)字母x的高度，同等尺寸下，x高度更大的字體更易于識(shí)別。不過(guò)x高度也不是越大越好，當(dāng)x高度超過(guò)一定限度的時(shí)候，小寫(xiě)字母n和小寫(xiě)字母h就很難分辨了，這一點(diǎn)應(yīng)當(dāng)注意。

5、更大寬高比

字母的寬度和高度的比例也是相當(dāng)重要的一個(gè)屬性。寬度和高度比例越高，字母在小屏幕上的識(shí)別度就越高。

6、寬松的字間距

字母之間的間距和字母內(nèi)部的空間同樣是影響字母可讀的因素。字母間距太小同樣會(huì)影響整體的可讀性，而好的顯示字體會(huì)更好的控制字母間距，確保單詞在視覺(jué)上的“透氣性”，甚至可以營(yíng)造出一種韻律感。

7、低筆觸對(duì)比度

許多字體不同的筆畫(huà)粗細(xì)不同，而對(duì)于UI界面而言，筆觸間的對(duì)比度越小識(shí)別度越好。較大的筆觸對(duì)比度下，字體在小尺寸屏幕上，較細(xì)的筆畫(huà)會(huì)難于分辨。

8、OpenType 功能

OpenType 功能對(duì)于字體而言是相當(dāng)重要的。支持OpenType的字體擁有更大的靈活性，對(duì)于不同的語(yǔ)言和特殊的字符有著更為優(yōu)良的兼容性。

9、備用字體

接下來(lái)要說(shuō)的情況可能大家多少都碰到過(guò)。網(wǎng)頁(yè)在完全加載出來(lái)之前，部分內(nèi)容因?yàn)樽煮w沒(méi)有加載而無(wú)法顯示。

10、Hinting

Hinting 指的是為了字體為了保證最大的可讀性而針對(duì)顯示器狀況進(jìn)行調(diào)整的過(guò)程。Hinting 可以通過(guò)匹配顯示器的像素柵格讓字體顯示更加清晰，降低誤讀的可能性。

二、版式設(shè)計(jì)有哪些注意事項(xiàng)?

1、保證清晰易讀。為了讓版面醒目突出，往往大部分規(guī)劃師會(huì)忘掉信息的清晰傳達(dá)。他們就會(huì)運(yùn)用各種工具制造很炫目的圖形，而把文字內(nèi)容放的很小很不起眼。

2、不要運(yùn)用過(guò)多的字體。假如一個(gè)頁(yè)面里有十種不同的字體，那么這個(gè)排版一定會(huì)很難看，操控著少用幾種字體，將會(huì)讓你的頁(yè)面鋒芒畢露。一起你也可以在字體的大小、重量和其它方面創(chuàng)造更多的對(duì)比變化。

3、不要盲目趕潮流。那些時(shí)尚網(wǎng)站的現(xiàn)代字體固然很精美，可是它并不適宜一切的頁(yè)面。真正深化了解你的內(nèi)容來(lái)規(guī)劃會(huì)比你盲目地用許多最新的字體疊加，使你的版面看起來(lái)愈加天然和諧。

4、保持不同。當(dāng)你選擇字體，將他們放在一起時(shí)，保證他們的字體彼此獨(dú)立的而不是彼此接近的。由于假如您選擇兩個(gè)相似的字體放在一起，會(huì)給大家一種錯(cuò)別字的感覺(jué)。

5、適當(dāng)運(yùn)用襯線字體無(wú)襯線的字體看起來(lái)會(huì)很現(xiàn)代，一起很簡(jiǎn)練干練，被許多規(guī)劃師所采用。不過(guò)關(guān)于一些抒情性強(qiáng)的頁(yè)面時(shí)，偶然運(yùn)用一些襯線字體，會(huì)讓你的版面看起來(lái)愈加富有愛(ài)情，愈加經(jīng)典。

6、多嘗試新字體。選擇適宜的字體需求花費(fèi)大量時(shí)刻，可是不要一遍又一遍地讓自己墮入對(duì)同一類型的字體選擇中。

7、建立層級(jí)次第。決議了哪些字體要用來(lái)做什么，對(duì)他們要怎樣處理，依次遵守設(shè)立一個(gè)層級(jí)系統(tǒng)，這樣就能很容易地編列，也能讓讀者更容易地閱讀。

三、科技期刊版式設(shè)計(jì)的字體與字號(hào)怎樣合適？

字號(hào)在科技期刊中正文的字號(hào)設(shè)定應(yīng)該在一定范圍之內(nèi)。以方正飛騰軟件為例，正16開(kāi)本的期刊常以5號(hào)字為基準(zhǔn)排印正文，個(gè)別設(shè)計(jì)中考慮到整體版面的美觀性、版面空間的經(jīng)濟(jì)性，也會(huì)使用小5號(hào)或6號(hào)，但由于6號(hào)以下的字不便于閱讀，因此4號(hào)以上、6號(hào)以下的文字一般不使用，或是單純作為一種裝飾手段來(lái)考慮。標(biāo)題、引言、正文、圖注之間的字號(hào)大小應(yīng)本著對(duì)比與協(xié)調(diào)的原則合理安排，這樣才能方便不同層級(jí)信息的區(qū)分，防止文字意義的混淆，同時(shí)也能營(yíng)造出版面中文字的節(jié)奏感。（二）字距和行距字距和行距對(duì)版面設(shè)計(jì)的文本編排以及整個(gè)版面效果具有重要影響。通常來(lái)說(shuō)，在科技期刊中，正文的字距一般排版軟件默認(rèn)設(shè)定為“0”毫米，能夠與文字內(nèi)容的嚴(yán)肅性、科學(xué)性相吻合，但有時(shí)為了營(yíng)造版面的節(jié)奏感與現(xiàn)代感，也需要對(duì)部分文字的字距進(jìn)行調(diào)整，以求得設(shè)計(jì)感強(qiáng)的視覺(jué)效果。行距的設(shè)定應(yīng)該視期刊的具體情況而定，一般在字高的二分之一到一個(gè)字高之間，小行距的文字閱讀通常沒(méi)有大行距文字疏朗。但對(duì)節(jié)省版面空間起著決定性的影響?？偟恼f(shuō)來(lái)，字距和行距是有著緊密聯(lián)系的。一般的字距與行距的比例是8：10。從期刊閱讀的流暢性和嚴(yán)謹(jǐn)性角度看，行距必須大于字距，否則就會(huì)造成文字閱讀上的不連續(xù)，但字距與行距不是絕對(duì)的，應(yīng)根據(jù)實(shí)際情況而定。在科技期刊中，行距等于字距或者小于字距的設(shè)計(jì)手段采用相對(duì)較少。（三）不同的編排形式一是左右齊整，期刊正文大都采用這種編排方式，整體文本形態(tài)呈現(xiàn)規(guī)矩、嚴(yán)謹(jǐn)感，方便閱讀；二是居中排列，這種形式適合標(biāo)題或者短篇的文字，居中排列也能形成莊重、古典感，較左右齊整排列有突破；三是左齊右不齊，即以左邊為基準(zhǔn)，每個(gè)字符和下一行都對(duì)齊，右邊依照文字內(nèi)容長(zhǎng)短不一，常用于一句話簡(jiǎn)訊，給人以快捷、自然、流暢之感；四是右齊左不齊和自由編排的形式。這兩種形式由于能產(chǎn)生標(biāo)新立異的個(gè)性效果，在科技期刊中應(yīng)用較少。但視不同期刊具體需要，有時(shí)這種不規(guī)則的編排形式反而能夠達(dá)到現(xiàn)代感強(qiáng)的視覺(jué)效果。另外，在標(biāo)題的編排中也有很多種形式。字體相同而字號(hào)逐漸增大或減小，可以產(chǎn)生視覺(jué)沖擊感、速度感；字體、字號(hào)都相同而每個(gè)字的水平或垂直位置不同，則能有動(dòng)態(tài)感，顯得活躍；個(gè)別的詞組采用不同字體，能夠方便讀者斷句，也能在整句中突出個(gè)別詞組或文字；編排特色字體，根據(jù)期刊欄目或文章的特色自行設(shè)計(jì)字體，既能打破傳統(tǒng)字體的程式，又能增強(qiáng)期刊的特色。三、文字色彩的搭配版面中文字的顏色搭配是否合理會(huì)直接影響到讀者的情緒。合適的色彩搭配會(huì)給讀者帶來(lái)很強(qiáng)的視覺(jué)沖擊力，不恰當(dāng)?shù)纳蚀钆鋭t會(huì)讓讀者浮躁不安。在科技期刊中。文字的色彩搭配主要體現(xiàn)在標(biāo)題與正文的搭配，有些學(xué)術(shù)性較弱的文章，文字色彩變化就多些。（一）同種色彩搭配同種色搭配是指首先選定一種色彩，然后調(diào)整其透明度和飽和度，將色彩變淡或加深，產(chǎn)生新的色彩，這樣文字看起來(lái)色彩統(tǒng)一，但又不乏層次感。例如，2007年第6期的《實(shí)用診斷與治療》雜志的封面萬(wàn)方數(shù)據(jù)第33卷第4期但丹等：科技期刊版面設(shè)計(jì)中的文字．123．字體就是選用藍(lán)色為基本色，其他字體在藍(lán)色的基礎(chǔ)上變淡或者加深，使得整個(gè)封面看起來(lái)整體統(tǒng)一；2009年第5期的《醫(yī)學(xué)臨床研究》雜志的封面也同樣是采用藍(lán)色為基調(diào)，把整個(gè)封面劃分為3個(gè)大色塊，但也同樣具有和諧之美。（二）臨近色彩搭配鄰近色是指在色環(huán)上相鄰的顏色，如綠色和藍(lán)色、紅色和黃色，即互為鄰近色。采用鄰近色搭配可以避免整個(gè)版面色彩雜亂，易于達(dá)到和諧統(tǒng)一的效果。例如，2007年《植物學(xué)營(yíng)養(yǎng)與肥料學(xué)報(bào)》雜志的封面上的刊名采用藍(lán)色搭配綠色的底色，綠色蘊(yùn)含的情感元素與期刊研究的植物學(xué)相符合，藍(lán)色給人純凈、理性的感覺(jué)，藍(lán)色與綠色的搭配看起來(lái)既統(tǒng)一，又有變化感。

字體版式設(shè)計(jì)（字體設(shè)計(jì)）