在
網(wǎng)頁設(shè)計(jì)中除了風(fēng)格排版非常重要文本也要重視,對(duì)于在桌面設(shè)備上閱讀文本,理想的行長度為 60 到 80 個(gè)字符,行高約為 1.5 到 1.6。它始終取決于您的字體,行越短,行高越低,尤其是標(biāo)題。總而言之,使其盡可能緊湊,但在必要時(shí)盡可能寬松。
設(shè)置好的文本的目標(biāo)是使用均勻的排版顏色。我所說的顏色不是藍(lán)色或紅色,我的意思是您希望您的文字引人入勝,不要太濃也不要太松。當(dāng)您查看下面的示例并注意您的感受時(shí),您就會(huì)明白我的意思,只是看它們而不是閱讀它們。如果您在手機(jī)上閱讀這篇文章,您可能希望將其旋轉(zhuǎn)為橫向,因?yàn)榇颂幍男虚L是朝向桌面屏幕的。
行高:1.2——絕對(duì)不是我們想要的。這種印刷顏色太深了。
行高:2.2 – 更好,但也不是我們想要的。這種印刷顏色太淺了。
行高:1.6 – 是的!這個(gè)排版顏色剛剛好!
上面的所有示例都使用相同的字體Inria Sans 設(shè)置,字體大小相同,行長大致相同,大約 75 個(gè)字符。區(qū)別它們的是行高。所以你會(huì)看到它有多大的影響,你設(shè)置的文本有多緊湊或通風(fēng)。
但是對(duì)于許多字體,有一系列數(shù)字看起來不錯(cuò),通常比瀏覽器默認(rèn)值更好。我將在文章的具體點(diǎn)與您分享我的。但我最希望這篇文章讓你大開眼界。如果您是該主題的新手,或者您對(duì)此缺乏信心,我想指導(dǎo)您完成整個(gè)過程并教您應(yīng)該注意的事項(xiàng)。為什么它以某種方式看起來更好或更合適。排版更像是藝術(shù)而不是科學(xué),我在這里的所有建議都是基于我們過去15年作為 UI 設(shè)計(jì)師的經(jīng)驗(yàn)的指導(dǎo)方針。