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

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