激情六月丁香婷婷|亚洲色图AV二区|丝袜AV日韩AV|久草视频在线分类|伊人九九精品视频|国产精品一级电影|久草视频在线99|在线看的av网址|伊人99精品无码|午夜无码视频在线

高校合作1：010-59833514 ?咨詢電話：400-810-1418 服務(wù)與監(jiān)督電話：400-810-1418轉(zhuǎn)接2

「UI設(shè)計(jì)」快速提升UI設(shè)計(jì)的小技巧

發(fā)布時(shí)間：2023-12-29 20:06:42 瀏覽量：247次

1、 在 APP 當(dāng)中保證底部標(biāo)簽欄內(nèi)容不變

在目前絕大多數(shù) APP 都會(huì)采用底部標(biāo)簽欄作為主要的導(dǎo)航模塊，那么在設(shè)計(jì)的時(shí)候，要確保這個(gè)部分的功能上固定且明確的，不會(huì)消失，不會(huì)變化，不會(huì)給用戶帶來(lái)挫敗感。

2、只需用字重字號(hào)變化即可構(gòu)建層次

只需要使用字重和字號(hào)變化即可做到這一點(diǎn)！

在絕大多數(shù)的文本排版當(dāng)中，只需要使用單一的字體即可實(shí)現(xiàn)層次頗為豐富的信息層級(jí)，你需要根據(jù)文本內(nèi)容的重要性和優(yōu)先級(jí)進(jìn)行排列，優(yōu)先級(jí)越高的文本字號(hào)越大，字重也越大。

另外要注意疏密排列，確?？勺x性和相關(guān)性更高的文本塊更靠近。

3、在移動(dòng)端 UI 上使用更大的可點(diǎn)擊區(qū)域

雖然這個(gè)道理顯而易見，但是總是在進(jìn)行具體的界面設(shè)計(jì)的時(shí)候容易忘記這個(gè)重要的點(diǎn)。在 iOS 上，可點(diǎn)擊的最小區(qū)域?yàn)?44×44 pt，在 Android 上則是 48×48 pt。

有時(shí)候，控件看起來(lái)可能較小，可以讓觸發(fā)區(qū)域盡量大一點(diǎn)。

4、使用盡量統(tǒng)一的導(dǎo)航設(shè)計(jì)

導(dǎo)航構(gòu)成了用戶探索網(wǎng)站和 APP 最為主要的行為路徑，確保導(dǎo)航的一致性確保用戶在后續(xù)的交互過(guò)程中不會(huì)感到疑惑和沮喪。


所以，在迭代升級(jí)過(guò)程中，即便是最微小的改變，也盡量在系統(tǒng)層級(jí)上保持統(tǒng)一。對(duì)于重要的、關(guān)鍵性的、破壞性的操作，可以做一些明顯的差異化。


5、對(duì)于內(nèi)容豐富的網(wǎng)站，讓搜索功能凸顯

如果有可能，對(duì)于內(nèi)容較多的網(wǎng)站，盡量讓搜索按鈕被凸顯出來(lái)，在觸手可及的位置。盡量不要將搜索按鈕隱藏在下拉菜單之類的地方，因?yàn)樗赡苁怯脩舻诌_(dá)目標(biāo)的主要方式甚至可能上唯一方式。


6、不要隨意選擇字號(hào)

文本在頁(yè)面當(dāng)中字號(hào)到底要多大？在很多地方，字號(hào)的選擇上其實(shí)是有完整的解決方案和處理技巧的。比如使用 TypeScale。


通常而言，讓不同信息層級(jí)的文本大小保持 1.25 的倍率即可達(dá)到頗為不錯(cuò)的視覺(jué)效果和體驗(yàn)。而 TypeScale 可以基于基本的文本字體尺寸即 18px 按照 1.25 的比率進(jìn)行縮放，從而幫你生成 H1、H2、H3 等不同層級(jí)文本的尺寸大小。


使用 TypeScale 生成的文本能夠?yàn)槟愕呐虐鎺?lái)自然、舒適的節(jié)奏和體驗(yàn)。

熱門課程推薦

熱門資訊

請(qǐng)綁定手機(jī)號(hào)

獲取驗(yàn)證碼
x

同學(xué)您好！

您已成功報(bào)名0元試學(xué)活動(dòng)，老師會(huì)在第一時(shí)間與您取得聯(lián)系，請(qǐng)保持電話暢通！
確定