回到基礎(chǔ):網(wǎng)頁(yè)設(shè)計(jì)中美麗的字體

2022-06-10    分類: 網(wǎng)站建設(shè)

一個(gè)偉大的網(wǎng)站從美麗的排版開(kāi)始。雖然突破偶爾的規(guī)則是很好的,但有時(shí)候回到做出偉大印刷術(shù)的原則是很好的 - 以及如何創(chuàng)造它。
這是一個(gè)重要的更新,可以幫助您重新思考項(xiàng)目,考慮采用新方法,還是回到更簡(jiǎn)單,更簡(jiǎn)化的設(shè)計(jì)。
所以今天,我們忽略了趨勢(shì)和打破規(guī)則的方式,將重點(diǎn)放在印刷術(shù)理論上,以及“規(guī)則”如何成為創(chuàng)造驚人類型的偉大指南。
大小和層次結(jié)構(gòu)
大小事項(xiàng)。在屏幕上創(chuàng)建可讀排版大綱時(shí),大小可能是最重要的因素之一。微小的文字可能會(huì)令人震驚,難以看清。超大文字可能會(huì)以奇怪的方式突破線條并造成混亂。
可讀排版有幾層層次結(jié)構(gòu),以告訴用戶第一,第二等讀什么。有一個(gè)明顯的規(guī)模,所以正文文本是整個(gè)設(shè)計(jì)的一個(gè)尺寸,標(biāo)題是另一個(gè)尺寸,突破和小標(biāo)題也有自己的規(guī)格。
跟蹤和Kerning
經(jīng)常感到困惑,跟蹤和字距并不是一回事。克寧是調(diào)整一對(duì)字母之間的空間。跟蹤是調(diào)整整個(gè)字符集之間的空間,例如段落或?qū)ξ谋緣K進(jìn)行整體調(diào)整。
通常將Kerning應(yīng)用于各個(gè)元素,以創(chuàng)建精確度并增強(qiáng)大文本的可讀性和樣式。跟蹤通常用于收緊身體副本中的松散字體。
限制字體
太多的字體可能會(huì)令人無(wú)法抗拒和震撼。對(duì)于大多數(shù)項(xiàng)目來(lái)說(shuō),兩個(gè)或三個(gè)字體就足夠了。
選擇一個(gè)固定類型選項(xiàng)的關(guān)鍵是選擇一個(gè)風(fēng)格變化豐富的類型家族。大多數(shù)高質(zhì)量字體都帶有多種樣式 - 粗體,常規(guī),斜體,濃縮,黑色等。通過(guò)選擇具有多個(gè)選項(xiàng)的字體,您將擁有多種用途的權(quán)重和樣式。(如果要將整個(gè)設(shè)計(jì)保留在單個(gè)字體系列中,某些系列甚至包括serif和sans serif選項(xiàng)。)
混合和匹配樣式
當(dāng)你選擇字體時(shí) - 無(wú)可否認(rèn),這可能是許多設(shè)計(jì)項(xiàng)目中最難的部分 - 可以選擇兩種不同類型的字體,甚至是選。
最常見(jiàn)的配對(duì)是襯線和無(wú)襯線。但是你不必拘泥于此。
在配對(duì)不同的樣式和字體時(shí),請(qǐng)查找具有類似x高度的字母(查找具有相同垂直小寫“x”大小的字符集)和碗的形狀(封閉字母(如“o”)內(nèi)的空格)。
這些細(xì)節(jié)可以在字體感覺(jué)如何以及用戶閱讀文本的容易程度方面產(chǎn)生很大的差異。使用不同風(fēng)格的類似字母仍然具有視覺(jué)熟悉性,可以使所有類型更容易一起閱讀。
忘記連字符和理由
大多數(shù)情況下,連字符和完整的理由是不必要的。
特別是在線,這些技術(shù)可以使文本一目了然,更難以消化和理解。連字符打破了閱讀體驗(yàn),完整的理由常常導(dǎo)致難以閱讀的奇怪間距。
雖然這兩個(gè)要素都在某些項(xiàng)目中占有一席之地,但它們通常應(yīng)該避免。
不要改變字體
你永遠(yuǎn)不應(yīng)該調(diào)整字體。不要試圖讓它變得更胖或更高或更薄。改為選擇一個(gè)新字體。
類型設(shè)計(jì)師努力為字體創(chuàng)建一組一致的字符,這些字符是可讀的,并且符合字體的樣式。不要試圖改變一組字符的外觀。你不會(huì)改進(jìn)它們,并且經(jīng)常會(huì)在這個(gè)過(guò)程中弄亂類型。
如果字體的工作方式不符合您的需要,請(qǐng)尋找其他的東西。嘗試識(shí)別類似的字體工具,它可以識(shí)別外觀相似的字體,以選擇另一個(gè)在您的項(xiàng)目中可能更好的選項(xiàng)。
對(duì)比
使用印刷術(shù)進(jìn)行對(duì)比設(shè)計(jì)。就像您使用不同的尺寸創(chuàng)建層次結(jié)構(gòu)一樣,請(qǐng)考慮不同的字體粗細(xì),顏色和樣式以提供視覺(jué)效果。
色彩是創(chuàng)造對(duì)比最有效和最容易的方法之一。理想的對(duì)比是淺色背景上的深色文字(或相反)。有幾乎無(wú)限數(shù)量的顏色選項(xiàng)可以幫助您實(shí)現(xiàn)這一目標(biāo)。使用彩色和印刷字體時(shí),請(qǐng)注意某些顏色組合,例如右側(cè)藍(lán)色的鮮紅色可能非常難以閱讀。尋找在光線與黑暗,活力和飽和度方面不同的組合。
當(dāng)談到對(duì)比時(shí),簡(jiǎn)單的背景通常最適合給文本空間進(jìn)行閱讀。但是,如果背景包含視覺(jué)元素(如圖像或圖案),則會(huì)在背景和前景文本元素之間創(chuàng)建文字大小的凹凸。
測(cè)量事項(xiàng)
度量是容納文本的容器的大小。這可以是整個(gè)文本框架的寬度,也可以是多列格式的單個(gè)列的寬度。
衡量問(wèn)題是因?yàn)槠聊簧系淖址麛?shù)量(包括空格,字形和標(biāo)點(diǎn)符號(hào))會(huì)影響可讀性。這個(gè)概念背后的理論是,如果線條太長(zhǎng)或太短,由于從一行到另一行不斷來(lái)回移動(dòng),用戶的眼睛可能會(huì)感到疲倦。
從印刷風(fēng)格的要素: “任何從45到75個(gè)字符的文字都被廣泛認(rèn)為是一個(gè)滿意的文本大小的單行文本面的單列頁(yè)面的長(zhǎng)度。66個(gè)字符的行(包括字母和空格)被廣泛認(rèn)為是理想的。對(duì)于多列工作,更好的平均值是40到50個(gè)字符。“
這對(duì)于大多數(shù)項(xiàng)目來(lái)說(shuō)都是一個(gè)很好的起點(diǎn),盡管許多項(xiàng)目都傾向于大一點(diǎn)的字體大小,這會(huì)使字符數(shù)落在該范圍的較小端。
盡管在本書(shū)首次發(fā)布時(shí),移動(dòng)排版不再是一個(gè)問(wèn)題,但多列的指南是一個(gè)可接受的起點(diǎn)。您甚至可以選擇稍微低一點(diǎn),并針對(duì)小屏幕的每行35個(gè)字符。

結(jié)論


如果你想繼續(xù)思考印刷理論和刻字,除了上面提到的經(jīng)典之外,還有一些很棒的書(shū)籍。


本文來(lái)自創(chuàng)新互聯(lián)品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)
標(biāo)簽:公司網(wǎng)站制作,成都建設(shè)網(wǎng)站,官網(wǎng)建設(shè),網(wǎng)頁(yè)制作公司,建網(wǎng)站公司,企業(yè)建站,重慶網(wǎng)站建設(shè)公司,成都網(wǎng)頁(yè)設(shè)計(jì)公司,成都網(wǎng)站設(shè)計(jì)公司企業(yè)網(wǎng)站建設(shè)

當(dāng)前文章:回到基礎(chǔ):網(wǎng)頁(yè)設(shè)計(jì)中美麗的字體
當(dāng)前鏈接:http://www.muchs.cn/news4/165754.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站設(shè)計(jì)公司、服務(wù)器托管、定制開(kāi)發(fā)網(wǎng)站排名、網(wǎng)站策劃、網(wǎng)站改版

廣告

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

成都網(wǎng)頁(yè)設(shè)計(jì)公司