移動(dòng)式排版的7個(gè)簡(jiǎn)單規(guī)則

移動(dòng)設(shè)備有任何印刷的挑戰(zhàn)：空間是有限的，而環(huán)境光很差。但通過對(duì)成都網(wǎng)站設(shè)計(jì)已經(jīng)在網(wǎng)絡(luò)上使用的技術(shù)進(jìn)行簡(jiǎn)單的調(diào)整，我們可以提高移動(dòng)設(shè)備的可讀性。

1。給自己空間
與流行的信念相反，字體不是屏幕上的小波浪線的布置；字體主要是在空間和周圍的人。
當(dāng)我們談?wù)摰膶哟?，并可能在H6 > <。但有一個(gè)額外的層次結(jié)構(gòu)，影響一行，或一段，這是空間的層次結(jié)構(gòu)：字母之間的空間小于字之間的空間，字之間的空間小于線之間的空間，和第四。

在移動(dòng)好的可讀性，特別注重空間層次，格式塔風(fēng)格組字成詞，線，和段落更是必不可少的自然光。

響應(yīng)式網(wǎng)站設(shè)計(jì)排版網(wǎng)站設(shè)計(jì)頁(yè)面布局與網(wǎng)頁(yè)布局設(shè)計(jì)創(chuàng)意排版
2。得到測(cè)量
測(cè)量是一行文本的長(zhǎng)度?；蛘撸鼫?zhǔn)確地說，它是一行文本的理想長(zhǎng)度，因?yàn)樗呛币姷模恳恍型耆稀?br/>普遍接受的，舒適的閱讀的理想措施是約65個(gè)字符。

3.松開，然后擰緊龍頭
主要是行與行之間的空間，當(dāng)定得太緊，使掃視跳從一行的末端到下一難開始跟隨。當(dāng)設(shè)置得過于松散，單詞之間的差距將開始排隊(duì)，創(chuàng)建什么通常被稱為河流，中斷該行的流暢流暢。

領(lǐng)導(dǎo)通常的標(biāo)準(zhǔn)是1.4em左右，但是以我的經(jīng)驗(yàn)太緊屏幕：一個(gè)字體，效果很好，屏幕上的主要特征是大柜臺(tái)，大柜臺(tái)需要一點(diǎn)額外的領(lǐng)導(dǎo)保持空間層次。
扭轉(zhuǎn)這一規(guī)則，一個(gè)較短的措施需要較少的領(lǐng)導(dǎo)。雖然你可能會(huì)把你的領(lǐng)導(dǎo)的桌面風(fēng)格寬松一點(diǎn)，記住要加強(qiáng)它的移動(dòng)屏幕。

4。尋找甜蜜的地方
所有的字體都至少有一個(gè)甜蜜點(diǎn)；結(jié)合大小在它們繁殖屏幕上，并在該點(diǎn)的抗混疊在瀏覽器應(yīng)用扭曲字體的設(shè)計(jì)盡可能小。
甜蜜點(diǎn)通常是最筆畫線與像素網(wǎng)格-像素的字體，如果你還記得那些，只有工作時(shí)，大小他們的甜蜜點(diǎn)。
設(shè)置一個(gè)字體到它的甜蜜點(diǎn)的結(jié)果在更大的對(duì)比度。對(duì)比度是特別重要的，當(dāng)設(shè)計(jì)為移動(dòng)，因?yàn)闈撛诘姆中难９庖酝獾哪愕奈⒚铧c(diǎn)燃的設(shè)備實(shí)驗(yàn)室。

你會(huì)發(fā)現(xiàn)，輕微的調(diào)整，以將推和拉線關(guān)閉整個(gè)像素。在我看來，對(duì)比王牌手機(jī)屏幕大，所以如果你不得不妥協(xié)導(dǎo)致保持行全像素，這樣做。
設(shè)計(jì)師的標(biāo)準(zhǔn)方法是躺式使用基線網(wǎng)格，但移動(dòng)需要使用高度（高度取代的是字面上的小寫字母“X”的高度）。我們知道從易讀性研究，大腦識(shí)別單詞的頂部，不是底部，以實(shí)現(xiàn)更大的跳躍流動(dòng)，我們需要確保我們的角色上最緊密的像素。

5。別失去你的抹布
一塊抹布，是一塊文字的邊緣。大多數(shù)閱讀的東西都是對(duì)齊的（至少拉丁語的語言），導(dǎo)致在一個(gè)破舊的右邊緣。
當(dāng)你的眼睛從一條線的一端跳到下一步的時(shí)候，大腦就能更好地判斷下一跳的角度和距離，如果所有的跳躍都是一致的，那就把它作為一個(gè)跳躍的石頭，如果它們之間的距離保持一致，那就快得多了。因?yàn)檫@個(gè)原因，你的文本的左邊應(yīng)該是平的，每一行開始在同一個(gè)地方（正確的語言是正確的，讀右到左）。
作為一個(gè)結(jié)果，你不應(yīng)該中心超過兩個(gè)或三行的文本對(duì)齊。

網(wǎng)頁(yè)設(shè)計(jì)排版問題10個(gè)網(wǎng)頁(yè)排版規(guī)則，每個(gè)設(shè)計(jì)師都應(yīng)該知道通常，文本是有道理的，這意味著在行上的單詞的間距相等，所以沒有任何一方的抹布。（我懷疑是因?yàn)樵O(shè)計(jì)時(shí)尚對(duì)齊的文本響應(yīng)教會(huì)設(shè)計(jì)師認(rèn)為塊。）對(duì)齊的文本結(jié)果不一致的空白，在最壞的情況下，導(dǎo)致線路上的幾句話，這是嚴(yán)重的不和諧。與對(duì)齊的文本問題是由較短的措施而加劇，所以對(duì)齊的文本可以讀取移動(dòng)。

6。降低對(duì)比度

雖然我們想鼓勵(lì)文本和背景之間的對(duì)比，我們想減少它在不同級(jí)別之間的類型。
在移動(dòng)上，基本上是較少的文本是可見的，所以對(duì)比變得夸張
這的原因是，我們的大腦判斷的基礎(chǔ)上的背景下的重要性。你的標(biāo)題可能是兩個(gè)，甚至三個(gè)，倍于你的身體文本在桌面上的大小，這工作，因?yàn)楦嗟奈谋臼窃谄聊簧稀?/p>

在移動(dòng)上，基本上是較少的文本是可見的，所以對(duì)比變得夸張。
大多數(shù)設(shè)計(jì)師使用某種斐波那契數(shù)列的大小的文本。對(duì)于移動(dòng)，收緊的比例，以減少類型大小的對(duì)比度。例如，如果你使用的黃金比例增加的大小，你乘以1.618。對(duì)于移動(dòng)，采取較小的比例，并乘以1.382，而不是。

7。調(diào)整跟蹤到規(guī)模
當(dāng)我們調(diào)整我們的字體大小為移動(dòng)，我們需要知道跟蹤必要的變化。
（讓我先說，你不應(yīng)該調(diào)整字距。字距調(diào)整是兩個(gè)字母組合，它們之間的空間是與其他人物之間的間距一致空間光學(xué)。字距加到字體建成時(shí)，它可能需要幾個(gè)月的時(shí)間。如果你選擇了一個(gè)專業(yè)的字體，那么它的工作做得很正確，如果你相信它沒有做正確的，找到一個(gè)不同的字體。
跟蹤不廢棄。跟蹤是將字母間距應(yīng)用到字體中的所有字符。你通常不應(yīng)該調(diào)整跟蹤。
這一規(guī)則是大文本的例外，如標(biāo)題和小文本，如腳注。

較大的文本需要較少的跟蹤，和較小的文本需要更多的跟蹤。前者是由于分組，而后者是利益對(duì)比。如果你對(duì)標(biāo)題進(jìn)行了更改，或者如果你正在使用的顯示字體，通常有嚴(yán)格的跟蹤，您可能需要放松跟蹤就規(guī)模下來。

總結(jié)
印刷術(shù)是一門手藝，設(shè)計(jì)師花一輩子的磨煉，正是因?yàn)槊恳粋€(gè)文字，每一個(gè)字體，每一個(gè)技術(shù)帶來了新的挑戰(zhàn)。有沒有硬性規(guī)定，將永遠(yuǎn)在每一個(gè)給定的情況下工作。
當(dāng)你有抱負(fù)的可讀性，有三個(gè)原則，你需要記住：一個(gè)流暢的線條流暢，一個(gè)明確的空間層次，和足夠的對(duì)比度。這是特別適用于移動(dòng)網(wǎng)絡(luò)。
沒有規(guī)定說不能推翻對(duì)你自己的眼睛的證據(jù)，但這里的指南將作為漂亮的文本在移動(dòng)設(shè)備上的理想起點(diǎn)。

網(wǎng)站標(biāo)題：移動(dòng)式排版的7個(gè)簡(jiǎn)單規(guī)則
URL分享：http://www.muchs.cn/news/20833.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站建設(shè)、網(wǎng)站策劃、外貿(mào)建站、網(wǎng)站營(yíng)銷、做網(wǎng)站、微信公眾號(hào)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)