UI設計的原則和注意事項
2021-11-23點擊量:309
UI設計是針對用戶的設計,一切活動的目的都是完成用戶溝通。那么設計中就必須遵循一些原則,從而實現目標。1.人性化:高效率和用戶滿意度是人性化的體現。應具備專家級和初級玩家系統,即用戶可依據自己的習慣定制界面,并能保存設置。2.簡易性:界面的簡潔,UI設計圖片是要讓用戶便于使用、便于了解、并能減少用戶發生錯誤選擇的可能性。保持簡潔上乘的設計中,你看不到華而不實的UI修飾,或是用不到的設計元素。換而是,其必須的元素一定是簡潔且有意義的。3.界面清晰重要:界面清晰是UI設計的第一步,要想讓用戶喜歡你設計的UI,首先必須讓用戶認可它、知道怎么樣使用它。讓用戶在使用時預期會發生什么,并方便地與它交互。4、全力維護用戶的注意力:在閱讀的時候,總是會有事物分散我們的注意力。因此,在設計界面的時候,能夠吸引用戶的注意力很關鍵,千萬不要將界面的周圍設計得亂七八糟。5、讓界面處于用戶的掌控之中:人類往往對能夠掌控自己和周圍的環境感到舒服,不考慮用戶感受的設計往往會讓這種舒適感消失。確保界面處于用戶的掌控之中,讓用戶自己感受主動權。6、界面過渡自然:界面的交互都是關聯的,所以要認真地考慮到下一步的交互是怎樣的,并且通過設計將其實現。當用戶已經完成該做的步驟,不要讓他們不知所措,給他們自然而然繼續下去的方法,以達成目的。7、顏色不是決定性因素:物體的顏色會隨著光線的變化而變化,顏色是一個變化的性質,不應該在界面上起決定性作用。它可以用于提醒,但是不應該是罕有的的區分元素。8、零狀態的界面:第一次訪問界面是重要的,但經常被設計者忽視。為了幫助用戶適應,應該提供啟動的方向和引導。UI設計中應回避的一些細節:A、易用性原則:按鈕名稱應該易懂,用詞要準確,屏棄那些模楞兩可的字眼,要與同一界面上的其它按鈕易于區分,能望文知意比較好。理想的情況是用戶不用查閱說明書就能知道該界面的功能并進行相關的正確操作。易用性原則的一些細些要求:(1)、相同或相近功能的按鈕用Frame框起來,以便于操作。(2)、常用按鈕要支持快捷方式和硬件操作,如按Tab鍵或者是其它鍵能夠實現的切換功能。(3)、按功能將界面劃分局域塊,用Frame框括起來,并要有功能說明或標題。B、規范性:(1)、常用命令要有快捷方式。(2)、菜單前的圖標能直觀的代表要完成的操作。(3)、菜單深度一般要求多控制在三層以內。(4)、工具欄要求可以根據用戶的要求自己定制一些內容。C、合理性原則:(1)、父窗體或主窗體的中心位置應該在對角線焦點附近。(2)、多個子窗體彈出時應該依次向右下方偏移,以顯示窗體出標題為宜。(3)、錯誤使用容易引起界面退出或關閉的按鈕不應該放在易點位置。(4)、與正在進行的操作無關的按鈕應該加以屏蔽。(5)、對可能造成數據無法恢復的操作必須提供確認信息,給用戶放棄選擇的機會。(6)、對運行過程中出現問題而引起錯誤的地方要有提示,讓用戶明白錯誤出處,避免形成無限期的等待。設計時候要注意的要點如下:1、每一個模塊的邊框,標題,按鈕(如果有的話),“更多”“詳細”功能,這些元素的顏色、大小尺寸、位置、對齊方式、字體、字號、行距等都要一致。2、整個頁面的基調顏色要一致,不同的模塊除非有很大意義的差別,顏色應該一致。3、可以點擊的文字、按鈕、圖片,鼠標應該呈現出統一的可點擊樣式,區別于不可點擊區域。4、呈現的日期格式的統一,比如都用長日期格式“2007-2-1”或者都用短日期格式“07-3-1”,樣式不同的日期呈現方式還不如不呈現。5、可以點擊的圖片比較好用不同的樣式顯示,比如鼠標滑過時候的輝亮效果。因為網頁會大量的使用圖片做修飾效果,區分可以點擊和不可以點擊的圖片是值得去做的。6、有沒有不必要的彈出窗口。(從netscape開始這個設計真的很糟糕,ie也完全繼承了,解決的辦法是用js方式來呈現彈出窗口。)7、文字描述。很多時候會忽略這個問題,在我們做demo的這個項目中有很多的文字描述,各有其用,統一描述的方式,統一人稱,統一語氣,都是給用戶帶來良好體驗的途徑。8、圖片風格。我不是這方面的專家,從欣賞的角度,圖片應該是盡可能的統一風格,素描樣式和點陣樣式共存總不是太好的事情。9、圖標。很多時候會用圖標來描述功能,漂亮的帶點陰影和倒影的圖標是非常搶眼的,使用圖標的話要注意風格、透視角度、分辨率、辨識度的一致性。本文由培訓無憂網長沙牛耳教育課程顧問老師整理發布,希望能夠對想參加長沙UI設計培訓的學生有所幫助。更多課程信息可關注培訓無憂網UI設計培訓或添加老師微信:15033336050...