2016-08-13 分類: 網(wǎng)站建設(shè)
移動設(shè)備有任何印刷的挑戰(zhàn):空間是有限的,而環(huán)境光很差。但通過對成都網(wǎng)站設(shè)計(jì)已經(jīng)在網(wǎng)絡(luò)上使用的技術(shù)進(jìn)行簡單的調(diào)整,我們可以提高移動設(shè)備的可讀性。
1。給自己空間
與流行的信念相反,字體不是屏幕上的小波浪線的布置;字體主要是在空間和周圍的人。
當(dāng)我們談?wù)摰膶哟危⒖赡茉贖6 > <。但有一個額外的層次結(jié)構(gòu),影響一行,或一段,這是空間的層次結(jié)構(gòu):字母之間的空間小于字之間的空間,字之間的空間小于線之間的空間,和第四。
在移動好的可讀性,特別注重空間層次,格式塔風(fēng)格組字成詞,線,和段落更是必不可少的自然光。
響應(yīng)式網(wǎng)站設(shè)計(jì)排版網(wǎng)站設(shè)計(jì)頁面布局與網(wǎng)頁布局設(shè)計(jì)創(chuàng)意排版
2。得到測量
測量是一行文本的長度?;蛘?,更準(zhǔn)確地說,它是一行文本的理想長度,因?yàn)樗呛币姷?,每一行完全符合?br/>普遍接受的,舒適的閱讀的理想措施是約65個字符。
3.松開,然后擰緊龍頭
主要是行與行之間的空間,當(dāng)定得太緊,使掃視跳從一行的末端到下一難開始跟隨。當(dāng)設(shè)置得過于松散,單詞之間的差距將開始排隊(duì),創(chuàng)建什么通常被稱為河流,中斷該行的流暢流暢。
領(lǐng)導(dǎo)通常的標(biāo)準(zhǔn)是1.4em左右,但是以我的經(jīng)驗(yàn)太緊屏幕:一個字體,效果很好,屏幕上的主要特征是大柜臺,大柜臺需要一點(diǎn)額外的領(lǐng)導(dǎo)保持空間層次。
扭轉(zhuǎn)這一規(guī)則,一個較短的措施需要較少的領(lǐng)導(dǎo)。雖然你可能會把你的領(lǐng)導(dǎo)的桌面風(fēng)格寬松一點(diǎn),記住要加強(qiáng)它的移動屏幕。
4。尋找甜蜜的地方
所有的字體都至少有一個甜蜜點(diǎn);結(jié)合大小在它們繁殖屏幕上,并在該點(diǎn)的抗混疊在瀏覽器應(yīng)用扭曲字體的設(shè)計(jì)盡可能小。
甜蜜點(diǎn)通常是最筆畫線與像素網(wǎng)格-像素的字體,如果你還記得那些,只有工作時,大小他們的甜蜜點(diǎn)。
設(shè)置一個字體到它的甜蜜點(diǎn)的結(jié)果在更大的對比度。對比度是特別重要的,當(dāng)設(shè)計(jì)為移動,因?yàn)闈撛诘姆中难9庖酝獾哪愕奈⒚铧c(diǎn)燃的設(shè)備實(shí)驗(yàn)室。
你會發(fā)現(xiàn),輕微的調(diào)整,以將推和拉線關(guān)閉整個像素。在我看來,對比王牌手機(jī)屏幕大,所以如果你不得不妥協(xié)導(dǎo)致保持行全像素,這樣做。
設(shè)計(jì)師的標(biāo)準(zhǔn)方法是躺式使用基線網(wǎng)格,但移動需要使用高度(高度取代的是字面上的小寫字母“X”的高度)。我們知道從易讀性研究,大腦識別單詞的頂部,不是底部,以實(shí)現(xiàn)更大的跳躍流動,我們需要確保我們的角色上最緊密的像素。
5。別失去你的抹布
一塊抹布,是一塊文字的邊緣。大多數(shù)閱讀的東西都是對齊的(至少拉丁語的語言),導(dǎo)致在一個破舊的右邊緣。
當(dāng)你的眼睛從一條線的一端跳到下一步的時候,大腦就能更好地判斷下一跳的角度和距離,如果所有的跳躍都是一致的,那就把它作為一個跳躍的石頭,如果它們之間的距離保持一致,那就快得多了。因?yàn)檫@個原因,你的文本的左邊應(yīng)該是平的,每一行開始在同一個地方(正確的語言是正確的,讀右到左)。
作為一個結(jié)果,你不應(yīng)該中心超過兩個或三行的文本對齊。
網(wǎng)頁設(shè)計(jì)排版問題10個網(wǎng)頁排版規(guī)則,每個設(shè)計(jì)師都應(yīng)該知道通常,文本是有道理的,這意味著在行上的單詞的間距相等,所以沒有任何一方的抹布。(我懷疑是因?yàn)樵O(shè)計(jì)時尚對齊的文本響應(yīng)教會設(shè)計(jì)師認(rèn)為塊。)對齊的文本結(jié)果不一致的空白,在最壞的情況下,導(dǎo)致線路上的幾句話,這是嚴(yán)重的不和諧。與對齊的文本問題是由較短的措施而加劇,所以對齊的文本可以讀取移動。
6。降低對比度
雖然我們想鼓勵文本和背景之間的對比,我們想減少它在不同級別之間的類型。
在移動上,基本上是較少的文本是可見的,所以對比變得夸張
這的原因是,我們的大腦判斷的基礎(chǔ)上的背景下的重要性。你的標(biāo)題可能是兩個,甚至三個,倍于你的身體文本在桌面上的大小,這工作,因?yàn)楦嗟奈谋臼窃谄聊簧稀?/p>
在移動上,基本上是較少的文本是可見的,所以對比變得夸張。
大多數(shù)設(shè)計(jì)師使用某種斐波那契數(shù)列的大小的文本。對于移動,收緊的比例,以減少類型大小的對比度。例如,如果你使用的黃金比例增加的大小,你乘以1.618。對于移動,采取較小的比例,并乘以1.382,而不是。
7。調(diào)整跟蹤到規(guī)模
當(dāng)我們調(diào)整我們的字體大小為移動,我們需要知道跟蹤必要的變化。
(讓我先說,你不應(yīng)該調(diào)整字距。字距調(diào)整是兩個字母組合,它們之間的空間是與其他人物之間的間距一致空間光學(xué)。字距加到字體建成時,它可能需要幾個月的時間。如果你選擇了一個專業(yè)的字體,那么它的工作做得很正確,如果你相信它沒有做正確的,找到一個不同的字體。
跟蹤不廢棄。跟蹤是將字母間距應(yīng)用到字體中的所有字符。你通常不應(yīng)該調(diào)整跟蹤。
這一規(guī)則是大文本的例外,如標(biāo)題和小文本,如腳注。
較大的文本需要較少的跟蹤,和較小的文本需要更多的跟蹤。前者是由于分組,而后者是利益對比。如果你對標(biāo)題進(jìn)行了更改,或者如果你正在使用的顯示字體,通常有嚴(yán)格的跟蹤,您可能需要放松跟蹤就規(guī)模下來。
總結(jié)
印刷術(shù)是一門手藝,設(shè)計(jì)師花一輩子的磨煉,正是因?yàn)槊恳粋€文字,每一個字體,每一個技術(shù)帶來了新的挑戰(zhàn)。有沒有硬性規(guī)定,將永遠(yuǎn)在每一個給定的情況下工作。
當(dāng)你有抱負(fù)的可讀性,有三個原則,你需要記?。阂粋€流暢的線條流暢,一個明確的空間層次,和足夠的對比度。這是特別適用于移動網(wǎng)絡(luò)。
沒有規(guī)定說不能推翻對你自己的眼睛的證據(jù),但這里的指南將作為漂亮的文本在移動設(shè)備上的理想起點(diǎn)。
網(wǎng)站標(biāo)題:移動式排版的7個簡單規(guī)則
URL分享:http://jinyejixie.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)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容