扁平化設(shè)計與可訪問性(5)

這里的共用元素是使用大而清晰的高對比色字體增強可讀性(比較像Sans-Serifs)

此外，清晰的大字體可用于基本元素中以創(chuàng)建Web和UI中強對比色的按鈕，從而幫助用戶輕易地識別指定元素的功能并將之與別的元素區(qū)分開來。說道元素，這些扁平化的元素在設(shè)計過程中變得真的很重要，因為它們有助于給于扁平化設(shè)計流程個性和強度，從而構(gòu)建更好的所有按鈕和界面元素的表現(xiàn)、可見性和清晰性。

基本形狀、實色和簡單的圖標(biāo)組成了這個優(yōu)秀的iPhone皮膚的一部分，它展示了最好的扁平化UI元素。

實色與高對比色

到現(xiàn)在為止，我們討論了應(yīng)用于大字體和圖標(biāo)的高對比色?，F(xiàn)在，讓我們看下細(xì)節(jié)方面。在網(wǎng)頁設(shè)計中使用高對比色不是一個新的理念。事實上，多年來，高對比色被用于為網(wǎng)頁設(shè)計中特定的關(guān)鍵元素提供更好的視覺效果。

網(wǎng)上由很多出色的教程和工具來幫助你創(chuàng)建精確的色彩組合。比如，
Color Scheme Designer向你展示單色、雙色、三色、四色、以此類推的色盤，并讓你更多了解某個特定顏色如何與別的顏色相互影響。

Color Scheme Designer, 一個很贊的工具，可以查看顏色混合時的表現(xiàn)，然后用其結(jié)果作為創(chuàng)建高對比色的扁平化設(shè)計的參考。

同時，高對比色也可以被用于顏色之外，比如形狀、分派、高度、線性、紋理和字的粗細(xì)。事實上，玩轉(zhuǎn)這些所有元素及其相應(yīng)的對比度能提升你的設(shè)計的表現(xiàn)，并使你的設(shè)計讓視弱的人更易用。

高對比色網(wǎng)站及其灰度實例

這里是一些高對比色網(wǎng)站及其灰度版本，有的做了負(fù)反轉(zhuǎn)，展示出漂亮的設(shè)計是如何天然的兼容了可用性和易用性理念的。

bigtop.it. 使用了大的字體和元素，暖色和溫和的顏色之間的軟對比。他們定義的對比度恰到好處。

aaugh.it 極簡主義帶來的簡易的優(yōu)勢和適度的對比度

cheesesurvivalkit.com 有個漂亮的灰、白、紅三色，提供了強對比度并提升了可讀性和元素識別度。

metaphiziks.com 很完美的提升了內(nèi)容顯示。

Symb.ly是一個使用了極簡樣式來讓你專注于內(nèi)容的高對比度網(wǎng)站。

Odopod.com展