我們喜歡漂亮的字體，欣賞那些想出排版技巧和工具的設計師們。我們總是在小心翼翼地尋找資源，試圖找到最好的來使用。現在，是時候呈現出一組漂亮新鮮的排版資源了。
為了改善你的排版技巧，我們在這里提供排版相關的有用文章、工具和資源。你將學習基礎的排版,知道如何選擇字體并記住它們。這里還提供字體排版相關的幻燈片、詞匯表、圖表布局和經驗分享。
開始之前，您可能對以下相關帖子感興趣：
排版相關的參考文獻和有用資源
本文的目的是幫助設計師區分基本文字的屬性。它解釋了文字種類并且提供相應的例子。這是短小精悍的好文章。
Typedia:一個字體中的共享百科全書
Typedia是一個對各種字體進行分門別類的百科全書，它的連接性很強大。這是一個專門針對字體進行分類并且告訴人們相關知識的社區網站，很像IMDb和維基百科的混合衍生物，但是只是針對文字類型而已。每個人都可以參與進來，添加、編輯新的字體類型頁面。
很多字體都有各自的名稱縮寫。有一些是關于符號集和字體格式的， 另外一些是關乎設計特質和鑄造工程的等等。這些縮寫及其釋義可以讓我們從解壓縮的排版中找到一份全面的清單。
我們往往對很多印刷標記很熟悉，但對其本身卻只是一知半解。這些字形擁有很有趣的演變歷史，它們通過歷史的"嚴刑拷打"終于幸存下來，最終被我們廣泛地使用。現在，它們大多出現在我們的鍵盤、軟件，和一些經常使用的地方，因此我們有必要知道它們的歷史淵源以及如何使用它們。
一個最受歡迎的字體分類參考。
這是一個專門可用在 iPhone, iPod Touch 和 iPad 的字體分類參考。
一個對排版微妙之處不錯的概述。你對"arm" 和"beak"有何了解？讓時間告訴你。
Typographic Rules Checklist (PDF)
一個很有用的排版清單，不僅僅告訴你一些基本的排版規則和指導，更讓你從中得到項目所需的字體。
Typography Checklist (PDF)
由Jason DewinetzIf編制的一個關于排版核查的列表。它或許會讓你在新項目開始或者出書打印之前先做一個周到的考慮。
So You Need A Typeface (Infographics)
一個在你設計時可以獲得切實幫助的圖表。你可能有興趣探尋通往漫畫字體的路徑。
尋找正確的類型
在之前幾年，你或許需要在選擇TrueType、PostScript、Mac o或者Windows字體中大費周章。但如今，這樣的抉擇已經變得相當簡單：OpenType是最方便、功能齊全的字體格式，兼容所有現代屏幕和打印工作流程。所有被分散在PostScript 和 TrueType文件中的內容都被整合到OpenType上來，這是一個真正跨平臺的字體格式，你可以在Mac或Windows平臺上使用相同的字體，無需擔心回流。
隨著桌面出版系統的發明，設計師們發現自己可以在自己的電腦上進行排版設置。在那之前，他們給排字機和離崗的專業人士制作排字規范，因此，你仍然可以經常見到一些經典的錯誤排版技巧——即使是在優質的印刷品中。你可以在Erik Spiekermann（FF Meta¨的設計師，Meta Design創始人，'stop Stealing Sheep'的聯合作者之一，FontShop的創始人之一）身上學到一些技巧，這將讓你防止一些更明顯的錯誤發生。
Thirteen Ways of Looking at a Typeface
在開始的十年職業生涯中，我曾為設計師Massimo Vignelli工作。他是傳說中使用極少數字體的人。1980年到1990年之間,我的大部分項目都在這五種字體中選擇:Helvetica , Futura, Garamond，Century Expanded,包括 Bodoni.
Picking Type for Web是MIX在線即將推出重新設計的視覺設計過程的一部分，我一直在嘗試著排版。要找到一個既美觀又清晰的字體，是很棘手的。
在尋找字體的過程中你是否碰到過困難？當然,每個人都有。這是一篇教你如何選擇字體的指導文章。這些指標被收錄到Robin Williams偉大的著作《The Non-Designers Type Book》中，我建議在每一次印刷時都優先考慮前5點。在下一次字體的選擇時都仔細考慮一下。
排版并不是一門科學技術，而是一門藝術。總是有人認為足夠強大的樣本數據可以使排版"科學化"以便讓人們更好地排版。然而，這種香腸機心態制只能用來生產香腸~排版和字體的選擇并非科學定理而是一門自由的喜好選擇。
結合型
Fundamentals: Combining Type With Helvetica
在FontShop Fundamentals的問題上，我們首次請出Guest FontLists。在建立我們自己的列表的過程中，我們向自己仰慕的專家詢問排版方式——包括它們的使用方式、風格和概念。
是否有辦法讓我們知道哪些字體適合在一起排版呢？構建一個控制板是個直觀的過程，但是如果反復用兩次、三次、四次甚至到五次的話，會讓人感到畏懼。在排版方式的泱泱大海中，這里有四種方法：所有方案都緊緊繞著H&FJ字體結合的高度科學第一原理（Highly Scientific First Principle of Combining Fonts），并讓它們求同存異。
How do I choose paring fonts ?
當我必須為一個項目選擇字體時，我總是依靠自己的直覺和不斷的嘗試——在這些"愛恨情仇"的歷練中得到最后的決定。這種方法總要靠運氣，并且很是耗費時間，而且我總是需要在論壇上尋求幫助。
類型設計
OpenType(OT)是一個跨平臺的字體格式，包括專業的布局功能,以提供更豐富的語言支持和先進的印刷控制。使用OT技巧，你可以在不同的glyphs1里使用不同的替代角色。繃帶型、大小寫、分數,上標/下標，交替出現,燙金漢字等等。這份初學指南可以在人們需要的時候幫助闡明一些在OT上比較常見的特性。
在平面設計師開始設計實驗時，幾何或模塊化的字體是一個很自然的起點。插畫家們和其他項目提供者給我們提供了一些簡單的元素集合，可以用來創建一些過得去的字母：比如圓形、方形、三角形。這是我對商業字體感到不滿時常用的方法。為了適應更簡單卻更為嚴格的規則，我試圖扭曲每個字符，然后得到一種富有異國情調的字形并且比其他的更為清晰。
A few things I've learned about typeface design
研究生課程教學很像一個螺旋：每年重復同樣的項目，為學生而準備的每一個汽車旅行的教育和發現,都好像一圈圈的云彩。在學生群體中似乎沒有自己思考的時間，但是這只是年復一年逐漸進步的一個過程。在MA Typeface Design學習的十年其實是一個很好的自我反思經歷，并且發布的一些成果也證實了這一點。
Case-Study: The Making of Vesper
設計師Rob Keller的Vesper字體創建過程中不錯的一個案例。"這項改進工程進行了差不多三年。本文中我將這一過程分為2個階段：一是在大學期間的學習研究；二是畢業以后。希望在這篇高度濃縮后還是很冗長的文檔里面，您能夠學習到一些關于我的第一個主要設計工程的有趣經驗。"
排版工具
這項服務允許你在打字的時候創建一些特殊的音標和字符（例如標點符號）。除了點擊上面的按鈕，你還可以設置快捷鍵，例如ctrl+N，當鼠標移到那個按鈕上時便會有標簽閃現。
由于web樣式的不同是由CSS的細微改變引起的，所以這里可以讓設計師們得到極大的鍛煉。typeset?and同樣也幫助我們如何在項目中對排版做出決策。
這既是一篇文章也是一個工具。它提出了兩個相互交織的概念，看起來有點戲謔，但很好玩。沿著標尺拖動顏色盒，然后重新排版并拋出新字母。大多數情況下，這些文本只是測試你如何重組它們的劇本。
與虛擬文本生成器不同的是，它可以讓你修改一個真正的文本來匹配你當前的字符集，換言之，你可以用它來測試你的字體。你的TextMod設置存儲在一個cookie里面。但是現在TextMod僅僅適用于拉丁語和亞美尼亞。
Readability是一個簡單的書簽——它刪掉了一些混雜的部分，使得我們在網上的閱讀體驗變得更加愉快。
Free Typographic XHTML/CSS-Layouts For Your Designs
一個社區上免費發布的漂亮的字符集（基于(X)HTML+CSS的呦~）。
輸入一些鍵盤上不能正常輸入的特殊字符的工具。這個對你來說一定很有用~
一個為web開發人員和設計人員提供替代CSS樣式的建議資源。
一款查看介于你的頁面大小和字體元素之間的選擇的地圖導向工具。
MyFontbook, A Browser-Based Free Font Viewer
myFontbook是一個用來針對你用于瀏覽器頁面上展示字體的一款免費的查看分類和組織工具。
FontFinder是為設計師、開發人員和排印人員準備的，它允許用戶在這個頁面上分析字體的詳細信息，復制到剪貼板，然后加以利用。
這是根據字符和字母分解而得的參考圖表。在這里，你只需要選擇你需要的字符，帶到你的測試頁面上，一個SVG格式的大綱（HTML entity, UTF-8, UTF-16, UTF-32, ISO-8859-8等）便會出現。
Create Your Own @font-face Kits
在線字體生成器。
XHTML Character Entity Reference
這個頁面包含了由W3C發布的252項HTML 4 和 XHTML 1.0的官方標準。
使用HTML來驗證你的字符在網頁上能否正常使用是很好的方法。然而為了尋找合適的字符往往讓我們精疲力盡。這個平臺有助于我們快速查找到實體。
這個頁面讓你選擇在你的程序上進行排版展示的字母。
調查和研究
Typographic Design Patterns and Best Practices
即使在CSS里面選項很有限，使用CSS 排版設計模式和最佳實踐排版出來的效果依然差異很大。要不要襯線？字母的大小？線高度、間距、字體大小和paddingE。這張清單永遠都在繼續。
Visual Search and Reading Tasks Using ClearType and Regular Displays
一份探索ClearType 和普通字體展示清晰性能的學術論文。結果是：對于大多數用戶來說，使用ClearType擴展的文本清晰度更高交互性能更強，更便于擴展。
根據這項研究,整體的觀點是,在當今世界數字化排印"字樣"意味著總體設計,包括所有的風格,不管它是如何實例化的,而"字體"意味著單一風格的一種字體,比如簡明斜體就是一個特定的文本格式。然而,這并不一定是正確的。
在我們和多個FontFeed作者合作的過程當中，我們為自己和用戶總結了一份指導方針。我們關注的問題之一是，在談論印刷和相關術語時，我們應嘗試"講同一種語言"。因為這些術語發展了相當長的一段時間，看到幾個過渡技巧之后，他們有時會以不同的方式解釋之。這導致了一個術語在交談中經常被混淆掉。
優秀排版的規則
自Tim Berners-Lee 1991年"反轉"了字體排版的開關以后，字體的網頁排版技術已經走過了很長的一段旅程。回到IE1.0時代，良好的網頁排版是一個矛盾的東西。如今，一切都不同了。我們不僅有支持圖像的瀏覽器，還可以通過排版技巧使頁面更加豐富多彩。
The Principles of Beautiful Typography
對絕大多數人來說，排版僅僅是一個把圖形組合起來形成單詞、句子和段落的一種簡單的操作。
大多數人認為排版和設計以及選擇字體有關。這可以說是正確的。就好像家具之對于建筑。現實生活中它不是一個目的而是一個通往目的地的手段。建筑學的終極目標是讓人們感到舒適從容，并且一直保持焦點關注。排版亦如此。
The Ails Of Typographic Anti-Aliasing
當印刷排版技術因為高像素而碩果累累時，在屏幕上卻依然受低分辨率的重大摧殘。各種鋸齒、扭曲的字形、消減的襯線使得它"面黃肌瘦"。這種嚴苛的情勢一直延續到顯示器制造商生產出可負擔得起200或300 PPI的顯示器,我們不得不依賴于軟件的發展來解決這些問題。
在每個項目中我覺得最為困難的就是起點。內容是如何制定下來的呢？我應該選擇何種顏色？一旦這些都確定下來，設計就顯得直接明了。萬事開頭難，為此，我總是先選擇類型。
CSS和嵌入字體
為了提高web排版技術，人們在尋求更豐富的排版選擇上孜孜不倦地努力著。不過,大多數人更喜歡網頁安全字體：Verdana, Georgia, Times New Roman and Arial. 盡管這些選擇看起來非常有限，但是人們通過安裝預加字體得以增大這個選擇數目。
Becoming a Font Embedding Master
我曾經花了幾天時間試圖找出一些最能匹配的可嵌入的字體——現在看起來很值得。這是一個我們必須掌握的"黑暗藝術"，它絕不是一個簡單的過程而已。
一個為設計師、開發人員和系統管理員而備的參考。它解釋了在您的網站上如何開始使用視覺字體。也為管理員提供在服務器如何更改網站字體配置的一些信息。
靈感來源：展板、博客等
一個關于類型、排版、文章和標志的展板。
另一個搜集漂亮字體的博客。
這是一個字體和圖形的目錄大綱。
The Journal of Urban Typography
TJOUT致力于城市環境中的文檔、學習印記、文字片段和排版的創意。
Pressing Letters: A Collection of Inspirational Letterpress
這是一個在凸版印刷中非常上進并且不斷提高創造力的項目。任何人都可以在這里提交他們凸版印刷的相關資源，例如參考文獻、小技巧和鏈接等等。該網站有許多不同的類別,包括名片、書籍、日歷、形象設計、音樂袖子、文具和海報。這是一個絕對值得標定書簽和定期訪問的博客。
一個排版工藝的聚合器——和新聞、文獻、工具相關。
哦，下面是關于排版的游戲！
這是一個幫助你區分字體間細微差別的工具。
Your Personality, Summarized in a Typeface
如果你曾經坐下來與字體設計師交談，你會發現他們很少在純粹的審美方面去討論字體，他們自信、友善或者冷靜地交談。換言之，他們只討論人格特質。這是很有意義的，你的人格特質將會轉換成相應的字體類型，Pentragram就做到了這點，在這個可愛的網站里面，你的類型是什么呢？（密碼是 Character）
TypePong是一個古老的又富有現代色彩的iPhone游戲，它讓你和你最喜歡的字體打乒乓球，你也可以在戰績上挑戰你的朋友。
你是一個嚴苛的shootin字體使用者還是連Futura怎么拼寫都不知道的人呢？為了證明你的設計學識，現在請往這banner的耙上射箭。你的每一次射擊成功都會被記錄下來，但是請注意：游戲中的桌子會不斷改變，所以請移動腳步完成任務。
相關帖子
你可能對以下相關帖子感興趣：
翻譯：SDC翻茄匠 @寫說說
原文地址 : http://t.cn/zWpV8pu
復制本文鏈接 文章為作者獨立觀點不代表優設網立場，未經允許不得轉載。
發評論！每天贏獎品
點擊 登錄 后，在評論區留言，系統會隨機派送獎品
2012年成立至今，是國內備受歡迎的設計師平臺，提供獎品贊助 聯系我們
AI輔助海報設計101例
已累計誕生 737 位幸運星
發表評論
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓