2014-2-28 藍(lán)藍(lán)設(shè)計(jì)的小編
轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)( www.88yangsc.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供有效的 BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
來源:http://www.uisdc.com/100-things-you-should-know-about-design
如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請點(diǎn)這里
關(guān)于英文字體,對我們網(wǎng)頁設(shè)計(jì)師朋友們來說一定并不陌生,即使我們很少做英文語系的網(wǎng)站,但在瀏覽國外
網(wǎng)站設(shè)計(jì)的時(shí)候,大家一定都會(huì)有或多或少的認(rèn)識(shí)。其實(shí)不單單是在網(wǎng)頁界面設(shè)計(jì)中,很多移動(dòng)操作系統(tǒng)和瀏覽器中都廣泛使用了今天藍(lán)藍(lán)設(shè)計(jì)即將介紹的這些字體。
想必大家也都能猜出來像 Arial、Helvetica 這種大名鼎鼎的字體肯定在里面了,那么還有什么呢?一起來詳細(xì)了解一下吧!
相關(guān)推薦:
《平面排版時(shí),教你突出中文美感的幾種方法第二集(基礎(chǔ)篇)》
《那些年,我們一起追過的字體》
《快速上手!制作ICON FONT》
首先,補(bǔ)充個(gè)小知識(shí):
1.網(wǎng)頁設(shè)計(jì)中的英文字體,一般有以下五類:
serif(襯線)
sans-serif(無襯線)
monospace(等寬)
fantasy(夢幻)
cuisive(花體)
在常見的兩種字體風(fēng)格中,襯線體的筆劃感太”過”,不是特別的商業(yè)。隨著瑞士設(shè)計(jì)風(fēng)格的大力推廣,無襯線字體變得愈發(fā)流行起來。
建議: 個(gè)人認(rèn)為 Tahoma 以及 Verdana 字符編碼效果最好 ,適用于多種環(huán)境
字體族科:Arial, “Helvetica Neue”, Helvetica
變體:
Arial:有時(shí)稱為Arial Regular以便與Arial Narrow區(qū)別,其包括Arial、Arial Italic(斜體)、Arial Bold(粗體)、Arial Bold Italic(粗斜體)和Arial Unicode MS
Arial Black:此字體的特色在于其筆畫相當(dāng)?shù)拇?,包含Arial Black、Arial Black Italic(斜體)
Arial Narrow:為Arial的細(xì)瘦版本,包含Arial Narrow Regular、Arial Narrow Bold(粗體)、Arial Narrow Italic(斜體)和Arial Narrow Bold Italic(粗斜體)
Arial Rounded:包含Arial Rounded Bold(粗體),此字體可在微軟韓文字體Gulim找到
——以上來自百度百科
字體族科包括: “Avant Garde”, Avantgarde, “Century Gothic”, CenturyGothic, “AppleGothic”;
字體族科包括: Calibri, Candara, Segoe, “Segoe UI”, Optima, Arial,;
Calibri,一種無襯線字體,為微軟Microsoft Office 2007套裝軟件的默認(rèn)字體,取代先前Microsoft Word的默認(rèn)字體Times New Roman以及PowerPoint、Excel和Outlook的默認(rèn)字體Arial。
Calibri是搭發(fā)布于微軟Windows Vista六種英文ClearType字體的其中一種,是Microsoft Word默認(rèn)字體的第一個(gè)無襯線字體,先前則是使用Times New Roman為默認(rèn)字體。
字體族科包括: Candara, Calibri, Segoe, “Segoe UI”, Optima, Arial
Candara是一種無襯線字體,為字型設(shè)計(jì)師Gary Munch為微軟所開發(fā),附帶于Windows Vista中發(fā)行。——Wiki百科
字體族科包括: “Franklin Gothic Medium”, “Franklin Gothic”, “ITC Franklin Gothic”, Arial, sans-serif;
字體族科包括:: Futura, “Trebuchet MS”, Arial;
Futura靈感來自包豪斯,繼包豪斯的設(shè)計(jì)理念,設(shè)計(jì)師保羅倫納1924年至1926年首次創(chuàng)建Futura。雖然倫納是不是包豪斯的成員,但是他贊同其很多觀點(diǎn),他認(rèn)為現(xiàn)代的字體應(yīng)該表達(dá)出現(xiàn)代模式,而不是成為過去字體的延續(xù)。Futura商業(yè)授權(quán)發(fā)行于1927年,由鮑爾型鑄造廠投產(chǎn)。
在設(shè)計(jì) Futura 的過程中,倫納避免產(chǎn)生任何非必要的元素,借鑒了無襯線的基本幾何比例。Futura的清脆、干凈的形式反映了其效率感,魯莽的外觀即使在現(xiàn)如今也已經(jīng)淡淡退出了。
Futura成功催生了新的幾何無襯線字體,如卡貝爾和世紀(jì)哥特式,其中包括的范圍?,F(xiàn)在超過80自成立以來,許多代工廠已經(jīng)公布Futura變化的數(shù)字形式年,Adobe公司作為最常用的一個(gè)。幾個(gè)國際公司還利用自己的Futura定制的版本,包括大眾汽車(可見其著名的廣告)和宜家。——Wiki
字體族科包括: “Helvetica Neue”, Helvetica, Arial;
Helvetica被視作現(xiàn)代主義在字體設(shè)計(jì)界的典型代表。按照現(xiàn)代主義的觀點(diǎn),字體應(yīng)該”像一個(gè)透明的容器一樣”,使得讀者在閱讀的時(shí)候?qū)W⒂谖淖炙磉_(dá)的內(nèi)容,而不會(huì)關(guān)注文字本身所使用的字體。由于這種特點(diǎn)的存在,使得Helvetica適合用于表達(dá)各種各樣的信息,并且在平面設(shè)計(jì)界獲得了廣泛的應(yīng)用。
Helvetica最常見的派生字體,應(yīng)該是Monotype公司于1982年出品的”Arial“字體。雖然在很多細(xì)節(jié)上與Helvetica有所不同,但許多非專業(yè)人士很容易將兩者混淆。Arial字體隨著Microsoft Windows操作系統(tǒng)的附贈(zèng)而迅速普及。
斯滕佩爾公司于1983年發(fā)布改進(jìn)版本的Neue Helvetica。原來的Helvetica字體家族只有31種,新版本的Neue Helvetica有51種,而且以Univers為參照進(jìn)行編號(hào),以Neue Helvetica 55 Roman為基準(zhǔn),數(shù)字第一位為粗細(xì),第二位為風(fēng)格?,F(xiàn)在Helvetica以及Neue Helvetica由于企業(yè)收購合并的原因,成為Linotype公司的商品和商標(biāo)。
Linotype公司在1983年發(fā)布”Neue Helvetica”字體。增加了更多不同的粗細(xì)與寬度的選擇?!猈iki
字體族科包括: Impact, Haettenschweiler, “Franklin Gothic Bold”, Charcoal, “Helvetica Inserat”, “Bitstream Vera Sans Bold”, “Arial Black”;
Impact是一個(gè)由設(shè)計(jì)師喬佛瑞·李在1965年發(fā)表的一個(gè)無襯線字體,其特粗的筆畫、緊縮的間距以及狹窄內(nèi)部空間為其特點(diǎn),正如其名impact(壓緊)所指。此字型的x字高相當(dāng)大,幾乎接近其大寫字母的三分之二,因此升部相當(dāng)短小,降部更是如此。因?yàn)樽煮w較為粗獷,適合使用在標(biāo)題上,而不常用在內(nèi)文。
Impact是網(wǎng)頁核心字型的其中一個(gè)字體,跟著Microsoft Windows系統(tǒng)一同發(fā)布。
字體族科包括: Optima, Segoe, “Segoe UI”, Candara, Calibri, Arial;
奧普蒂瑪體(Optima)是一款英文無襯線體。最初是為德國著名字體設(shè)計(jì)師赫爾曼·察普夫為法蘭克福的D. Stempel AG foundry公司在1952年至1955年左右設(shè)計(jì)的。
在字體分類上,雖然這個(gè)字體沒有襯線而被分類為無襯線體,它卻與多數(shù)的無襯線字體不同,奧普蒂瑪體的橫豎筆畫的粗細(xì)并不一致,橫比豎要細(xì)一些,因此字體看起來兼具優(yōu)雅、簡練的風(fēng)格,受到大眾的喜愛。
2003年,Linotype公司發(fā)布一個(gè)”O(jiān)ptima Nova”字體。這個(gè)Optima Nova的制作是在察普夫的協(xié)助下,由日本的小林章進(jìn)行設(shè)計(jì)的。與Frutiger字體的改刻版”Frutiger Next”一樣,在制作的事后不是單純傾斜,而是另外操刀制作了斜體,提高了細(xì)節(jié)的設(shè)計(jì)質(zhì)量?!猈iki
字體族科包括: Tahoma, Verdana, Segoe;
Tahoma是一個(gè)十分常見的無襯線字體,字體結(jié)構(gòu)和Verdana很相似,其字符間距較小,而且對Unicode字集的支持范圍較大。
Tahoma和Verdana師出同門,同為名設(shè)計(jì)師馬修·卡特(Matthew Carter)的作品,由微軟在1994年推出。許多不喜歡Arial字體的人常常會(huì)改用Tahoma來代替,除了是因?yàn)門ahoma很容易取得之外,也是因?yàn)門ahoma沒有一些Arial為人詬病的缺點(diǎn),例如大寫”I
“與小寫”l
“難以分辨等。
Tahoma被采用為Windows 2000、Windows XP、Windows Server 2003及Sega游戲主機(jī)Dreamcast等系統(tǒng)的默認(rèn)字型?!猈iki
字體族科包括: Verdana, Geneva;
Verdana,是一套無襯線字體,由于它在小字上仍有結(jié)構(gòu)清晰端整、閱讀辨識(shí)容易等高品質(zhì)的表現(xiàn),因而在1996年推出后即迅速成為許多領(lǐng)域所愛用的標(biāo)準(zhǔn)字型之一。
此字體的設(shè)計(jì)源起于微軟字型設(shè)計(jì)小組的維吉尼亞·惠烈(Virginia Howlett)希望設(shè)計(jì)一套具有高辨識(shí)性、易讀性的新字型以供屏幕顯示之用,于是她邀請了世界字型設(shè)計(jì)師之一的馬修·卡特(Matthew Carter)操刀,以Frutiger字體及愛德華·約翰斯頓(Edward Johnston)為倫敦地鐵所設(shè)計(jì)的字體為藍(lán)本,并由Monotype公司的字型微調(diào)(Hint)專家湯姆·瑞克納(Tom Rickner)擔(dān)任手工微調(diào),字體結(jié)構(gòu)與Tahoma(同為馬修·卡特所設(shè)計(jì))很相似,微軟將Verdana納入網(wǎng)頁核心字體之一。——Wiki
襯線字體再紙媒中使用較多,在紙張上的顯示效果更加。但是在屏幕上(尤其是小屏幕上),顯示效果不是那么的好。但是依然有很多設(shè)計(jì)師喜好用襯線字體,主要多用于標(biāo)題,讓標(biāo)題看起來更與眾不同。
字體族科包括: Baskerville, “Baskerville Old Face”, “Hoefler Text”, Garamond, “Times New Roman”;
字體族科包括: “Big Caslon”, “Book Antiqua”, “Palatino Linotype”, Georgia;
字體族科包括: “Bodoni MT”, Didot, “Didot LT STD”, “Hoefler Text”, Garamond, “Times New Roman”;
字體族科包括: Cambria, Georgia, serif;
Cambria是搭載于微軟Windows Vista、Microsoft Office 2007和Microsoft Office 2008 for Mac等軟件的一個(gè)襯線字體,其字符間距和比例相當(dāng)?shù)钠骄?,對角和垂直方向的筆畫和襯線比較粗,而水平向的襯線比較細(xì),強(qiáng)調(diào)筆畫的末筆。
當(dāng)Cambria使用在大小超過20點(diǎn)的標(biāo)題時(shí),其字體間的間距會(huì)些微的縮小以求美觀,但這樣的設(shè)計(jì)并不適用于商業(yè)文件。——Wiki
font-family: Didot, “Didot LT STD”, “Hoefler Text”, Garamond, “Times New Roman”;
字體族科包括: Georgia, Times, “Times New Roman”;
Georgia是一種襯線字體,為著名字型設(shè)計(jì)師馬修·卡特(Matthew Carter)于1993年為微軟所設(shè)計(jì)的作品,具有在小字下仍能清晰辨識(shí)的特性,可讀性十分優(yōu)良。其命名發(fā)想自一份小報(bào)報(bào)道在美國佐治亞州發(fā)現(xiàn)外星人頭顱的測試性頭條。
乍看之下,Georgia與Times New Roman相當(dāng)類似,但它們有多處不同。首先,在相同的字號(hào)下,Georgia的字符比Times New Roman的字符略大;其次,Georgia的字符線條較粗,襯線部份也比較鈍而平。另外在數(shù)字部份也非常不同,Georgia采用稱為”不齊線數(shù)字“的數(shù)字,特色在于數(shù)字會(huì)像英文字母般有高矮大小之別。
微軟將Georgia列入網(wǎng)頁核心字型,是視窗操作系統(tǒng)的內(nèi)建字型之一。蘋果電腦的麥金塔系統(tǒng)之后也跟進(jìn)采用Georgia作為內(nèi)建字型之一。
請注意:數(shù)字“0″與字母“o”在Georgia字體下可能是顯示成一模一樣,使用時(shí)需特別注意。——Wiki
字體族科包括: “Lucida Bright”, Georgia;
字體族科包括: Palatino, “Palatino Linotype”, “Palatino LT STD”, “Book Antiqua”, Georgia;
帕拉提諾體(Palatino)是一種常見的英文字體。它屬于舊襯線體,是最常被使用的10種襯線字體之一。由德國設(shè)計(jì)師赫爾曼·察普夫設(shè)計(jì),1948年Linotype Foundry公司發(fā)布。赫爾曼·察普夫設(shè)計(jì)了一系列體現(xiàn)了意大利文藝復(fù)興的風(fēng)格的字體,包括Palatine, Sistina, Michaelangelo titling和Aldus,而且據(jù)說都是從阿爾杜斯·馬努提烏斯印刷所鉛字鑄造師Francesco Griffo制作的鉛字中取得的靈感?!迸晾嶂Z”這個(gè)名字源于16世紀(jì)意大利書法家將巴提薩·帕拉提諾(Giambattista Palatino)。
帕拉提諾體是基于文藝復(fù)興的人文主義字體,可以看出從羽毛筆進(jìn)化而來的痕跡,并富于運(yùn)筆的韻律美。當(dāng)時(shí)的字體多使用小字母和細(xì)筆畫長豎線的搭配(長字母的字頭字腳),而帕拉提諾體中進(jìn)行了修改,增加字體的長度,便于閱讀。字體豎線的粗細(xì)幾乎不變,直線襯線較多,字母Q等的筆畫富有明顯特征,具有獨(dú)特的優(yōu)雅氣息?!猈iki
字體族科包括: Perpetua, Baskerville, “Big Caslon”, “Palatino Linotype”, Palatino, “URW Palladio L”, “Nimbus Roman No9 L”;
字體族科包括: Rockwell, “Courier Bold”, Courier, Georgia, Times, “Times New Roman”;
字體族科包括: TimesNewRoman, “Times New Roman”, Times, Baskerville, Georgia;
Times New Roman(泰晤士新羅馬),可能是最常見且廣為人知的襯線字體之一,在字體設(shè)計(jì)上屬于過渡型襯線體,對后來的字型產(chǎn)生了很深遠(yuǎn)的影響。另外由于其中規(guī)中矩、四平八穩(wěn)的經(jīng)典外觀,所以經(jīng)常被選擇為標(biāo)準(zhǔn)字體之一。——Wiki
等寬字體看起來像是打字機(jī)打出來的字體。等寬,i和w占據(jù)同樣的寬度,雖然現(xiàn)在看起來有點(diǎn)怪,但是蠻有趣的。
字體族科包括: “Andale Mono”, AndaleMono;
Andalé Mono,也寫作Andale Mono,是Monotype公司出品的一個(gè)等寬字體風(fēng)格的無襯線字體,其特色在于字符有高度的可辨識(shí)性,例如數(shù)字“0“中有一點(diǎn),可輕易與大寫字母“O“區(qū)別;容易混淆的數(shù)字”1“、小寫字母”l“和大寫字母”I“也加入襯線設(shè)計(jì)以利分辨。
由知名字型設(shè)計(jì)師史提夫·馬特森(Steve Matteson)創(chuàng)造,作為終端機(jī)的顯示字體與軟件開發(fā)的源碼字型之用,最早應(yīng)用在蘋果公司與IBM合作研發(fā)的Taligent計(jì)劃,后來微軟也將此字型選為網(wǎng)頁核心字型之一。
在微軟的Windows系統(tǒng)上,Andalé Mono最初是作為Internet Explorer 4.0的可選附件發(fā)行。自Internet Explorer 5開始,Andalé Mono改名為Andale Mono,字體版本升為1.25。雖然后來微軟中止了網(wǎng)頁核心字型計(jì)劃,并且從Windows ME以后不再附帶此字體,但目前在Sourceforge的相關(guān)計(jì)劃網(wǎng)頁上仍可下載得到,而且蘋果公司也將此字體附于旗下的Mac OS X系統(tǒng)中發(fā)布——Wiki
字體族科包括: Consolas, monaco;
Consolas 是一套固定字符寬度的字型,屬無襯線字體,由 Lucas de Groot 設(shè)計(jì)。這套字型使用了微軟的 ClearType字型平滑技術(shù),并隨同 Windows Vista、Office 2007 及 Microsoft Visual Studio 中發(fā)行,或可在微軟的網(wǎng)站下載。在 Windows Vista 的 6 套新字型中,Consolas 近似于前版 Windows 中的 2 款內(nèi)建字型:Lucida Console 與 Courier New,主要是設(shè)計(jì)做為程式碼的顯示字型之用,特別之處是它的”0″字加入了一斜撇,以方便與字母”O(jiān)”分辨。
在 Consolas 之前,程式碼的顯示字型大多為 Courier New 或其他固定字符寬度的字型,字型的柔邊(反鋸齒)效果則依個(gè)人喜好選擇開啟或關(guān)閉,然而 Consolas 是專為柔邊效果而設(shè)計(jì)的字型,特別是為了搭配微軟的 ClearType 技術(shù),如果不開啟 ClearType,Consolas 的顯示效果會(huì)打大折扣。另外,ClearType 技術(shù)還需要搭配液晶顯示器才會(huì)有最佳表現(xiàn)?!猈iki
字體族科包括: “Courier New”, Courier, “Lucida Sans Typewriter”, “Lucida Typewriter”;
Courier是一個(gè)等寬字體的粗襯線字體,主要是依據(jù)打字機(jī)所打印出來的字形來設(shè)計(jì),于1955年由Howard “Bud” Kettler設(shè)計(jì)完成。原來的Courier字體是IBM公司在1950年代設(shè)計(jì)給打印機(jī)使用的字體,但是并未維護(hù)他們的專利,使得這個(gè)字型成為整個(gè)打字機(jī)制造業(yè)的標(biāo)準(zhǔn)。
在現(xiàn)今的電子時(shí)代,此字體也常被使用,因?yàn)槠涞葘挼奶匦钥梢暂p易地對齊字段的左右邊界,也成為腳本和程式設(shè)計(jì)中源代碼的常用字體。
12pt的Courier New字體曾是美國國務(wù)院的公文標(biāo)準(zhǔn)字體,但于2004年1月停用,改使用14pt的Times New Roman,因?yàn)槠渚摺爆F(xiàn)代性”和”易讀性”——Wiki
字體族科包括: “Lucida Console”, “Lucida Sans Typewriter”, Monaco, “Bitstream Vera Sans Mono”;
字體族科包括: “Lucida Sans Typewriter”, “Lucida Console”, Monaco, “Bitstream Vera Sans Mono”;
字體族科包括:”Brush Script MT”, 花體英文;
字體族科包括:Copperplate, “Copperplate Gothic Light”, 夢幻字體;
字體族科包括:Papyrus, 夢幻字體;
如果你的網(wǎng)頁設(shè)計(jì)針對移動(dòng)設(shè)備,那么上面的很多字體并不使用,因?yàn)榭臻g有限。
下面是一些適合移動(dòng)設(shè)備界面設(shè)計(jì)的網(wǎng)頁安全字體。
Arial
Courier
Georgia
Palatino
Verdana
Helvetica
Courier New
Times New Roman
希望大家伙能有所收獲,在網(wǎng)頁設(shè)計(jì)中添加英文的時(shí)候注意這幾點(diǎn)。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.88yangsc.com