移動式排版的7個簡單規(guī)則

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

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

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

響應(yīng)式網(wǎng)站設(shè)計排版網(wǎng)站設(shè)計頁面布局與網(wǎng)頁布局設(shè)計創(chuàng)意排版
2。得到測量
測量是一行文本的長度。或者，更準確地說，它是一行文本的理想長度，因為它是罕見的，每一行完全符合。
普遍接受的，舒適的閱讀的理想措施是約65個字符。

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

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

4。尋找甜蜜的地方
所有的字體都至少有一個甜蜜點；結(jié)合大小在它們繁殖屏幕上，并在該點的抗混疊在瀏覽器應(yīng)用扭曲字體的設(shè)計盡可能小。
甜蜜點通常是最筆畫線與像素網(wǎng)格-像素的字體，如果你還記得那些，只有工作時，大小他們的甜蜜點。
設(shè)置一個字體到它的甜蜜點的結(jié)果在更大的對比度。對比度是特別重要的，當設(shè)計為移動，因為潛在的分心眩光以外的你的微妙點燃的設(shè)備實驗室。

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

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

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

6。降低對比度

雖然我們想鼓勵文本和背景之間的對比，我們想減少它在不同級別之間的類型。
在移動上，基本上是較少的文本是可見的，所以對比變得夸張
這的原因是，我們的大腦判斷的基礎(chǔ)上的背景下的重要性。你的標題可能是兩個，甚至三個，倍于你的身體文本在桌面上的大小，這工作，因為更多的文本是在屏幕上。

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

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

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

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

網(wǎng)站標題：移動式排版的7個簡單規(guī)則
URL分享：http://www.bm7419.com/news/20833.html

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

廣告

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