字體排印
Typography.
在我們的日常生活中隨處可見
It’s everywhere we look.
在我們所讀的書中
In the books we read,
在我們所造訪的網頁上——甚至在我們的生活中 街道標識
on the websites we visit—even in everyday life, on street signs, bumper stickers,
車尾貼紙和產品包裝上
and product packaging.
簡單來說 字體排印就是文字的樣式或風格
Simply put, typography is the style or appearanceof text.
它也可以是運用文字的藝術
It can also refer to the art of working
——可能是你一直都在做的事
with text—something you probably do all the time
如果你爲工作、學校、或你自己創建文檔或其它項目
if you create documents or other projects for work, school, or yourself.
字體排印可能聽起來會很嚇人 但實際上也不一定
Typography can be an intimidating subject, but it doesn’t have to be.
你只需要瞭解一些簡單
You only need to know a little to
知識便可給你的作品帶來巨大改善
make a big difference in the stuff you do every day.
那我們開始吧首先：
So let’s get started. First:
一些基本的字體類型
Some common types of fonts,
以及你所需要瞭解的
and what you need to know about them.
襯線字體在字母主要部分的末端有一些
Serif fonts have little strokes called serifs attached
叫做襯線的筆觸
to the main part of the letter.
因爲它們經典的外形
Because of their classic look,
所以襯線體是傳統項目的一個不錯之選
they’re a good choice for more traditional projects.
襯線體也普遍用於印刷物 比如雜誌和報紙
They’re also common in print publications,like magazines and newspapers.
黑體沒有額外的筆觸 其名稱是法語的「無襯線」之意
Sans serif fonts don’t have that extra stroke—hencethe name, which is French for”without serif.”
比起襯線體 這種樣式給人一種更加整潔和現代的感覺此外
This style is considered more clean and modernthan serif fonts. Also,
黑體在包括電腦、
it tends to be easier to read
手機和平板在內的螢幕上更加易讀
on computer screens, including smartphones and tablets.
標題字體有多種不同的樣式
Display fonts come in many different styles, like script, blackletter,
比如手寫體 哥特體
all-caps, and just
大寫字體以及花樣字體
plain fancy.
因爲他們的裝飾性
Because of their decorative nature,
所以標題字體最適合少量文本
display fonts are best for small amounts of text;
比如用在各種標題和要突出視覺效果的設計中
for example, titles and headers, and moregraphic-heavy designs.
在某種程度上 字體也有它們自己的語言
In a way, fonts have their own language.
它們都有自己所要傳達之意 不僅僅是紙面上的文字
They all have something to say, beyond the words on the page.
它們可以表達出隨意 或者中性 異國風性 或者……強烈的視覺效果
They can come across as casual or neutral;exotic or… graphic.
所以這就是爲什麼你需要好好考量你所想傳達的訊息
That’s why it’s important to think about your message,
並挑選一款適合的字體
and pick a font that fits.
一些字體就像超重的行李顯得有些多餘 比如 Comic Sans
Some fonts come with a extra baggage, like Comic Sans, Curlz,
Curlz Papyrus
Papyrus, and many more.
和其它很多 這些字體本身並沒有
There’s nothing particularly wrong
錯——只不過它們
with these fonts—they just have a certain reputation
顯得有些過時或已經被用爛了
for being outdated and overused.
如果你有想用這些字體的想去
If you find yourself tempted by them,
請三思並考慮下其它的字體
think twice and consider using something else.
有很多字體
There are many fonts
樣式和感覺相似並且不會對你的訊息
with a similar look and feel that are less likely to detract from
造成太大的影響
your message.
當決定要用什麼字體時
When deciding which fonts to use, less ismore.
少即是多每個項目中使用的字體最好限制在一個或兩個上
It’s best to limit yourself to one or twoper project.
如果你想要突出對比
If you need more contrast,
試試用同一種字體的不同尺寸、
try repeating one of your fonts in a different size, weight,
字重或樣式
or style.
這個技巧在創建一些有趣的組合時尤其有效
This trick is practically foolproof for creatinginteresting combinations that work.
你或許聽過「異性相吸」這句話其實
You’ve probably heard the saying”oppositesattract.” Well,
對字體來說也是這樣的
the same is true for fonts.
不要擔心把一些樣式不同
Don’t be afraid to combine font styles
但互補的字體組合在一起
that are different but complementary, like sans
比如黑體和襯線體…矮的字體和高的字體…或者裝飾體和簡單字體
serif with serif… short with tall… ordecorative with simple.
一開始這可能會有些難
This can be challenging at first, but don’tdespair.
但不要擔心多看一下其它設計來獲得靈感
Look to other designs for inspiration,
不久就會將其駕馭了
and soon you’ll get the hang of it.
也許你已經聽說過了字偶間距 行間距 字符間距和層次結構等術語
Maybe you’ve heard terms like kerning, leading,tracking, and hierarchy.
對有經驗者來說
For those with more experience,
如果想要做出更加專業的設計
these concepts are essential for creating professional-looking
這些概念是必需的
designs.
對於入門者來說 你並不需要對這些名詞有
As a beginner, you don’t need to know everything
全面瞭解——只需知道一些概念
about these terms—just enough to inform
就可以來幫助你更好地完成工作或更加自信地談論設計
your work and help you talk about design withmore confidence.
層次結構是用來引導讀者的視線
Hierarchy is used to guide the reader’s eye to whatever is most important.
強調重點的換句話說 這就是用來告訴人們要從哪開始
In other words, it shows them where to begin and where to go next,
繼續讀哪
using different levels
用不同的層級來強調
of emphasis.
建立層次結構並不難：
Establishing hierarchy is simple:
只需決定讀者應該首先注意到哪些元素
just decide which elements you want the reader to notice first,
然後把它們突出
then make them stand out.
高層級的元素一般更大一些 更粗一些 或者在某些方面顯得更特別一些
High-level items are usually larger, bolder,or different in some way.
記住一定要保持簡潔並限制在少數幾個互補樣式內
Remember to keep it simple and stick to just a few complementary styles.
行間距是文本行與行之間的距離
Leading is the space between lines of text, also known as line spacing.
或叫作行距如果你不太清楚該用多大的行間距
If you’re not sure how much line spacing to use,
不用擔心——通常預設值就可以了
don’t fret—the default is usually fine.
其目的是讓你的文本讀起來更加舒適
The goal is to make your text as comfortable to read as possible.
行間距太大或太小都會令讀者感到不快
Too much or too little spacing can make it unpleasant for the reader.
字間距是每個字符間的距離 有時也叫做字符間距
Tracking is the overall space between characters,sometimes called character spacing.
大多數應用都可以讓用戶根據需求來減少或增加字間距
Most programs let you condense or expand this depending on your needs.
在一些設計中
In some designs,
你可能需要調整字間距來創造出特定的藝術效果
you might adjust your tracking to create a certain artistic effect.
也可以幫助你來修復那些字間距存在問題的字體
It can also help you fix fonts that are poorly spaced to begin with.
字偶間距是某些字母組合間的距離
Kerning is the space between specific characters.
不像字符間距那樣
Unlike tracking, it varies over the course of the word,
字偶間距根據不同的字母
because each letter fits together
組合距離也不同
differently.
有些字體有「糟糕的字偶距」問題 就會使一些字母間的距離看起來怪怪的
Some fonts have what we call”bad kerning,”making certain letters look improperly spaced.
如果你用的字體也存在
If a font you’re using has bad kerning,
「糟糕的字偶距」問題
it’s best to cut your losses and choose something
最好避免這些問題 並換個其它字體
else.
精心排版的文本能體現出普通項目……和特別項目
Well-crafted text can mean the difference between an ordinary project…
之間的差別
and an extraordinary
即便你只是剛剛開始設計也是如此
project—even if you’re just getting startedwith design.
你只需要對字體排印有興趣
All it takes is an interest in typography,
就可以對其慢慢有更深的瞭解
and you’ll start to notice more, see more,
然後把你自己的作品做得更好
and be able to do more in your own work.
希望你可以喜歡這些字體排印的基礎知識
We hope you enjoyed learning the basics oftypography.
不要忘記查看我們其它
Don’t forget to check out the rest
設計的專題 包括顏色
of our design topics, including color, images, and
圖像和佈局
composition.