改善到達網(wǎng)頁設計的13個秘訣

時間：2023-08-31 23:48:01 | 來源：網(wǎng)站運營

時間：2023-08-31 23:48:01 來源：網(wǎng)站運營

改善到達網(wǎng)頁設計的13個秘訣：· · ·

1 在文字圖像上使用顏色疊加

?有時你必須使用一些蹩腳的圖像。試著在半不透明的背景中疊加品牌色彩，讓它們更像一個背景紋理，而不是一個主要焦點元素。這將為您提供必要的對比度，使疊加的文本可讀。在下圖的示例中，我還在文本上加了深藍色投影，來進一步增強對比度。

2 不要過度使用負空間

設計師喜歡負空間，我們總是聽到應該把更多的負空間放到網(wǎng)上。但是，當元素間有過多的負空間時，視線會磕磕巴巴，陷入空洞，而不是輕易地瀏覽過相連的元素。

3 沒有人喜歡語詞雜亂

任何看過網(wǎng)站分析的人都知道，你只有很少的時間來吸引別人的注意力。直接說重點。

4 即使是純文本的布局，也應該在視覺上吸引人

如果你沒有機會或資源使用插畫，插圖或照片，那么純文本的登錄頁面是很難設計的。著眼于你的品牌顏色和排版細節(jié)，來快速提升你的設計。

5 圖標很小，插圖很大。

圖標很棒，但是他們應該知道自己的位置。這些家伙天生簡單，喜歡扮演配角。把它們放大一點，你就得到了一個糟糕的插圖。如果你使用帶有標題的圖標，則希望標題首先彈出。

6 適當使用字母間距

有很多方法可以使用字母間距來巧妙地改進排版，但是如果你不是經(jīng)驗豐富的排版設計師，你只需在所有大寫字母的標題上增加些字母間距就可以了。在句子大小寫的文本中增加額外的字母間距可能會產(chǎn)生可讀性問題，也會破壞字體設計的自然節(jié)奏。

7 在常見問題解答中注意文本行長度

“常見問題解答”部分可能是網(wǎng)上文本行長問題的第一個罪魁禍首。最佳行長度在45到75個字符之間，包括空格和標點符號。

8 向我展示價值

在這個例子中，真正的價值主張隱藏在一個難以閱讀的副標題中。而通過添加真實用戶的面孔，就很容易增加社交證明的真實性。

9 沒有人喜歡小小的文本

在這個例子中，在CSS中使用了可變的web排版，創(chuàng)建了正文為11px，導航鏈接為9px的場景。瀏覽器默認設置16px的字體大小已經(jīng)有20年的歷史了——使用為屏幕設計的現(xiàn)代字體，初識的正文字體大小為18-20px。

10 運用奇數(shù)法則

布局包含更多的奇數(shù)元素。如果你有4點要做，試著把2點結(jié)合在一起在用3點說同樣的事情。如果這行不通，就把你的觀點按優(yōu)先順序排列，淘汰最弱的部分。在下面的示例中慎用將布局設置為5，因為這會感覺到認知超負荷。

11 處理認知超負荷

盡可能結(jié)合和減少你的觀點。在標題和副本之間創(chuàng)建大小對比，以改善視覺層次，當你有很多話要說時，使用負空間來創(chuàng)造更平靜的體驗。

12 使用亮色作為重點

在大面積使用鮮艷的顏色會讓你遇到對比度問題，可能無法滿足文本的基本易讀性要求。在按鈕等較小的元素上，你可能需要避免使用白色文本。

13 總是檢查灰色文字的對比度

?使用灰色文本是一種流行的在文本元素之間創(chuàng)建層次結(jié)構(gòu)的技術(shù)。但這通常會導致嚴重的易讀性問題，文本缺乏足夠的對比度。如果需要建立更清晰的視覺層次，可用在線工具*檢查對比度，來增加字體大小的對比度。

* http://userway.com

· · ·







原文鏈接：

https://uxplanet.org/13-tips-for-improving-landing-page-design-849801372da4




作者：Pascal Barry