改善到達網頁設計的13個秘訣

　　01 /使用上的文字圖像的顏色疊加

　　有時候你不得不工作的一些蹩腳的圖像。通過在半透明的設置上覆蓋品牌顏色，嘗試將它們更像是背景紋理而不是主要焦點元素。這將為你提供必要的對比，以使覆蓋的文本可讀。在下面的示例中，我還對文本應用了深藍色陰影，以進一步增強對比度。

　　02 /不要過度使用負空間

　　設計師喜歡負空間，我們總是聽到我們應該如何在網絡上擁有更多負空間。但是，當屬于在一起的元素之間存在過多的負空間時，眼睛會結結巴巴，掉入空虛的空隙中，而不是輕易流過連接的元素。

　　03 /沒有人喜歡“沙拉”一詞。

　　任何瀏覽過網站分析的人都知道，你只有很少的時間來吸引某人的注意力。講到重點。

　　04 /甚至純文本的布局也應該在視覺上吸引人。

　　著陸頁的純文本部分可能很難設計，尤其是在你沒有機會或資源使用插圖，肖像或攝影的情況下。著眼于你的品牌顏色和印刷細節(jié)，以快速贏得你的設計。

　　05 /圖標很小，插圖很大。

　　圖標很棒，但是他們應該知道自己的位置。這些家伙天生簡單，喜歡扮演配角。大把它們炸掉，現在你只有一個不好的例證。如果你使用帶有標題的圖標，則希望標題首先彈出。

　　06 /盡量少用字母間距。

　　有很多方法可以使用字母間距來巧妙地改善印刷效果，但是如果你不是經驗豐富的印刷師，則可以堅持在所有大寫字母標題上增加一些字母間距。在句子大小寫的文本中增加額外的字母間距可能會產生可讀性問題，并破壞字體設計的自然節(jié)奏。

　　07 /在常見問題解答中觀察行長常見。

　　問題解答部分可能是網絡上行列過長的罪魁禍首。最佳行長度在45到75個字符之間，包括空格和標點符號。最佳行長度在45到75個字符之間，包括空格和標點符號。

　　08 /向我顯示值

　　在此示例中，真正的價值主張隱藏在幾乎不可讀的字幕中。還有一個容易的機會，可以通過增加真實用戶的面孔來為社交證明增加真實性。

　　09 /沒有人喜歡小小的文本。

　　在此示例中，CSS使用了可變的Web排版，從而創(chuàng)建了正文復制為11px，導航鏈接為9px的方案?，F在，瀏覽器的默認字體大小為16px已有20年了-使用專為屏幕設計的現代字體，并以18–20px開始正文復制。

　　10 /應用賠率法則。

　　布局將更多的打孔器包含奇數個元素。如果你要提出4分，請嘗試通過將2分組合在一起在3中說同樣的話。如果這不可能，請優(yōu)先考慮你的觀點并削減最薄弱的一面。警惕在下面的示例中將布局設置為5，因為這會感覺到認知超負荷。

　　11 /處理認知超負荷。

　　盡可能合并并減少你的分數。在標題之間創(chuàng)建大小對比，并進行復制以改善視覺層次，并在你有很多話要說時使用負片空間來創(chuàng)建更平靜的體驗。

　　12 /使用亮色作為重點

　　在大范圍使用亮色會使你陷入對比度問題，從而可能無法滿足文本的基本可訪問性要求。在按鈕等較小的元素上，你可能需要避免使用白色文字。

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

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