網(wǎng)頁(yè)排版規(guī)則:你需要知道的

時(shí)間：2023-09-06 05:00:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-09-06 05:00:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)

網(wǎng)頁(yè)排版規(guī)則:你需要知道的：網(wǎng)絡(luò)上90%的信息都是書(shū)面的。

這就意味著排版是一項(xiàng)90%的技能。

這是一個(gè)驚人的數(shù)字，突出了字體設(shè)計(jì)的重要性。

它無(wú)處不在:博客文章、社交媒體、雜志、報(bào)告、書(shū)籍等等。

作為一名設(shè)計(jì)師，這意味著文本是你溝通的主要手段。

如果你沒(méi)有掌握排版技巧，那么你就不能把你的想法傳達(dá)給你的聽(tīng)眾。

幸運(yùn)的是，集設(shè)網(wǎng) www.ijishe.com 提供了一個(gè)優(yōu)秀作品的合集，你可以遵循大咖的成功案

例，以避免踩雷情況的發(fā)生。

即使你在排版方面不是最好的，多瀏覽這些成功的案例，從中找到技巧，你也不會(huì)有問(wèn)題。

技巧分享：

1、選擇一種行業(yè)標(biāo)準(zhǔn)字體

在設(shè)計(jì)網(wǎng)頁(yè)排版時(shí)，可以選擇的字體數(shù)量多得可笑。不過(guò)，這些字體中有一些要比其他字體好得多，所以一定要做一些研究，然后選擇一種被證明有效的字體。

沒(méi)有什么比看著一頁(yè)亂七八糟、歪歪扭扭的文字更糟糕的了，所以考慮一下你要用什么字體。

2、使用大尺寸的正面

在過(guò)去，小字體曾經(jīng)風(fēng)靡一時(shí)。

這在巨大的塊狀顯示器上可能是可行的，但現(xiàn)在人們正在使用手機(jī)和平板電腦來(lái)瀏覽網(wǎng)頁(yè)。

你需要確保那些用戶能夠閱讀你的內(nèi)容，所以選擇一個(gè)大字體，這樣你一眼就能看到它。

我們發(fā)現(xiàn)15 - 25px的留存率最高。

3、標(biāo)題要適當(dāng)

標(biāo)題是網(wǎng)頁(yè)排版的標(biāo)志。

它幫助用戶導(dǎo)航頁(yè)面，并突出顯示哪些信息可能對(duì)他們很重要。

重要的是你的標(biāo)題要突出，所以要確保你的標(biāo)題比你的正文至少要大180%。

4、行間距

沒(méi)有什么比讀一段行間距糟糕的文本更令人沮喪的了。

它不僅把閱讀變成一件苦差事，而且會(huì)讓你難以理解。

這就是為什么你要適當(dāng)?shù)卦O(shè)置行距。

120 - 145%的整體點(diǎn)大小就可以了。

5、跟蹤和字距調(diào)整

在你的文本中添加跟蹤和字距會(huì)幫助你的文本看起來(lái)更整潔和更寬敞。它的作用是根據(jù)文本的大小調(diào)整字母之間的間距。標(biāo)題中單詞之間的空格與文本行之間的空格是不一樣的。

這可以幫助您的用戶將所有內(nèi)容分開(kāi)，從而更容易在信息中導(dǎo)航。

6、限制線條長(zhǎng)度

限制行長(zhǎng)度是一種行業(yè)標(biāo)準(zhǔn)做法，這是有原因的。

如果你不這么做，那么你的頁(yè)面就會(huì)在專業(yè)性方面受到影響。

45 - 90個(gè)字符是一個(gè)相當(dāng)大的行長(zhǎng)度，這也為您的個(gè)人偏好留下了很大的空間。

在選擇行長(zhǎng)度時(shí)，您可能要考慮的一個(gè)因素是您希望您的客戶端使用什么設(shè)備。

在這里，不同服務(wù)的設(shè)備使用情況有明顯的不同，如果用戶從更大的機(jī)器訪問(wèn)，您可以使用更長(zhǎng)的線路。

7、結(jié)構(gòu)和層次結(jié)構(gòu)

如果你沒(méi)有等級(jí)制度，你就會(huì)陷入混亂和混亂。

這對(duì)于排印和生活來(lái)說(shuō)都是真實(shí)的。

如果你有引號(hào)、鏈接、列表或中間的任何東西，確保它們都遵循一個(gè)統(tǒng)一的結(jié)構(gòu)。

如果您在做一個(gè)列表頁(yè)面，那么您不希望資源的鏈接出現(xiàn)在一個(gè)條目的中間、另一個(gè)條目的底部和另一個(gè)條目的頂部。