国外亚洲成av人片在线观看,热99re久久精品这里都是精品,天堂网在线最新版www,国产成人av区一区二区三,51久久成人国产精品麻豆

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

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

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

選擇一種字體

正確的基調(diào)

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

襯線還是無襯線?

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

大小?

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

行高和對(duì)比度

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

iPhone vs iPad

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

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

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

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

桌面電腦呢?

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

來源：vivianalive