設(shè)計(jì)師必備的字體排版工具及資源下載.docx

設(shè)計(jì)師必備的字體排版工具及資源下載我們喜歡漂亮的字體，欣賞那些想出排版技巧和工具的設(shè)計(jì)師們。我們總是在小心翼翼地尋找資源，試圖找到最好的來(lái)使用?，F(xiàn)在，是時(shí)候呈現(xiàn)出一組漂亮新鮮的排版資源了。為了改善你的排版技巧，我們?cè)谶@里提供排版相關(guān)的有用文章、工具和資源。你將學(xué)習(xí)基礎(chǔ)的排版,知道如何選擇字體并記住它們。這里還提供字體排版相關(guān)的幻燈片、詞匯表、圖表布局和經(jīng)驗(yàn)分享。排版相關(guān)的參考文獻(xiàn)和有用資源The Taxonomy of Type本文的目的是幫助設(shè)計(jì)師區(qū)分基本文字的屬性。它解釋了文字種類并且提供相應(yīng)的例子。這是短小精悍的好文章。Typedia:一個(gè)字體中的共享百科全書Typedia是一個(gè)對(duì)各種字體進(jìn)行分門別類的百科全書，它的連接性很強(qiáng)大。這是一個(gè)專門針對(duì)字體進(jìn)行分類并且告訴人們相關(guān)知識(shí)的社區(qū)網(wǎng)站，很像IMDb和維基百科的混合衍生物，但是只是針對(duì)文字類型而已。每個(gè)人都可以參與進(jìn)來(lái)，添加、編輯新的字體類型頁(yè)面。Typeface Anatomy and Glossary很多字體都有各自的名稱縮寫。有一些是關(guān)于符號(hào)集和字體格式的， 另外一些是關(guān)乎設(shè)計(jì)特質(zhì)和鑄造工程的等等。這些縮寫及其釋義可以讓我們從解壓縮的排版中找到一份全面的清單。Typographic Marks Unknown我們往往對(duì)很多印刷標(biāo)記很熟悉，但對(duì)其本身卻只是一知半解。這些字形擁有很有趣的演變歷史，它們通過(guò)歷史的”嚴(yán)刑拷打”終于幸存下來(lái)，最終被我們廣泛地使用?，F(xiàn)在，它們大多出現(xiàn)在我們的鍵盤、軟件，和一些經(jīng)常使用的地方，因此我們有必要知道它們的歷史淵源以及如何使用它們。Periodic Table of Typefaces一個(gè)最受歡迎的字體分類參考。Fonts for iPad & iPhone這是一個(gè)專門可用在 iPhone, iPod Touch 和 iPad 的字體分類參考。Font Anatomy (Wallpaper)一個(gè)對(duì)排版微妙之處不錯(cuò)的概述。你對(duì)”arm” 和”beak”有何了解？讓時(shí)間告訴你。Typographic Rules Checklist(PDF)一個(gè)很有用的排版清單，不僅僅告訴你一些基本的排版規(guī)則和指導(dǎo)，更讓你從中得到項(xiàng)目所需的字體。Typography Checklist(PDF)由Jason DewinetzIf編制的一個(gè)關(guān)于排版核查的列表。它或許會(huì)讓你在新項(xiàng)目開(kāi)始或者出書打印之前先做一個(gè)周到的考慮。So You Need A Typeface (Infographics)一個(gè)在你設(shè)計(jì)時(shí)可以獲得切實(shí)幫助的圖表。你可能有興趣探尋通往漫畫字體的路徑。尋找正確的類型The Right Font for the Job在之前幾年，你或許需要在選擇TrueType、PostScript、Mac o或者Windows字體中大費(fèi)周章。但如今，這樣的抉擇已經(jīng)變得相當(dāng)簡(jiǎn)單：OpenType是最方便、功能齊全的字體格式，兼容所有現(xiàn)代屏幕和打印工作流程。所有被分散在PostScript 和 TrueType文件中的內(nèi)容都被整合到OpenType上來(lái)，這是一個(gè)真正跨平臺(tái)的字體格式，你可以在Mac或Windows平臺(tái)上使用相同的字體，無(wú)需擔(dān)心回流。Erik Spiekermanns Typo Tips隨著桌面出版系統(tǒng)的發(fā)明，設(shè)計(jì)師們發(fā)現(xiàn)自己可以在自己的電腦上進(jìn)行排版設(shè)置。在那之前，他們給排字機(jī)和離崗的專業(yè)人士制作排字規(guī)范，因此，你仍然可以經(jīng)常見(jiàn)到一些經(jīng)典的錯(cuò)誤排版技巧即使是在優(yōu)質(zhì)的印刷品中。你可以在Erik Spiekermann（FF Meta的設(shè)計(jì)師，Meta Design創(chuàng)始人，stop Stealing Sheep的聯(lián)合作者之一，F(xiàn)ontShop的創(chuàng)始人之一）身上學(xué)到一些技巧，這將讓你防止一些更明顯的錯(cuò)誤發(fā)生。Thirteen Ways of Looking at a Typeface在開(kāi)始的十年職業(yè)生涯中，我曾為設(shè)計(jì)師Massimo Vignelli工作。他是傳說(shuō)中使用極少數(shù)字體的人。1980年到1990年之間,我的大部分項(xiàng)目都在這五種字體中選擇:Helvetica , Futura, Garamond，Century Expanded,包括 Bodoni.Picking Type for WebPicking Type for Web是MIX在線即將推出重新設(shè)計(jì)的視覺(jué)設(shè)計(jì)過(guò)程的一部分，我一直在嘗試著排版。要找到一個(gè)既美觀又清晰的字體，是很棘手的。How To Choose A Font在尋找字體的過(guò)程中你是否碰到過(guò)困難？當(dāng)然,每個(gè)人都有。這是一篇教你如何選擇字體的指導(dǎo)文章。這些指標(biāo)被收錄到Robin Williams偉大的著作The Non-Designers Type Book中，我建議在每一次印刷時(shí)都優(yōu)先考慮前5點(diǎn)。在下一次字體的選擇時(shí)都仔細(xì)考慮一下。On Choosing Type排版并不是一門科學(xué)技術(shù)，而是一門藝術(shù)。總是有人認(rèn)為足夠強(qiáng)大的樣本數(shù)據(jù)可以使排版”科學(xué)化”以便讓人們更好地排版。然而，這種香腸機(jī)心態(tài)制只能用來(lái)生產(chǎn)香腸排版和字體的選擇并非科學(xué)定理而是一門自由的喜好選擇。結(jié)合型Fundamentals: Combining Type With Helvetica在FontShop Fundamentals的問(wèn)題上，我們首次請(qǐng)出Guest FontLists。在建立我們自己的列表的過(guò)程中，我們向自己仰慕的專家詢問(wèn)排版方式包括它們的使用方式、風(fēng)格和概念。Four Ways to Mix Fonts是否有辦法讓我們知道哪些字體適合在一起排版呢？構(gòu)建一個(gè)控制板是個(gè)直觀的過(guò)程，但是如果反復(fù)用兩次、三次、四次甚至到五次的話，會(huì)讓人感到畏懼。在排版方式的泱泱大海中，這里有四種方法：所有方案都緊緊繞著H&FJ字體結(jié)合的高度科學(xué)第一原理（Highly Scientific First Principle of Combining Fonts），并讓它們求同存異。How do I choose paring fonts ?當(dāng)我必須為一個(gè)項(xiàng)目選擇字體時(shí)，我總是依靠自己的直覺(jué)和不斷的嘗試在這些”愛(ài)恨情仇”的歷練中得到最后的決定。這種方法總要靠運(yùn)氣，并且很是耗費(fèi)時(shí)間，而且我總是需要在論壇上尋求幫助。類型設(shè)計(jì)Beginners Guide to OpenTypeOpenType(OT)是一個(gè)跨平臺(tái)的字體格式，包括專業(yè)的布局功能,以提供更豐富的語(yǔ)言支持和先進(jìn)的印刷控制。使用OT技巧，你可以在不同的glyphs1里使用不同的替代角色?？噹?、大小寫、分?jǐn)?shù),上標(biāo)/下標(biāo)，交替出現(xiàn),燙金漢字等等。這份初學(xué)指南可以在人們需要的時(shí)候幫助闡明一些在OT上比較常見(jiàn)的特性。Making Geometric Type Work在平面設(shè)計(jì)師開(kāi)始設(shè)計(jì)實(shí)驗(yàn)時(shí)，幾何或模塊化的字體是一個(gè)很自然的起點(diǎn)。插畫家們和其他項(xiàng)目提供者給我們提供了一些簡(jiǎn)單的元素集合，可以用來(lái)創(chuàng)建一些過(guò)得去的字母：比如圓形、方形、三角形。這是我對(duì)商業(yè)字體感到不滿時(shí)常用的方法。為了適應(yīng)更簡(jiǎn)單卻更為嚴(yán)格的規(guī)則，我試圖扭曲每個(gè)字符，然后得到一種富有異國(guó)情調(diào)的字形并且比其他的更為清晰。A few things Ive learned about typeface design研究生課程教學(xué)很像一個(gè)螺旋：每年重復(fù)同樣的項(xiàng)目，為學(xué)生而準(zhǔn)備的每一個(gè)汽車旅行的教育和發(fā)現(xiàn),都好像一圈圈的云彩。在學(xué)生群體中似乎沒(méi)有自己思考的時(shí)間，但是這只是年復(fù)一年逐漸進(jìn)步的一個(gè)過(guò)程。在MA Typeface Design學(xué)習(xí)的十年其實(shí)是一個(gè)很好的自我反思經(jīng)歷，并且發(fā)布的一些成果也證實(shí)了這一點(diǎn)。Case-Study: The Making of Vesper設(shè)計(jì)師Rob Keller的Vesper字體創(chuàng)建過(guò)程中不錯(cuò)的一個(gè)案例?！边@項(xiàng)改進(jìn)工程進(jìn)行了差不多三年。本文中我將這一過(guò)程分為2個(gè)階段：一是在大學(xué)期間的學(xué)習(xí)研究；二是畢業(yè)以后。希望在這篇高度濃縮后還是很冗長(zhǎng)的文檔里面，您能夠?qū)W習(xí)到一些關(guān)于我的第一個(gè)主要設(shè)計(jì)工程的有趣經(jīng)驗(yàn)?！迸虐婀ぞ逿ypeIt: ：在線音標(biāo)符號(hào)、變音符號(hào)以及國(guó)外字母這項(xiàng)服務(wù)允許你在打字的時(shí)候創(chuàng)建一些特殊的音標(biāo)和字符（例如標(biāo)點(diǎn)符號(hào)）。除了點(diǎn)擊上面的按鈕，你還可以設(shè)置快捷鍵，例如ctrl+N，當(dāng)鼠標(biāo)移到那個(gè)按鈕上時(shí)便會(huì)有標(biāo)簽閃現(xiàn)。Web Font Specimen由于web樣式的不同是由CSS的細(xì)微改變引起的，所以這里可以讓設(shè)計(jì)師們得到極大的鍛煉。typesetand同樣也幫助我們?nèi)绾卧陧?xiàng)目中對(duì)排版做出決策。Typograph: Scale & Rhythm這既是一篇文章也是一個(gè)工具。它提出了兩個(gè)相互交織的概念，看起來(lái)有點(diǎn)戲謔，但很好玩。沿著標(biāo)尺拖動(dòng)顏色盒，然后重新排版并拋出新字母。大多數(shù)情況下，這些文本只是測(cè)試你如何重組它們的劇本。TextMod 2.1與虛擬文本生成器不同的是，它可以讓你修改一個(gè)真正的文本來(lái)匹配你當(dāng)前的字符集，換言之，你可以用它來(lái)測(cè)試你的字體。你的TextMod設(shè)置存儲(chǔ)在一個(gè)cookie里面。但是現(xiàn)在TextMod僅僅適用于拉丁語(yǔ)和亞美尼亞。ReadabilityReadability是一個(gè)簡(jiǎn)單的書簽它刪掉了一些混雜的部分，使得我們?cè)诰W(wǎng)上的閱讀體驗(yàn)變得更加愉快。Free Typographic XHTML/CSS-Layouts For Your Designs一個(gè)社區(qū)上免費(fèi)發(fā)布的漂亮的字符集（基于(X)HTML+CSS的呦）。Typography Keyboard Layout輸入一些鍵盤上不能正常輸入的特殊字符的工具。這個(gè)對(duì)你來(lái)說(shuō)一定很有用 font-family 一個(gè)為web開(kāi)發(fā)人員和設(shè)計(jì)人員提供替代CSS樣式的建議資源。EmChart一款查看介于你的頁(yè)面大小和字體元素之間的選擇的地圖導(dǎo)向工具。MyFontbook, A Browser-Based Free Font ViewermyFontbook是一個(gè)用來(lái)針對(duì)你用于瀏覽器頁(yè)面上展示字體的一款免費(fèi)的查看分類和組織工具。Font FinderFontFinder是為設(shè)計(jì)師、開(kāi)發(fā)人員和排印人員準(zhǔn)備的，它允許用戶在這個(gè)頁(yè)面上分析字體的詳細(xì)信息，復(fù)制到剪貼板，然后加以利用。Unicode Codepoint Chart這是根據(jù)字符和字母分解而得的參考圖表。在這里，你只需要選擇你需要的字符，帶到你的測(cè)試頁(yè)面上，一個(gè)SVG格式的大綱（HTML entity, UTF-8, UTF-16, UTF-32, ISO-8859-8等）便會(huì)出現(xiàn)。Create Your Own font-face Kits在線字體生成器。XHTML Character Entity Reference這個(gè)頁(yè)面包含了由W3C發(fā)布的252項(xiàng)HTML 4 和 XHTML 1.0的官方標(biāo)準(zhǔn)。HTML Entity Character Lookup使用HTML來(lái)驗(yàn)證你的字符在網(wǎng)頁(yè)上能否正常使用是很好的方法。然而為了尋找合適的字符往往讓我們精疲力盡。這個(gè)平臺(tái)有助于我們快速查找到實(shí)體。CopyPasteC這個(gè)頁(yè)面讓你選擇在你的程序上進(jìn)行排版展示的字母。調(diào)查和研究Typographic Design Patterns and Best Practices即使在CSS里面選項(xiàng)很有限，使用CSS排版設(shè)計(jì)模式和最佳實(shí)踐排版出來(lái)的效果依然差異很大。要不要襯線？字母的大??？線高度、間距、字體大小和paddingE。這張清單永遠(yuǎn)都在繼續(xù)。Visual Search and Reading Tasks Using ClearType and Regular Displays一份探索ClearType 和普通字體展示清晰性能的學(xué)術(shù)論文。結(jié)果是：對(duì)于大多數(shù)用戶來(lái)說(shuō)，使用ClearType擴(kuò)展的文本清晰度更高交互性能更強(qiáng)，更便于擴(kuò)展。Font vs. Typeface: font terms survey results根據(jù)這項(xiàng)研究,整體的觀點(diǎn)是,在當(dāng)今世界數(shù)字化排印”字樣”意味著總體設(shè)計(jì),包括所有的風(fēng)格,不管它是如何實(shí)例化的,而”字體”意味著單一風(fēng)格的一種字體,比如簡(jiǎn)明斜體就是一個(gè)特定的文本格式。然而,這并不一定是正確的。Font or Typeface?在我們和多個(gè)FontFeed作者合作的過(guò)程當(dāng)中，我們?yōu)樽约汉陀脩艨偨Y(jié)了一份指導(dǎo)方針。我們關(guān)注的問(wèn)題之一是，在談?wù)撚∷⒑拖嚓P(guān)術(shù)語(yǔ)時(shí)，我們應(yīng)嘗試”講同一種語(yǔ)言”。因?yàn)檫@些術(shù)語(yǔ)發(fā)展了相當(dāng)長(zhǎng)的一段時(shí)間，看到幾個(gè)過(guò)渡技巧之后，他們有時(shí)會(huì)以不同的方式解釋之。這導(dǎo)致了一個(gè)術(shù)語(yǔ)在交談中經(jīng)常被混淆掉。優(yōu)秀排版的規(guī)則A Guide to Web Typography自Tim Berners-Lee 1991年”反轉(zhuǎn)”了字體排版的開(kāi)關(guān)以后，字體的網(wǎng)頁(yè)排版技術(shù)已經(jīng)走過(guò)了很長(zhǎng)的一段旅程?；氐絀E1.0時(shí)代，良好的網(wǎng)頁(yè)排版是一個(gè)矛盾的東西。如今，一切都不同了。我們不僅有支持圖像的瀏覽器，還可以通過(guò)排版技巧使頁(yè)面更加豐富多彩。The Principles of Beautiful Typography對(duì)絕大多數(shù)人來(lái)說(shuō)，排版僅僅是一個(gè)把圖形組合起來(lái)形成單詞、句子和段落的一種簡(jiǎn)單的操作。What is typography today?大多數(shù)人認(rèn)為排版和設(shè)計(jì)以及選擇字體有關(guān)。這可以說(shuō)是正確的。就好像家具之對(duì)于建筑?，F(xiàn)實(shí)生活中它不是一個(gè)目的而是一個(gè)通往目的地的手段。建筑學(xué)的終極目標(biāo)是讓人們感到舒適從容，并且一直保持焦點(diǎn)關(guān)注。排版亦如此。The Ails Of Typographic Anti-Aliasing當(dāng)印刷排版技術(shù)因?yàn)楦呦袼囟T果累累時(shí)，在屏幕上卻依然受低分辨率的重大摧殘。各種鋸齒、扭曲的字形、消減的襯線使得它”面黃肌瘦”。這種嚴(yán)苛的情勢(shì)一直延續(xù)到顯示器制造商生產(chǎn)出可負(fù)擔(dān)得起200或300 PPI的顯示器,我們不得不依賴于軟件的發(fā)展來(lái)解決這些問(wèn)題。Type-Inspired Interfaces在每個(gè)項(xiàng)目中我覺(jué)得最為困難的就是起點(diǎn)。內(nèi)容是如何制定下來(lái)的呢？我應(yīng)該選擇何種顏色？一旦這些都確定下來(lái)，設(shè)計(jì)就顯得直接明了。萬(wàn)事開(kāi)頭難，為此，我總是先選擇類型。CSS和嵌入字體Revised Font Stack為了提高web排版技術(shù)，人們?cè)趯で蟾S富的排版選擇上孜孜不倦地努力著。不過(guò),大多數(shù)人更喜歡網(wǎng)頁(yè)安全字體：Verdana, Georgia, Times New Roman and Arial. 盡管這些選擇看起來(lái)非常有限，但是人們通過(guò)安裝預(yù)加字體得以增大這個(gè)選擇數(shù)目。Becoming a Font Embedding Master我曾經(jīng)花了幾天時(shí)間試圖找出一些最能匹配的可嵌入的字體現(xiàn)在看起來(lái)很值得。這是一個(gè)我們必須掌握的”黑暗藝術(shù)”，它絕不是一個(gè)簡(jiǎn)單的過(guò)程而已。Web Font User Guide一個(gè)為設(shè)計(jì)師、開(kāi)發(fā)人員和系統(tǒng)管理員而備的參考。它解釋了在您的網(wǎng)站上如何開(kāi)始使用視覺(jué)字體。也為管理員提供在服務(wù)器如何更改網(wǎng)站字體配置的一些信息。靈感來(lái)源：展板、博客等we love typography一個(gè)關(guān)于類型、排版、文章和標(biāo)志的展板。FINDINGS另一個(gè)搜集漂亮字體的博客。typo/graphic posters這是一個(gè)字體和圖形的目錄大綱。The Journal of Urban TypographyTJOUT致力于城市環(huán)境中的文