在 Photoshop 中設計 UI 時，如何區分使用「無、銳利、犀利、渾厚、平滑」這五種字體抗鋸齒方式？

01-22

問題補充：

不只是UI設計中，平面設計等運用到Photoshop等點陣圖處理軟體處理字體的地方都會面臨這樣的問題。

回答：

首先我們要知道一點，「無，銳利，犀利、渾厚、平滑」，都是指文字邊緣的處理，因為我們運用的是點陣圖軟體，所以在每個像素都會有幾個屬性，其中包括「顏色屬性」與「alpha屬性」（即不透明度屬性）。

為什麼我要說這兩個屬性呢？

首先要知道像素是矩陣形式排列的,當我們打開photoshop的「像素網格」時（適用於pscs5以上版本）會看見如下圖：

這四個字母我使用純白色（#ffffff）寫的，但這時我們看到文字邊緣區域有一些像素並不是純白色，例如：

這就是指在處理的時候，軟體為了視覺舒服，特意將邊上的幾個像素做了「羽化」處理，也就是降低了某一些邊緣像素的「alpha通道」和我們摳圖剪切之前要羽化是一個道理。

我們再來說說這幾個屬性的特徵（以標英字體arial為例）：

「無」是指文字邊緣無alpha通道處理，你在選擇「無」的時候字體邊緣不會出現任何「半透明」的區域，來讓字體顯得平滑，並不是出現了鋸齒，而是程序沒有做讓字體平滑的「羽化」而已。

這種處理就是在早期大部分PC端瀏覽器上顯示的網頁中正文的處理方式，所以在早期我們做網頁設計時，為了前端一致性，我們故意在文字設計時選了「無」的狀態，經多方對比，形成了一個不成文的規定「font-family:arial,宋體」是在網頁上顯示最好的字體...

除了「無」之外，其他的處理方式都是將文字周圍的一些像素做了「羽化」，降低邊緣一些像素的alpha（有的先增加一部分像素再進行減低alpha）

「犀利、平滑」，這兩個屬性放在一起說是因為這兩個屬性都是改變字體自身像素的alpha，沒有（或者很少有）增加額外的像素，其不同點是「犀利」是優先降低文字下邊的alpha，文字看起來上端豐滿一些，較為輕盈；「平滑」則優先文字上邊的alpha，文字看起來下端豐滿一些，較為穩重，對比如下：

「銳利、渾厚」這兩個屬性不同於前兩個的地方在於，它將文字外圍增加了一些像素後再進行alpha的處理。「銳利」優先降低下部分的alpha；「渾厚」優先降低上部分的alpha，對比如下：

在平面設計中，很少使用「無」的文字特性，就如問題說講無特性會出現「鋸齒」類似的東西，影響美觀。其他的屬性是情況使用，從視覺上可以感覺字體細了一些或粗了一些~

現在隨著Mac的普及和各大其他瀏覽器的奮進，大多數瀏覽器顯示在網頁上的文字都做了文字邊緣的alpha處理。所以今天設計師再設計文字的時候，不用局限於arial 和宋體，也不用局限於「無」的樣式了喵~

以上

這幾個參數控制的是 PS 繪圖的時候的採樣倍數——沒錯，PS 對文字層的採樣是各向異性的。

簡單的技巧，主要應用的兩種字體。12px-18px以上宋體字體邊沿選無 12px以下或18px以上可以選擇銳利或者平滑。微軟雅黑字體邊緣選擇window或者window LCD 其他字體的話基本上用window活著window LCD基本上沒什麼問題。這些設置主要是為了避免，出來的圖片效果字體模糊。一般情況下沒問題的。

16px以下的字體用無，字體才沒有鋸齒。16px以上不能用無，否則會有鋸齒

window和window LCD呢？又有什麼區別呢？

window和window LCD呢？又有什麼區別呢？同問