您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁(yè)設(shè)計(jì)教程 >> 視覺(jué)設(shè)計(jì) >> 瀏覽設(shè)計(jì)教程

扁平化設(shè)計(jì)與可訪(fǎng)問(wèn)性(4)

一致性

通過(guò)使用通用的UI元素和樣式,你可以幫助用戶(hù)了解什么是可以期待的,然后使得更容易使用你的應(yīng)用。

  • 對(duì)比

    可點(diǎn)擊元素和非可點(diǎn)擊元素之間要有適當(dāng)?shù)膶?duì)比。這可以通過(guò)顏色、大小、位置以及樣式來(lái)實(shí)現(xiàn)。

  • 布局

    使用一個(gè)網(wǎng)格布局,比如960gs,是為你的設(shè)計(jì)建立一些可視的指南的好的方法。視線(xiàn)會(huì)自然的準(zhǔn)從由內(nèi)容創(chuàng)建的線(xiàn)條和比例,所以理解和使用一個(gè)網(wǎng)格是一個(gè)強(qiáng)化視覺(jué)平衡的好辦法。

  • 層級(jí)

    我更傾向于將此理解為“用戶(hù)行為”,我會(huì)寫(xiě)一篇關(guān)于這個(gè)話(huà)題的文章,但是實(shí)現(xiàn)最通用的用戶(hù)行為(有時(shí)被稱(chēng)為用例)容易發(fā)現(xiàn),而去掉不太通用的行為是簡(jiǎn)化用戶(hù)界面從而使它更好用的好方法。作為通用準(zhǔn)則,最重要的要比不太重要的更醒目。

  •  

    扁平化元素

    擬物化設(shè)計(jì)模仿顏色、紋理、形狀甚至實(shí)際生活中特定的實(shí)際形狀,因此能對(duì)不喜歡新技術(shù)和更喜歡仿現(xiàn)實(shí)環(huán)境的人非常有幫助。然而,對(duì)視障用戶(hù)能有多少用戶(hù)呢?堅(jiān)持這種設(shè)計(jì)方法對(duì)他們會(huì)有價(jià)值嗎?好吧,和擬物化設(shè)計(jì)相對(duì)應(yīng)的,扁平化設(shè)計(jì),有很多優(yōu)勢(shì)可以幫助到這些特殊需求。因?yàn)楸馄交O(shè)計(jì)使用基本的形狀,比如,正規(guī)/不正規(guī)的多邊形,它們更容易識(shí)別。

    在上圖中,左邊的,扁平化設(shè)計(jì)展示了方形/矩形元素和高對(duì)比色的按鈕。而右側(cè)的擬物化計(jì)算器,使用了低對(duì)比色和大量的立體和陰影元素。

    扁平化和擬物化的兩個(gè)計(jì)算器對(duì)比展示了兩種技術(shù)之間的不同。扁平化設(shè)計(jì)給予按鈕本身較小的重要性同時(shí)增強(qiáng)了內(nèi)容(本例中的數(shù)字和數(shù)學(xué)符號(hào))。另一方面,擬物化設(shè)計(jì)通過(guò)給予按鈕更大的重要性而使得它們很突出,而內(nèi)容卻因?yàn)榈蛯?duì)比度而不太醒目了。

    上面的例子展示了扁平化設(shè)計(jì)如何提升和給予內(nèi)容更大的重要性,從而能證明對(duì)視障用戶(hù)是有幫助的。

    大字體和小圖標(biāo)

    不只是在扁平化設(shè)計(jì)中,極簡(jiǎn)主義設(shè)計(jì)也一樣,大字體元素是最重要的一種表現(xiàn)。字體能讓用戶(hù)聚焦在內(nèi)容,從而成為設(shè)計(jì)流程中最重要的一部分。當(dāng)前設(shè)計(jì)中的趨勢(shì)包括高對(duì)比色的大字體、清晰的自定義字體和平衡的段落的使用——基本上就是,把傳統(tǒng)印刷排版帶到Web中來(lái)。這些原則增強(qiáng)了易讀性和可讀性,提高了易用性的另一個(gè)方面

    [教程作者:admin]
    免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
    本文地址:http://m.pkvc.cn/tutorial/ui1366.html
    廣告創(chuàng)意中的情感因素(一)
    給設(shè)計(jì)個(gè)說(shuō)法——淘寶購(gòu)便利首頁(yè)設(shè)計(jì)小結(jié)
    圖趣網(wǎng)微信
    建議反饋
    ×