杭州網(wǎng)頁設計哪家好？

時間：2023-10-15 04:42:01 | 來源：網(wǎng)站運營

時間：2023-10-15 04:42:01 來源：網(wǎng)站運營

杭州網(wǎng)頁設計哪家好？：

溝通在設計中起著至關(guān)重要的作用 - 在網(wǎng)站和用戶之間建立清晰的聯(lián)系并幫助您的用戶實現(xiàn)他們的目標至關(guān)重要。當我們在網(wǎng)頁設計上下文中談論溝通時，我們通常指的是文本。排版在這個過程中起著至關(guān)重要的作用：

網(wǎng)絡上超過95%的信息是書面語言的形式。

好的排版使閱讀行為變得毫不費力，而糟糕的排版使用戶關(guān)閉。正如Oliver Reichenstein在他的文章“網(wǎng)頁設計是95%的排版”中所說：

優(yōu)化排版就是優(yōu)化可讀性、可訪問性、可用性（?。?、整體圖形平衡。

換句話說：優(yōu)化您的排版也會優(yōu)化您的用戶界面。在本文中，我將提供一組規(guī)則，幫助您提高文本內(nèi)容的可讀性和易讀性。

1.將使用的字體數(shù)量保持在最低限度

使用超過3種不同的字體會使網(wǎng)站看起來非結(jié)構(gòu)化和不專業(yè)。請記住，一次使用過多的類型大小和樣式也會破壞任何布局。

為了防止出現(xiàn)這種情況，請嘗試將字體系列的數(shù)量限制在最低限度

通常，將字體系列的數(shù)量限制在最低限度（兩個就足夠了，一個通常就足夠了），并在整個網(wǎng)站上堅持使用相同的字體系列。如果確實使用了多種字體，請確保字體系列根據(jù)其字符寬度相互補充。以下面的字體組合為例。Georgia和Verdana（左）的組合具有相似的價值觀，創(chuàng)造了和諧的配對。相比之下，Baskerville和Impact（右）的配對，其中Impact的重量大大掩蓋了Baskerville。

確保字體系列根據(jù)其字符寬度相互補充

2. 嘗試使用標準字體

字體嵌入服務（如Google Web Fonts或Typekit）有很多有趣的字體，可以為您的設計提供新的，新鮮的和意想不到的東西。那么，什么地方會出錯呢？實際上，這種方法有一個嚴重的問題 - 有趣的字體會分散用戶閱讀的注意力。用戶可以花時間思考設計師使用的字體，而不是閱讀文本。

除非您的網(wǎng)站迫切需要自定義字體，例如用于品牌打造或創(chuàng)建沉浸式體驗，否則通常最好堅持使用系統(tǒng)字體。請記住，好的排版將讀者吸引到內(nèi)容，而不是類型本身。

3. 限制行長度

每行上具有適當數(shù)量的字符是文本可讀性的關(guān)鍵。決定文本寬度的不應該是你的設計，它還應該是一個易讀性的問題?？紤]一下貝馬德研究所關(guān)于可讀性和行長度的建議：

“如果你想要一個好的閱讀體驗，每行應該有大約60個字符。每行上都有適量的字符是提高文本可讀性的關(guān)鍵。

如果一條線太短，眼睛將不得不太頻繁地向后移動，從而打破讀者的節(jié)奏。如果一行文本太長，用戶的眼睛將很難聚焦在文本上。圖片來源：材料設計

對于移動設備，您應該選擇 每行30-40個字符 。以下是在移動設備上查看的兩個網(wǎng)站的示例。第一個使用每行 50–75 個字符（打印和桌面每行的最佳字符數(shù)），而第二個使用最佳 30–40 個字符。

在網(wǎng)頁設計中，您可以通過使用em或像素限制文本塊的寬度來實現(xiàn)每行的最佳字符數(shù)。

4.選擇適合各種尺寸的字體

用戶將從具有不同屏幕尺寸和分辨率的設備訪問您的網(wǎng)站。大多數(shù)用戶界面需要各種大小的文本元素（按鈕副本、字段標簽、節(jié)標題等）。選擇一種在多種尺寸和重量下都能正常工作的字體非常重要，以保持每種尺寸的可讀性和可用性。

Roboto 字體 by Google

確保您選擇的字體在較小的屏幕上清晰可辨！盡量避免使用草書字體的字體，例如Vivaldi（在下面的示例中）：雖然它們很漂亮，但它們很難閱讀。

維瓦爾第字體將很難在小屏幕上閱讀

5. 使用可區(qū)分字母的字體

許多字體使得混淆類似的字母形式太容易，特別是與“i”和“L”混淆（如下圖所示）。因此，在選擇類型時，請務必在不同的上下文中檢查你的類型，以確保它不會給用戶帶來問題。

6. 避免全部大寫

所有大寫文本（即所有字母都大寫的文本）在不涉及閱讀的上下文中（例如首字母縮略詞或徽標）都沒問題，但是當您的消息涉及閱讀時，不要強迫用戶閱讀所有大寫文本。正如Miles Tinker所提到的，在他的作品《打印的易讀性》中，與小寫字體相比，全大寫打印大大延緩了掃描和閱讀的速度。

7. 不要最小化行間距

在排版中，我們有一個特殊術(shù)語來表示兩行文本之間的間距 - 行距（或行高）。通過增加行距，可以增加文本行之間的垂直空白區(qū)域，從而通常提高可讀性以換取屏幕空間。通常，行距應比字符高度高約 30%，以獲得良好的可讀性。

良好的間距有助于提高可讀性。圖片來源：微軟

正如德米特里·法杰耶夫（Dmitry Fadeyev）所指出的那樣，在段落之間正確使用空格已被證明可以將理解率提高20%。使用空白的技能在于為用戶提供可消化的內(nèi)容量，然后剝離無關(guān)的細節(jié)。

左：文本幾乎重疊。右：良好的間距有助于提高可讀性。

8. 確保有足夠的色彩對比度

不要對文本和背景使用相同或相似的顏色。文本越明顯，用戶掃描和閱讀的速度就越快。W3C 建議正文文本和圖像文本采用以下對比度：

小文本與其背景的對比度應至少為 4.5：1。

大文本（粗體為 14 pt/常規(guī)及以上為 18 pt）與其背景的對比度應至少為 3：1。

這些文本行不符合顏色對比度建議，并且很難在背景顏色下閱讀。

這些文本行符合顏色對比度建議，并且根據(jù)其背景顏色易于閱讀。

一旦你選擇了顏色，就絕對有必要在大多數(shù)設備上與真實用戶一起進行測試。如果任何測試顯示閱讀副本時出現(xiàn)問題，則可以確保用戶會遇到完全相同的問題。

9. 避免將文本著色為紅色或綠色

色盲是一種常見的情況，特別是在男性中（8%的男性是色盲），建議使用除顏色以外的其他線索來區(qū)分重要信息。還要避免單獨使用紅色和綠色來傳達信息，因為紅色和綠色色盲是最常見的色盲形式。

10. 避免使用閃爍文本

閃爍或閃爍的內(nèi)容可引發(fā)易感個體的癲癇發(fā)作。它不僅會引起癲癇發(fā)作，而且對一般用戶來說可能會令人討厭或分心。

避免閃爍文本！

結(jié)論

排版是一件大事。錯誤的排版選擇可能會分散用戶閱讀的注意力。使排版可讀、易懂和易讀至關(guān)重要。

排版的存在是為了尊重內(nèi)容

排版應以一種永遠不會增加用戶認知負荷的方式尊重內(nèi)容。