改善到達(dá)網(wǎng)頁設(shè)計(jì)的13個(gè)秘訣

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

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

　　02 /不要過度使用負(fù)空間

　　設(shè)計(jì)師喜歡負(fù)空間，我們總是聽到我們應(yīng)該如何在網(wǎng)絡(luò)上擁有更多負(fù)空間。但是，當(dāng)屬于在一起的元素之間存在過多的負(fù)空間時(shí)，眼睛會(huì)結(jié)結(jié)巴巴，掉入空虛的空隙中，而不是輕易流過連接的元素。

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

　　任何瀏覽過網(wǎng)站分析的人都知道，你只有很少的時(shí)間來吸引某人的注意力。講到重點(diǎn)。

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

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

　　05 /圖標(biāo)很小，插圖很大。

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

　　06 /盡量少用字母間距。

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

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

　　問題解答部分可能是網(wǎng)絡(luò)上行列過長的罪魁禍?zhǔn)住Ｗ罴研虚L度在45到75個(gè)字符之間，包括空格和標(biāo)點(diǎn)符號(hào)。最佳行長度在45到75個(gè)字符之間，包括空格和標(biāo)點(diǎn)符號(hào)。

　　08 /向我顯示值

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

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

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

　　10 /應(yīng)用賠率法則。

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

　　11 /處理認(rèn)知超負(fù)荷。

　　盡可能合并并減少你的分?jǐn)?shù)。在標(biāo)題之間創(chuàng)建大小對(duì)比，并進(jìn)行復(fù)制以改善視覺層次，并在你有很多話要說時(shí)使用負(fù)片空間來創(chuàng)建更平靜的體驗(yàn)。

　　12 /使用亮色作為重點(diǎn)

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

　　13 /總是檢查灰色文字的對(duì)比度

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