设计师必备的字体排版工具及资源下载

2013/03/21 33210

我们喜欢漂亮的字体,欣赏那些想出排版技巧和工具的设计师们。我们总是在小心翼翼地寻找资源,试图找到最好的来使用。现在,是时候呈现出一组漂亮新鲜的排版资源了。

为了改善你的排版技巧,我们在这里提供排版相关的有用文章、工具和资源。你将学习基础的排版,知道如何选择字体并记住它们。这里还提供字体排版相关的幻灯片、词汇表、图表布局和经验分享。
开始之前,您可能对以下相关帖子感兴趣:

· 50个有用的网页排版工具

· 25个免费的清新高质量字体

· 排版设计和模式实践

· Web设计者和开发人员实用术语

排版相关的参考文献和有用资源

The Taxonomy of Type

本文的目的是帮助设计师区分基本文字的属性。它解释了文字种类并且提供相应的例子。这是短小精悍的好文章。

Useful Typography Resources - The Taxonomy of Type

 

Typedia:一个字体中的共享百科全书

Typedia是一个对各种字体进行分门别类的百科全书,它的连接性很强大。这是一个专门针对字体进行分类并且告诉人们相关知识的社区网站,很像IMDb和维基百科的混合衍生物,但是只是针对文字类型而已。每个人都可以参与进来,添加、编辑新的字体类型页面。

Useful Typography Resources - Typedia: A Shared Encyclopedia of Typefaces

Typeface Anatomy and Glossary

很多字体都有各自的名称缩写。有一些是关于符号集和字体格式的, 另外一些是关乎设计特质和铸造工程的等等。这些缩写及其释义可以让我们从解压缩的排版中找到一份全面的清单。

Useful Typography Resources - Typeface Anatomy and Glossary

Typographic Marks Unknown

我们往往对很多印刷标记很熟悉,但对其本身却只是一知半解。这些字形拥有很有趣的演变历史,它们通过历史的”严刑拷打”终于幸存下来,最终被我们广泛地使用。现在,它们大多出现在我们的键盘、软件,和一些经常使用的地方,因此我们有必要知道它们的历史渊源以及如何使用它们。

Useful Typography Resources - retinart

Periodic Table of Typefaces

一个最受欢迎的字体分类参考。

Useful Typography Resources - Periodic Table of Typefaces

Fonts for iPad & iPhone

这是一个专门可用在 iPhone, iPod Touch 和 iPad 的字体分类参考。

Useful Typography Resources - Fonts for iPad & iPhone

Font Anatomy (Wallpaper)

一个对排版微妙之处不错的概述。你对”arm” 和”beak”有何了解?让时间告诉你。

Useful Typography Resources - Wallpaper : Font Anatomy

Typographic Rules Checklist (PDF)

一个很有用的排版清单,不仅仅告诉你一些基本的排版规则和指导,更让你从中得到项目所需的字体。

 

Typography Checklist (PDF)

由Jason DewinetzIf编制的一个关于排版核查的列表。它或许会让你在新项目开始或者出书打印之前先做一个周到的考虑。

Type in 45 Incredibly Useful Web Design Checklists and Questionnaires

So You Need A Typeface (Infographics)

一个在你设计时可以获得切实帮助的图表。你可能有兴趣探寻通往漫画字体的路径。

Useful Typography Resources - So You Need A Typeface

寻找正确的类型

 

The Right Font for the Job

在之前几年,你或许需要在选择TrueType、PostScript、Mac o或者Windows字体中大费周章。但如今,这样的抉择已经变得相当简单:OpenType是最方便、功能齐全的字体格式,兼容所有现代屏幕和打印工作流程。所有被分散在PostScript 和 TrueType文件中的内容都被整合到OpenType上来,这是一个真正跨平台的字体格式,你可以在Mac或Windows平台上使用相同的字体,无需担心回流。

Useful Typography Resources - The Right Font for the Job

Erik Spiekermann’s Typo Tips

随着桌面出版系统的发明,设计师们发现自己可以在自己的电脑上进行排版设置。在那之前,他们给排字机和离岗的专业人士制作排字规范,因此,你仍然可以经常见到一些经典的错误排版技巧——即使是在优质的印刷品中。你可以在Erik Spiekermann(FF Meta¨的设计师,Meta Design创始人,’stop Stealing Sheep’的联合作者之一,FontShop的创始人之一)身上学到一些技巧,这将让你防止一些更明显的错误发生。

Useful Typography Resources - Erik Spiekermann's Typo Tips

Thirteen Ways of Looking at a Typeface

在开始的十年职业生涯中,我曾为设计师Massimo Vignelli工作。他是传说中使用极少数字体的人。1980年到1990年之间,我的大部分项目都在这五种字体中选择:Helvetica , Futura, Garamond,Century Expanded,包括 Bodoni.

Useful Typography Resources - Thirteen Ways of Looking at a Typeface

Picking Type for Web

Picking Type for Web是MIX在线即将推出重新设计的视觉设计过程的一部分,我一直在尝试着排版。要找到一个既美观又清晰的字体,是很棘手的。

Useful Typography Resources - Picking Type for Web

How To Choose A Font

在寻找字体的过程中你是否碰到过困难?当然,每个人都有。这是一篇教你如何选择字体的指导文章。这些指标被收录到Robin Williams伟大的著作《The Non-Designers Type Book》中,我建议在每一次印刷时都优先考虑前5点。在下一次字体的选择时都仔细考虑一下。

Useful Typography Resources - How To Choose A Font

On Choosing Type

排版并不是一门科学技术,而是一门艺术。总是有人认为足够强大的样本数据可以使排版”科学化”以便让人们更好地排版。然而,这种香肠机心态制只能用来生产香肠~排版和字体的选择并非科学定理而是一门自由的喜好选择。

Useful Typography Resources - On Choosing Type

结合型

Fundamentals: Combining Type With Helvetica

在FontShop Fundamentals的问题上,我们首次请出Guest FontLists。在建立我们自己的列表的过程中,我们向自己仰慕的专家询问排版方式——包括它们的使用方式、风格和概念。

Useful Typography Resources - Fundamentals: Combining Type With Helvetica

Four Ways to Mix Fonts

是否有办法让我们知道哪些字体适合在一起排版呢?构建一个控制板是个直观的过程,但是如果反复用两次、三次、四次甚至到五次的话,会让人感到畏惧。在排版方式的泱泱大海中,这里有四种方法:所有方案都紧紧绕着H&FJ字体结合的高度科学第一原理(Highly Scientific First Principle of Combining Fonts),并让它们求同存异。

Useful Typography Resources - Four Ways to Mix Fonts

How do I choose paring fonts ?

当我必须为一个项目选择字体时,我总是依靠自己的直觉和不断的尝试——在这些”爱恨情仇”的历练中得到最后的决定。这种方法总要靠运气,并且很是耗费时间,而且我总是需要在论坛上寻求帮助。

Useful Typography Resources - How do I choose paring fonts ?

类型设计

Beginner’s Guide to OpenType

OpenType(OT)是一个跨平台的字体格式,包括专业的布局功能,以提供更丰富的语言支持和先进的印刷控制。使用OT技巧,你可以在不同的glyphs1里使用不同的替代角色。绷带型、大小写、分数,上标/下标,交替出现,烫金汉字等等。这份初学指南可以在人们需要的时候帮助阐明一些在OT上比较常见的特性。

Useful Typography Resources - Beginner's Guide to OpenType

Making Geometric Type Work

在平面设计师开始设计实验时,几何或模块化的字体是一个很自然的起点。插画家们和其他项目提供者给我们提供了一些简单的元素集合,可以用来创建一些过得去的字母:比如圆形、方形、三角形。这是我对商业字体感到不满时常用的方法。为了适应更简单却更为严格的规则,我试图扭曲每个字符,然后得到一种富有异国情调的字形并且比其他的更为清晰。

Useful Typography Resources - Making Geometric Type Work

A few things I’ve learned about typeface design

研究生课程教学很像一个螺旋:每年重复同样的项目,为学生而准备的每一个汽车旅行的教育和发现,都好像一圈圈的云彩。在学生群体中似乎没有自己思考的时间,但是这只是年复一年逐渐进步的一个过程。在MA Typeface Design学习的十年其实是一个很好的自我反思经历,并且发布的一些成果也证实了这一点。

Useful Typography Resources - I love typography

Case-Study: The Making of Vesper

设计师Rob Keller的Vesper字体创建过程中不错的一个案例。”这项改进工程进行了差不多三年。本文中我将这一过程分为2个阶段:一是在大学期间的学习研究;二是毕业以后。希望在这篇高度浓缩后还是很冗长的文档里面,您能够学习到一些关于我的第一个主要设计工程的有趣经验。”

Useful Typography Resources - The Making of Vesper

排版工具

TypeIt: :在线音标符号、变音符号以及国外字母

这项服务允许你在打字的时候创建一些特殊的音标和字符(例如标点符号)。除了点击上面的按钮,你还可以设置快捷键,例如ctrl+N,当鼠标移到那个按钮上时便会有标签闪现。

Useful Typography Resources - TypeIt - Type accent marks, diacritics and foreign letters online

Web Font Specimen

由于web样式的不同是由CSS的细微改变引起的,所以这里可以让设计师们得到极大的锻炼。typesetÑand同样也帮助我们如何在项目中对排版做出决策。

Useful Typography Resources - Web Font Specimen

Typograph: Scale & Rhythm

这既是一篇文章也是一个工具。它提出了两个相互交织的概念,看起来有点戏谑,但很好玩。沿着标尺拖动颜色盒,然后重新排版并抛出新字母。大多数情况下,这些文本只是测试你如何重组它们的剧本。

Useful Typography Resources - Typograph: Scale & Rhythm

 

TextMod 2.1

与虚拟文本生成器不同的是,它可以让你修改一个真正的文本来匹配你当前的字符集,换言之,你可以用它来测试你的字体。你的TextMod设置存储在一个cookie里面。但是现在TextMod仅仅适用于拉丁语和亚美尼亚。

Useful Typography Resources - TextMod 2.1

Readability

Readability是一个简单的书签——它删掉了一些混杂的部分,使得我们在网上的阅读体验变得更加愉快。

Useful Typography Resources - Readability - An Arc90 Lab Experiment

Free Typographic XHTML/CSS-Layouts For Your Designs

一个社区上免费发布的漂亮的字符集(基于(X)HTML+CSS的呦~)。

Useful Typography Resources - Free Typographic XHTML/CSS-Layouts For Your Designs

Typography Keyboard Layout

输入一些键盘上不能正常输入的特殊字符的工具。这个对你来说一定很有用~

Useful Typography Resources - Typography Keyboard Layout: Download Now!

{ font-family }

一个为web开发人员和设计人员提供替代CSS样式的建议资源。

Useful Typography Resources - { font-family }

EmChart

一款查看介于你的页面大小和字体元素之间的选择的地图导向工具。

EmChart

MyFontbook, A Browser-Based Free Font Viewer

myFontbook是一个用来针对你用于浏览器页面上展示字体的一款免费的查看分类和组织工具。

Useful Typography Resources - MyFontbook, A Browser-Based Free Font Viewer

Font Finder

FontFinder是为设计师、开发人员和排印人员准备的,它允许用户在这个页面上分析字体的详细信息,复制到剪贴板,然后加以利用。

Useful Typography Resources - Font Finder :: Add-ons for Firefox

Unicode Codepoint Chart

这是根据字符和字母分解而得的参考图表。在这里,你只需要选择你需要的字符,带到你的测试页面上,一个SVG格式的大纲(HTML entity, UTF-8, UTF-16, UTF-32, ISO-8859-8等)便会出现。

Useful Typography Resources - Unicode Codepoint Chart

 

Create Your Own @font-face Kits

在线字体生成器。

Useful Typography Resources - Create Your Own @font-face Kits

 

XHTML Character Entity Reference

这个页面包含了由W3C发布的252项HTML 4 和 XHTML 1.0的官方标准。

Useful Typography Resources - XHTML Character Entity Reference

HTML Entity Character Lookup

使用HTML来验证你的字符在网页上能否正常使用是很好的方法。然而为了寻找合适的字符往往让我们精疲力尽。这个平台有助于我们快速查找到实体。

Useful Typography Resources - HTML Entity Character Lookup

CopyPasteCharacter.com

这个页面让你选择在你的程序上进行排版展示的字母。

Useful Typography Resources - CopyPasteCharacter.com

调查和研究

Typographic Design Patterns and Best Practices

即使在CSS里面选项很有限,使用CSS 排版设计模式和最佳实践排版出来的效果依然差异很大。要不要衬线?字母的大小?线高度、间距、字体大小和paddingE。这张清单永远都在继续。

Useful Typography Resources - Typographic Design Patterns and Best Practices

Visual Search and Reading Tasks Using ClearType and Regular Displays

一份探索ClearType 和普通字体展示清晰性能的学术论文。结果是:对于大多数用户来说,使用ClearType扩展的文本清晰度更高交互性能更强,更便于扩展。

Useful Typography Resources - Visual Search

‘Font’ vs. ‘Typeface’: font terms survey results

根据这项研究,整体的观点是,在当今世界数字化排印”字样”意味着总体设计,包括所有的风格,不管它是如何实例化的,而”字体”意味着单一风格的一种字体,比如简明斜体就是一个特定的文本格式。然而,这并不一定是正确的。

Useful Typography Resources - Phinney on Fonts

Font or Typeface?

在我们和多个FontFeed作者合作的过程当中,我们为自己和用户总结了一份指导方针。我们关注的问题之一是,在谈论印刷和相关术语时,我们应尝试”讲同一种语言”。因为这些术语发展了相当长的一段时间,看到几个过渡技巧之后,他们有时会以不同的方式解释之。这导致了一个术语在交谈中经常被混淆掉。

Useful Typography Resources - Font or Typeface?

优秀排版的规则

A Guide to Web Typography

自Tim Berners-Lee 1991年”反转”了字体排版的开关以后,字体的网页排版技术已经走过了很长的一段旅程。回到IE1.0时代,良好的网页排版是一个矛盾的东西。如今,一切都不同了。我们不仅有支持图像的浏览器,还可以通过排版技巧使页面更加丰富多彩。

Useful Typography Resources - A Guide to Web Typography

The Principles of Beautiful Typography

对绝大多数人来说,排版仅仅是一个把图形组合起来形成单词、句子和段落的一种简单的操作。

What is typography today?

大多数人认为排版和设计以及选择字体有关。这可以说是正确的。就好像家具之对于建筑。现实生活中它不是一个目的而是一个通往目的地的手段。建筑学的终极目标是让人们感到舒适从容,并且一直保持焦点关注。排版亦如此。

Useful Typography Resources - What is typography today?

The Ails Of Typographic Anti-Aliasing

当印刷排版技术因为高像素而硕果累累时,在屏幕上却依然受低分辨率的重大摧残。各种锯齿、扭曲的字形、消减的衬线使得它”面黄肌瘦”。这种严苛的情势一直延续到显示器制造商生产出可负担得起200或300 PPI的显示器,我们不得不依赖于软件的发展来解决这些问题。

Useful Typography Resources - The Ails Of Typographic Anti-Aliasing

Type-Inspired Interfaces

在每个项目中我觉得最为困难的就是起点。内容是如何制定下来的呢?我应该选择何种颜色?一旦这些都确定下来,设计就显得直接明了。万事开头难,为此,我总是先选择类型。

Useful Typography Resources - Type-Inspired Interfaces

CSS和嵌入字体

Revised Font Stack

为了提高web排版技术,人们在寻求更丰富的排版选择上孜孜不倦地努力着。不过,大多数人更喜欢网页安全字体:Verdana, Georgia, Times New Roman and Arial. 尽管这些选择看起来非常有限,但是人们通过安装预加字体得以增大这个选择数目。

Useful Typography Resources - Revised Font Stack

Becoming a Font Embedding Master

我曾经花了几天时间试图找出一些最能匹配的可嵌入的字体——现在看起来很值得。这是一个我们必须掌握的”黑暗艺术”,它绝不是一个简单的过程而已。

Useful Typography Resources - Becoming a Font Embedding Master

Web Font User Guide

一个为设计师、开发人员和系统管理员而备的参考。它解释了在您的网站上如何开始使用视觉字体。也为管理员提供在服务器如何更改网站字体配置的一些信息。

Useful Typography Resources - Web Font User Guide

灵感来源:展板、博客等

we love typography

一个关于类型、排版、文章和标志的展板。

Useful Typography Resources - we love typography

FINDINGS

另一个搜集漂亮字体的博客。

Useful Typography Resources - FINDINGS

typo/graphic posters

这是一个字体和图形的目录大纲。

Useful Typography Resources - typo/graphic posters

The Journal of Urban Typography

TJOUT致力于城市环境中的文档、学习印记、文字片段和排版的创意。

Useful Typography Resources - The Journal of Urban Typography

Pressing Letters: A Collection of Inspirational Letterpress

这是一个在凸版印刷中非常上进并且不断提高创造力的项目。任何人都可以在这里提交他们凸版印刷的相关资源,例如参考文献、小技巧和链接等等。该网站有许多不同的类别,包括名片、书籍、日历、形象设计、音乐袖子、文具和海报。这是一个绝对值得标定书签和定期访问的博客。

Useful Typography Resources - Pressing Letters: A Collection of Inspirational Letterpress

Alltop: Top Typography News

一个排版工艺的聚合器——和新闻、文献、工具相关。

Useful Typography Resources - Alltop - Top Typography News

哦,下面是关于排版的游戏!

FontTrainer

这是一个帮助你区分字体间细微差别的工具。

Useful Typography Resources - FontTrainer

 

Your Personality, Summarized in a Typeface

如果你曾经坐下来与字体设计师交谈,你会发现他们很少在纯粹的审美方面去讨论字体,他们自信、友善或者冷静地交谈。换言之,他们只讨论人格特质。这是很有意义的,你的人格特质将会转换成相应的字体类型,Pentragram就做到了这点,在这个可爱的网站里面,你的类型是什么呢?(密码是 Character)

Useful Typography Resources - Your Personality, Summarized in a Typeface

TypePong

TypePong是一个古老的又富有现代色彩的iPhone游戏,它让你和你最喜欢的字体打乒乓球,你也可以在战绩上挑战你的朋友。

TypePong

Deep Font Challenge

你是一个严苛的shootin字体使用者还是连Futura怎么拼写都不知道的人呢?为了证明你的设计学识,现在请往这banner的耙上射箭。你的每一次射击成功都会被记录下来,但是请注意:游戏中的桌子会不断改变,所以请移动脚步完成任务。

Useful Typography Resources - Deep Font Challenge

相关帖子

你可能对以下相关帖子感兴趣:

· 50个有用的网页排版工具

· 25个免费的清新高质量字体

· 排版设计和模式实践

· Web设计者和开发人员实用术语

翻译:SDC翻茄匠 @写说说
原文地址 : http://t.cn/zWpV8pu

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/typography-tools-and-resources-2

界面设计 HTML5 素材 交互设计师 好文 UI 用户体验设计 转场动效 设计师专访 设计师 排版布局 扁平化设计 设计规范 素材下载 视觉设计 职场 产品设计 设计趋势 配色 web前端开发 海报设计 AI教程 字体下载 设计理论 动效设计 神器下载 图标设计 psd下载 logo设计 神器推荐 ICON 职场规划 App设计 酷站推荐 字体设计 交互设计 ui设计 用户体验 设计师职场 优秀网页设计 酷站 ps技巧 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里