自適應(yīng)布局：分步地調(diào)整布局以適應(yīng)有限種(屏幕)大小。

流體布局：持續(xù)不斷地調(diào)整布局以適應(yīng)各種可能的寬度。

雖然兩者都有優(yōu)缺點，我相信，分段盡可能少的自適應(yīng)設(shè)計是最好的。因為可讀性比擁有一個總是和viewpoint(視口)一樣寬的布局更重要。這個觀點本身所涉及的因素相當復(fù)雜，值得商榷。但為了確保最佳的可讀性，須控制文本大小(內(nèi)容欄的寬度)，因此流體布局帶來的問題比它解決的多。更多這方面的內(nèi)容下次再講。 注意：響應(yīng)式設(shè)計已經(jīng)結(jié)合了許多宏觀的字體排印問題(字體大小、行高、列寬)。所以響應(yīng)式設(shè)計在許多方面已經(jīng)結(jié)合了響應(yīng)式字體排印。我們發(fā)布在網(wǎng)站上的第一篇關(guān)于響應(yīng)式字體排印的文章主要是關(guān)于我們使用分級字體(譯注：字體大小階梯式地改變)。我想在下篇文章中講分級，現(xiàn)在深入講屏幕上響應(yīng)式宏觀字體排印的基礎(chǔ)。

選擇一種字體

正確的基調(diào)

你早晚要決定使用那種字體。你對字體的選擇基本就決定了基調(diào)，但，由于每種字體都有它自己的品質(zhì)且要求(或限制)特定的處理方法，字體的選擇會帶來諸多視覺和技術(shù)上的結(jié)果。有了web字體，你現(xiàn)在有很多的字體可以選擇，于是找到一種合適的字體又變成一項挑戰(zhàn)。 我們通過為這個網(wǎng)站設(shè)計自己的字體來實驗分級字體。我們選擇了一種襯線字體，因為它符合我們的基調(diào)，映照了我們內(nèi)容的文雅(至少我們是這么認為)。我們給iA Writer選擇的是一種等寬字體。因為我們軟件的主要目的是幫你獲得第一份草稿，我們特地選了Nitti–一種讓人同時感覺有力和細心的字體。選擇一種等寬字體這一決定，也是由于第一代iPad系統(tǒng)不能自動調(diào)整比例字體的間距。我們沒有使用一種可能被渲染得很糟糕的比例字體，而是決定直接選一種等寬字體。

襯線還是無襯線?

通常選擇會落在襯線和無襯線之間。這本身就是一個復(fù)雜的問題，但有一條簡單的經(jīng)驗法則或許可以幫你：襯線字體是一名牧師，無襯線字體是一名黑客。誰也不比誰更好，但是由于種種原因，襯線字體更具專制感，而無襯線字體更加民主。記住，這可是夾在兩條彎彎曲曲的線中五千年的印刷史，所以別太認真。 許多人還是認為，就屏幕上的字體排印，“襯線還是無襯線”這個問題本身就能回答。實際上沒那么簡單。與普遍觀念相反，如果你設(shè)置的正文字體大于12像素，襯線和無襯線的表現(xiàn)就會一樣好。低于12像素，襯線字體渲染的不夠銳利，但反正(這把我們帶到第二點)在現(xiàn)代的顯示器上12像素實在太小。

大小?

你的正文字體的大小并非由你的個人喜好決定。它取決于閱讀距離?？紤]到通常電腦要比書本遠，桌面字體的尺寸需要比印刷品上使用的字體更大。 下邊的插圖說明，正文文本離你越遠，它就應(yīng)該更大。兩個黑色的A和兩個紅色的A的尺寸相同。但由于右邊放的較遠，看上去更小。右圖中的紅色A看上去和左圖中的黑色A一樣大：

行高和對比度

雖然正文文字大小可以通過距離觀察的方法來估算，行高則需要一些調(diào)整?？紤]到更大的閱讀距離和(我們所說的)像素點問題，最好給屏幕文本比印刷文本更多一點的行高。140%是一個不錯的基準，但當然，這取決于你所用的字體。

iPhone vs iPad

關(guān)于響應(yīng)式字體排印的很多東西，我們都是在為我們的寫作應(yīng)用找最佳字體的過程中學(xué)到的。當我們設(shè)計完iPad版iA Writer的時候，我們花了一周時間去尋找最佳的字體排印定義。那時，iPad的高分辨率是一個全新的挑戰(zhàn)，我們花了很久才理解它的工作方式。當Apple先后推出iPhone和iPad上的視網(wǎng)膜屏幕，一切又變了。我們可以寫一本書來解釋我們是如何找到iA Writer字體標志性的外觀，但還有許多更為普遍的東西要說，所以我就直入正題。 如果你拿我們當前的iPhone版Writer同iPad版比較，你會發(fā)現(xiàn)它們的字體不一樣。

雖然閱讀距離不總是一樣，通常你會把iPad拿的稍微遠一點。不管你是在早餐桌上用iPad，坐沙發(fā)上時放在膝蓋上，或者躺在床上把iPad放在臉的正前方，你的這些閱讀距離都不同。這是一想全新的挑戰(zhàn)，因為在臺式機或筆記本電腦上的閱讀距離不會變化那么大。為了使它在各種場景下都能使用，我們選用最遠的閱讀距離來定義字體大小。其結(jié)果是，你在床上閱讀它時，文字可能會感覺比通常的大一點，但并非不舒服。通常你也不會在床上使用一個躺在你肚子上的寫作應(yīng)用。

iPhone上你能擁有的屏幕資源更少一些，所以你不得不做出調(diào)整。

幸運的是，iPhone被拿著時和臉的距離更近，所以雖不得不使用更小的文字，但效果很好。從一個平均的閱讀距離看，iPhone和iPad的文字大小感覺上差不多。

桌面電腦呢?

有些人抱怨Mac版Writer的字體太大。就像我們須要為iPad(拿在不同閱讀距離)版選擇，數(shù)個最小字體中最大的一個，我們?yōu)镸ac版做了同樣的選擇。那時我們的基準是24英寸高分辨率的iMac，在其上感知的大小和別的設(shè)備基本一樣。

來源：vivianalive