回到基礎:網頁設計中美麗的字體

2022-06-10    分類: 網站建設

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

結論


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


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

當前標題:回到基礎:網頁設計中美麗的字體
文章位置:http://muchs.cn/news/165754.html

成都網站建設公司_創(chuàng)新互聯(lián),為您提供面包屑導航、Google、微信小程序、全網營銷推廣網站制作、品牌網站建設

廣告

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

搜索引擎優(yōu)化