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

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

鹽城技師學(xué)院 北大青鳥卓晨中心:UI設(shè)計(jì)經(jīng)驗(yàn)法則你知道多少?

發(fā)布時間:2024-03-14 11:51:41 瀏覽量:138次

當(dāng)你在學(xué)習(xí)設(shè)計(jì)過程中有疑問時,不妨看看小編為你準(zhǔn)備的,在UI設(shè)計(jì)中要遵循的標(biāo)準(zhǔn)實(shí)踐法則列表。當(dāng)然,這些法則不是一成不變的,只是我們認(rèn)為可以在日常的UI設(shè)計(jì)工作中為你提供的一系列方法而已。

請記住,設(shè)計(jì)需要跳出固有的思維,這意味著你要打破規(guī)則。因此,這些經(jīng)驗(yàn)法則僅僅作為你的參考即可,而非公式。

01、去除多余的線框和卡片

在設(shè)計(jì)的時候,你應(yīng)該時不時的跳出來看看,感受一下容器是否會讓UI界面顯得混亂。在大多數(shù)情況下,用于分隔內(nèi)容的框和線可以用留白來替代。

我們設(shè)計(jì)的大部分元素其實(shí)都包含在“框”中,因此,只需刪除這些內(nèi)容即可,它可以讓頁面顯得不是那么的密集和繁雜,并為元素提供更多的呼吸空間。

02、注意元素的對比度

良好的對比不僅可以吸引用戶的注意力,而且還能提升產(chǎn)品的可訪問性。

設(shè)計(jì)產(chǎn)品類似于在圖書館或者學(xué)校之類的公共建筑中進(jìn)行設(shè)計(jì),你必須關(guān)注到所有的人群,包括盲人,色盲人群和視力有障礙的用戶。

根據(jù)Web內(nèi)容可訪問性指南,元素需要至少有4.5:1的對比度。

03、尊重用戶已有的使用習(xí)慣

將某些元素視為標(biāo)準(zhǔn)的原因有很多。比如你將“開始免費(fèi)試用”按鈕設(shè)計(jì)為圓形,但是它用在一篇文章的底部時,這就會占用過多不必要的垂直空間。

不僅于此,用戶已經(jīng)習(xí)慣了在大多數(shù)應(yīng)用中獲得類似的使用體驗(yàn)。如果你的網(wǎng)站或者應(yīng)用與用戶的常規(guī)使用習(xí)慣差別太大,那么用戶就會感到沮喪(畢竟學(xué)習(xí)成本太高啦)

因此,建議大家在當(dāng)前設(shè)計(jì)規(guī)范的范疇內(nèi)進(jìn)行創(chuàng)新。

04、使用色彩重量構(gòu)建視覺層次

每種顏色都有視覺重量,它可以幫助我們在內(nèi)容之間建立層次感。通過使用多種淺色,可以為不同的元素分配不同的重要性級別。

這個經(jīng)驗(yàn)法則就是,如果一個元素比另一個元素重要,則它們應(yīng)該有更“重”的視覺重量。這種方式會讓用戶易于快速瀏覽頁面并區(qū)分重要或者次要的信息。

而更大更粗的字體信息會首先吸引用戶的注意,隨后用戶會將注意力集中在這些重要信息的解釋性文字或者內(nèi)容上。

05、避免使用兩種以上字體

我們普遍接受的設(shè)計(jì)準(zhǔn)則就是限制界面中使用的字體數(shù)量。通常,兩種不同的字體就夠了。但這并不意味著你不能用更多字體,除非你有充分的理由,否則最好還是不要那么用。

如果一定要使用多種字體,一種解決辦法就是使用一種字體家族。

通過使用同種字體家族,我們可以在設(shè)計(jì)中使用具有不同變體的相同字體。同種字體家族讓設(shè)計(jì)變得靈活又一致。

另外,在選擇字體時,請找到具有不同字體重量的字體,比如一種字體包含,極細(xì),常規(guī),中,粗體,超粗體,壓縮,或者斜體等樣式。這種字體會為你提供更多的選擇,也無需再去添加其它樣式的字體。

06、不要讓用戶思考

做到迅速識別是設(shè)計(jì)產(chǎn)品中的一個好習(xí)慣,所以,為什么要讓用戶思考呢?

結(jié)賬頁面,電子郵件收件箱,搜索歷史記錄,后退按鈕等等都是很好的例子。

在結(jié)賬頁面中(如果設(shè)計(jì)的當(dāng)?shù)那闆r下),用戶不必記住他要付款的商品。因?yàn)樗苊黠@可以識別出自己要買的商品,而不用再費(fèi)勁去再次記憶。

展示用戶的搜索歷史記錄

在Gmail收件箱中,用戶可以一目了然的確定自己已經(jīng)閱讀和未讀的電子郵件。或者當(dāng)我登錄到Amazon時,網(wǎng)站會告訴用戶最近查看的商品,而不用勞煩用戶再次搜索。

“通過使對象,操作選項(xiàng)可見,可以最大程度的減少用戶的認(rèn)知負(fù)載。用戶不必記住從對話的一部分到另一部分的內(nèi)容。在適當(dāng)時候,系統(tǒng)會及時的告訴他們,或者用一種很方便的方式讓用戶查看到?!?/p>

07、不要放慢交互動畫速度

在UX中正確使用動畫

對于用戶來說,速度和效率是非常重要的東西。用戶要使用一個應(yīng)用程序來完成特定的工作,而不是盯著交互動畫來欣賞。

“我想走的快點(diǎn)”-Ricky Bobby

如果將一筆支票快速兌入我的銀行賬戶的體驗(yàn)令人愉悅,那非常棒。但是,請不要用你的創(chuàng)造力妨礙我快速完成目標(biāo)。這些動畫與我要完成目標(biāo)相比,真的不值一提。

關(guān)于動畫和微交互的一條經(jīng)驗(yàn)法則是,如果體驗(yàn)增加了不必要的時間,那么它并不能改善體驗(yàn)。有目的性的使用動畫可以改善體驗(yàn),請記住,動畫一定是有目的的。

經(jīng)常在Dribbble上看到一些Landing Page,這些設(shè)計(jì)在用戶滾動瀏覽頁面時有動畫效果。大部分頁面的動畫使用淡化,移動等等效果,但是它們太過“動畫化”了,反而忽略了對于體驗(yàn)本身的關(guān)注。作為用戶,當(dāng)屏幕上發(fā)生太多事情的時候,他們很難注意到重點(diǎn)內(nèi)容,而且這種動畫也浪費(fèi)了用戶太多的寶貴時間。

很多研究表明,界面動畫的最佳速度在200到500毫秒之間。這些數(shù)字基于人腦的特殊素質(zhì)。任何短于100毫秒的動畫都是瞬時的,不會被察覺。而動畫時間超過一秒,將會傳達(dá)一種延遲感,從而讓用戶感覺無聊。

因此,如果要使用動畫,請務(wù)必注意,動畫都是有目的性的,不要讓用戶等待超過500ms。在2019年,其實(shí)1ms就可以激怒你的用戶。

08、少即是多

每次我們向頁面添加其他信息的時候:按鈕,文本,圖像,動畫,插圖等,這些內(nèi)容就會與其它相關(guān)信息存在競爭。如果頁面上內(nèi)容過多,元素的重要性則會降低。

注明的Google主頁就是個很好的案例。設(shè)計(jì)師并沒有讓訪客淹沒在不必要的信息中,而只是突出了其中的一點(diǎn),那就是:搜索。

小編最喜歡的設(shè)計(jì)格言是:“所謂的完美設(shè)計(jì),不是在沒有其它東西可添加時,而是在沒有東西可以去掉的時候?!迸c大家共勉。

熱門課程推薦

熱門資訊

請綁定手機(jī)號

x

同學(xué)您好!

您已成功報名0元試學(xué)活動,老師會在第一時間與您取得聯(lián)系,請保持電話暢通!
確定