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

當前位置:首頁 >問答首頁 >UI設計
精選回答
來自超級不萬寶路的回答 2023-11-29 17:58:55

UI設計的基本原則有:1、設計密度,而不是像素;2、使用8的倍數(shù);3、去掉線框;4、注意對比;5、使用標準元素;6、使用顏色建立層次結構;7、避免使用2種以上的字體;8、認可而不是回憶;9、速度要快;10、少即是多。

1、設計密度,而不是像素

密度是屏幕或PPI每一英寸的像素數(shù)量?!癲p”單位是“density-independent pixel”的縮寫,有時也縮寫為“dip”。

在設計UI時,不要根據(jù)像素尺寸來設計,而應根據(jù)設備的像素密度設計。這樣可以確保UI元素正確縮放以適配不同的設備尺寸。

2、使用8的倍數(shù)

我們使用8而不是5的原因是,如果設備的分辨率為1.5倍,則無法正確呈現(xiàn)奇數(shù)。此外,絕大多數(shù)設備屏幕尺寸都可以被8整除,從而可以輕松地在這些設備上適當?shù)卣{整UI設計。

通過在網格上以8的倍數(shù)進行UI設計,可以保持設計的一致性。所有內容都與我們定義的間距約定完全一致。

3、去掉線框

通常,用于分隔內容的線框可以用空白代替。我們設計的大多數(shù)UI元素都包含在線框中,因此,只需刪除那些容器,它可以使頁面看起來不那么密集,并提供更多的呼吸空間。

4、注意對比

使用對比不僅可以吸引用戶的注意力,而且可以提高產品的可訪問性。設計產品類似于在圖書館或學校之類的公共建筑中建造建筑-它必須包含所有人。其中包括盲人,色盲和視力障礙的用戶。

Web內容可訪問性指南(WCAG)[2]規(guī)定至少需要4.5:1的對比度。

5、使用標準元素

將某些元素視為標準的原因有很多。如果將按鈕設計為圓形,則當文本較長時,將占用不必要的垂直空間。

除此之外,用戶已經熟悉在整個網絡上獲得類似的體驗。如果你的網站,應用程序或軟件的功能與用戶習慣不同,那么它就不會很直觀,用戶可能會感到沮喪。

因此,最好僅在當前設計規(guī)范的范圍內進行創(chuàng)新。不要重新造輪子。

6、使用顏色建立層次結構

每種顏色都有視覺上的分量,可以在內容之間建立層次結構。通過使用不同深淺的顏色,我們可以為元素分配不同的重要性級別。

如果一個元素比另一個元素更重要,則它應具有更高的視覺重量。這使用戶易于快速瀏覽頁面并區(qū)分重要和次要信息。

更大,更粗體的信息是首先吸引用戶眼球的內容,然后他們將繼續(xù)瀏覽下方的支持信息。

7、避免使用2種以上的字體

通常,兩種不同的字體就足夠了。這并不意味著不能使用更多,但是除非有充分的理由,否則通常最好不要使用。

解決此問題的方法是使用字體系列。

通過使用字體系列,我們可以在設計中使用具有不同變體的相同字體。同一家族的字體共同工作,因此它們既靈活又一致。

選擇字體時,請找到具有不同權重的字體,例如細,常規(guī),中等,粗體,超粗體以及壓縮,擴展和斜體等樣式。這將提供更多空間來探索不同的樣式,而無需添加其他字體。

8、認可而不是回憶

為什么要讓用戶思考?

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

在結帳頁面(如果設計得當)上,我不必記住要付款的商品。我顯然應該能夠識別出我要購買的商品,而不必記憶。

在Gmail收件箱中,我可以一目了然地確定已閱讀郵件和沒有閱讀的郵件。或者,如果登錄到Amazon,我可以快速從上次停下來的地方繼續(xù),因為它會告訴我最近查看的商品。

9、速度要快

作為用戶,速度和效率是唯一重要的事情。

對于動畫和微交互的一條經驗法則是,如果體驗增加了不必要的等待時間,那么它就不是在改善體驗。

有目的性地使用動畫可以改善體驗,但是不要增加干擾和等待。

許多研究發(fā)現(xiàn),UI動畫的最佳速度在200-500毫秒之間。這些數(shù)字基于人腦的特質。任何短于100毫秒的動畫都是瞬時的,根本不會被識別。而動畫時間超過1秒將產生一種延遲感,從而使用戶感到無聊。

10、少即是多

每次我們向頁面添加其他信息:按鈕,文本,圖像,動畫,插圖等,它就會與相關信息競爭。如果頁面上的內容過多,則元素的重要性會降低。


硬件型號: Apple Macbook Pro 13.3

系統(tǒng)版本:MacOS Big Sur11.0.1

軟件版本:Sketch Mac版 V70.3

火星時代教育 影視學院劉老師,為你解答
恭喜,您已獲得免費試聽資格請留下您的手機號,課程顧問將幫您激活課程
獲取驗證碼
免費領千元課程+隨課禮包

請留下您的手機號

課程顧問將幫您激活課程并贈送學習禮包

×

同學您好!

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