您現在的位置是:電腦技術吧?>? 故障問題 ??>??英文字體有哪些,英文字體??>??正文詳情

英文字體有哪些,英文字體

嵇蘊藉2019-11-17 02:40:36 人圍觀
簡介花式英文字體本文作者Stuart de Rozario是一位獲獎的字體設計師。他在fontsmith一家精品字體設計工作室工作,對無障礙設計有著深刻的理解,包容性設計是一個免費英文字體

本文的作者 Stuart de Rozario 是一位屢獲殊榮的字體設計師,供職于精品字體設計工作室 Fontsmith,對于可訪問性設計有著非常深入的了解。

  包容性設計是一個熱門的話題,它拒絕少數服從多數,也不是讓多數配合少數,而是保持對大眾的廣泛關注,創造出擁有足夠包容性的好設計。

從這個層面上來說,設計的可訪問性必須做到足夠好,盡量讓大家都能輕松方便地享受設計的成果,良好的對比度,普適的交互模式,以及我們提的最多的正確的字體選取。

  值得一提的是,不僅僅是公共機構的網站需要注意選取可訪問性優異的字體,品牌和企業的網站中字體的選取同樣需要精心挑選。

但是,你如何確定哪些字體合適?這是否意味著要在設計上做妥協?  并不一定。

今天我們來聊聊英文字體的選取的技巧,下面的12條技巧,應當能給你足夠的幫助,幫你選取擁有足夠包容性和可訪問性的英文字體。

(注意,這里討論的是挑選盡可能讓所有人都能清晰閱讀的字體,尋找展示性、個性化、強形式感的功能性字體是另一個問題。

)  1、盡量不要選擇那些看起來就非常童趣的字體,完全沒有這個必要。

這是相當常見的錯誤,原因也很明顯:挑選一款高包容性、可訪問性好的字體的時候,它的平衡性和實用性同個性化同樣重要。

  2、有些字體設計風格會讓特定的幾個字母之間的識別度降低。

最常見的就是數字 8 和大寫字母 B,大寫的 I (i) 和小寫字母 l (L) 之間的識別度問題。

選擇帶有襯線的字體能夠讓小寫字母i和大寫字母 I 更好地被分辨出來,即便是在較小的屏幕上。

如果字體中的小寫字母 a 是雙層結構則能很好的同小寫字母 o 區分開。

  3、如果你需要在標題或者頭條的位置使用較少的文本,而字體大小在16pt 及以上的時候,那么使用筆畫較為舒展、內外空間都比較大的非襯線體是相當不錯的。

  pt 也就是 Point ,而我們常說的 px 指的是像素 Pixel,兩者有著明顯的差異。

pt 源自平面印刷領域,指的是1/72 英寸,是一個固定的長度,而px 指的是像素點,在iPhone 3GS 上 5px 的物理長度和 iPhone 6s 上 5px 的物理長度是不一樣的,前者由于像素密度低從而導致5px 的物理長度更長。

所以,px 是一個相對長度單位,而 pt 是一個絕對長度單位。

  4、在選取網頁字體的時候,盡量選取 X高度較大的字體。

X高度覆蓋的區域是閱讀的主體,而上伸部和下降部則為每個字母提供了足夠的識別度。

上升部應該比大寫字母稍微高一點。

  X高度通常指的是小寫字母的平均高度,之所以為稱為x高度是應為通常拿字母x作為參考。

諸如字母 h 和 f 超出X高度的部分被稱為 Ascender,也就是上伸部。

而字母 p 和 g 下方低于X高度的部位則被稱為 Descender,即是下降部。

  5、盡量挑選內部空間均衡、外部輪廓銳利、末端清晰的字體,當字體較小的時候,字母之間距離縮小靠近,空間會被模糊、填充,會影響識別度和可讀性。

  西文字體設計存在External Counter和Internal Counter的概念,通常稱之為外部空間和內部空間。

小寫字母 a 和 e 的字母內部兩個空白區域即為內部空間,如果某部分內部空間比較小,當字體尺寸較小的時候,會降低識別度。

諸如字母 r 和 n 則需要注意它們外輪廓的細節銳利度和那些勾勒細節的外部空間,也就是豎線和弧線之間所夾的空間。

如果外部空間較小,在字母間距較小的情況下rn 和 m 就很難分辨了。

  6、數字的設計也應該有特色,尤其是數字 0 應當同大寫字母 O 有顯著的差別,而數字 6 和 9 的末端開口應當足夠舒展開闊。

  7、字母的X高度和筆畫寬度之間有一個最佳比例,為了達到最佳可讀性,通常筆畫寬度應該控制在X高度的17%~20%。

  8、挑選小寫字母 t 上面的一橫相對長一些的字體,這樣字母的識別度會更高。

  9、大寫字母 Q 底部的尾巴能增強字母的識別度,字體選取的時候應當注意這個細節。

  10、字母之間的間距應當均勻而富有韻律感,這樣能提升字母的可讀性和識別度。

間距太大太小都會讓人感覺不適。

  11、在黑色的背景下,將字體色彩設定為白色,輸入一段文字,查看它們的顯示效果。

如果字母之間間距看起來比較小,字母的形狀看起來像在發光,從而令字母仿佛比單獨看更粗的話,那么你應當選取筆畫更細的字體。

  12、你應當挑選字重范圍更廣的字體族,這樣當你在設定不同平臺、不同屏幕尺寸、不同設備下的顯示效果的時候,可以更加輕松自由地找到對的效果。

  要注意的事情是,包容性設計并不是意味著非得犧牲優雅和個性。

一款精心設計、可訪問性優秀的字體是可以兼顧優雅和個性的,不過高度的識別度和可讀性是核心,盡量包容更廣泛的用戶的需求。

版權聲明:本文由 嵇蘊藉 整理編輯。

原標題:特殊英文字體,常用英文字體

轉載注明出處:http://www.dn9ww09s.icu/fault/13027.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • 打開記事本程序步驟,win10解壓軟件哪個好

    打開記事本程序步驟,win10解壓軟件哪個好 相關圖片電腦記事本怎樣使用記事本是計算機中常用的一種應用程序,它能簡單地記錄和存儲文本信息。你知道怎么打開記事本嗎?如何將記事本轉換成excel?我不需要說太多。接下來,讓我們看...

  • wps畫圖工具,wps office怎么畫圖

    wps畫圖工具,wps office怎么畫圖 相關圖片wps能畫圖嗎WPS的功能非常豐富,可以滿足大多數編輯需求。例如,如果要在WPS中繪制自己喜愛的圖形,也可以通過插入形狀來實現。雖然它不如PS、CAD等專用繪圖軟件,但也可以wps繪圖在...

  • 背景透明,圖片背景透明

    背景透明,圖片背景透明 相關圖片qq透明背景現在很多海報、橫幅和網頁都喜歡用透明效果作為背景,這樣不僅增加了頁面的對比感和可讀性,而且對整體效果影響不大,所以可以稱之為“一石二鳥”。如果你只知道最簡...

  • 如何刪除全部分頁符,wps怎么刪除分頁符空白頁

    如何刪除全部分頁符,wps怎么刪除分頁符空白頁 相關圖片word中空白頁刪不掉經常使用WPS的小伙伴不應該不熟悉分頁符。一般來說,我們不需要編輯分頁符。但是,如果由于某些原因,我們不得不取消分頁符,我們應該怎么做?如何刪除分頁符...

  • 高質量,六個高質量內容

    高質量,六個高質量內容 相關圖片如何實現高質量發展如果食物被拍過,不難發現攝影是非常困難的,特別是光線不足或背景凌亂時,很難獲得理想的效果,而且通常食物拍攝后看起來并不美味誘人。最近,我發現了一...

  • wps頁碼刪不掉,手機wps怎么刪除頁碼

    wps頁碼刪不掉,手機wps怎么刪除頁碼 相關圖片wps怎么隱藏頁碼當使用WPS制作一些文檔時,有時我們會為頁面插入頁碼,如果由于某些原因我們不需要頁碼,我們可以做些什么來刪除它們?WPS如何刪除頁碼?下面的小編輯會讓WPS取消...

  • 強力卸載軟件,強力卸載大師

    強力卸載軟件,強力卸載大師 相關圖片360強力卸載在哪360強大卸載可以幫助用戶有效刪除流氓軟件、插件等,但是,你知道360強大卸載的效果嗎?360強大的卸載在哪里?別說太多了。接下來,超人軟件將為您介紹360強大怎么...

  • html如何讓兩個div并排,html讓div居中

    html如何讓兩個div并排,html讓div居中 相關圖片html讓兩個div同一行在HTML頁面中,我們有時需要使div中的內容在超過該值后自動顯示滾動條。我們可以設置以下代碼:div class=classlist divclass=authtml讓div全屏...

  • 釘釘如何建立班級群,怎么看釘釘群什么時候建的

    釘釘如何建立班級群,怎么看釘釘群什么時候建的 相關圖片釘釘怎么創建公司群為了在使用釘子時便于協作和溝通,我們都會將釘子添加到自己工作部門的小組中,這樣如果有任何問題,我們就可以盡快與小組溝通。如果你是創造者,你怎么能...

  • 網頁版式設計分析,頁面版式設計

    網頁版式設計分析,頁面版式設計 相關圖片網頁版式設計ppt讓我們分享一組新穎多彩的網頁布局設計好的版式設計網站...

熱評文章

  • 筆記本電腦太卡怎么辦最有效,筆記本為何越來越慢

    筆記本電腦太卡怎么辦最有效,筆記本為何越來越慢 相關圖片筆記本電腦特別慢怎么整大概,所有使用筆記本電腦的人都遇到過電腦越來越慢、越來越擁擠的情況。那么如何處理慢筆記本呢?接下來,超人軟件將告訴你如何處理緩慢的筆記本卡。...

  • 什么是響應式網頁,網頁響應式

    什么是響應式網頁,網頁響應式 相關圖片響應式網頁開發響應式設計無疑是web設計領域中不可或缺的一部分。然而,響應網頁中的圖像顯示是一個常見的問題,如何顯示響應網站的圖像一直是人們爭論的焦點。繼續擴展,那么...

  • msvcr100.dll,msvcr80dll

    msvcr100.dll,msvcr80dll 相關圖片msvcr120dll丟失最近,許多小伙伴報告說,他們在使用計算機運行程序時無法啟動程序,因為msvcr100.dll在計算機中丟失。如果找不到msvcr100.dll怎么辦msvcr120dll會影響什么...

  • 什么是交互設計師,交互設計師

    什么是交互設計師,交互設計師 相關圖片交互設計師前景無論是進度條、點擊動作效果還是表單填充,交互設計師都會使用一些高級技巧來欺騙用戶。在“自控”非常流行、用戶控制欲望強烈的時代,提高產品的可控性是優秀...

  • 大財神,正財神是誰

    大財神,正財神是誰 相關圖片財神系統近日,為迎接即將到來的元旦佳節,淘寶官方推出了一項了解神印卡的活動。只要用戶拿到財神卡,就能拿到888元紅包。你知道怎么拿到天貓的幸運卡嗎?如何獲得淘寶的財富...

  • 網站響應式,響應式網站都有哪些

    網站響應式,響應式網站都有哪些 相關圖片響應式建造一個車站就像建造積木一樣簡單!今天的卡是最近推出的一項免費網站建設服務,它可以快速設計一個響應迅速的網站與美麗的功能,只需幾個簡單的步驟。我用了不到五分...

  • 瀏覽器慢是什么原因,瀏覽器閃退是什么原因

    瀏覽器慢是什么原因,瀏覽器閃退是什么原因 相關圖片瀏覽器自動關閉的原因對于360瀏覽器的用戶來說,最具破壞性的是360瀏覽器卡住了。那么360瀏覽器被屏蔽的原因是什么?360瀏覽器如何被屏蔽?我不想說太多。接下來,讓超人軟件幫你...

  • 懶人聽書無法連接網絡,華為路由器無法連接網絡

    懶人聽書無法連接網絡,華為路由器無法連接網絡 相關圖片skype顯示網絡錯誤Skype作為一款免費的通話軟件,我相信對你來說,最壞的是在使用過程中無法連接到網絡。如果Skype無法連接到網絡怎么辦?現在,超人軟件的小編輯回答了為什么Sk手機...

  • ap設置方法,無線ap設置方法圖解

    ap設置方法,無線ap設置方法圖解 相關圖片路由設置在網頁中使用表格布局是初學者常用的方法。今天編輯將介紹如何在Dreamweaver中設置表格,在設置表格之前,我們需要先選擇表格。單擊選項卡選擇表格選擇表格后,路由器設置...

  • u盤 延緩寫入失敗,u盤延緩寫入失敗怎么修復

    u盤 延緩寫入失敗,u盤延緩寫入失敗怎么修復 相關圖片Windows延緩寫入失敗死機近日,不少用戶朋友反映,將U盤插入電腦后,提示U盤延遲寫入失敗。那么U盤延遲寫入失敗呢?U盤延遲寫入失敗怎么辦?接下來,超人軟件會為你解答,希望能幫...

關注微信

变脸官网查询