歡迎來到培訓無憂網(wǎng)!

全國切換

咨詢熱線 400-001-5729

位置:培訓無憂網(wǎng) > 新聞資訊 > 電腦/IT > UI設計 >  UI設計的原則和注意事項

UI設計的原則和注意事項

來源:培訓無憂網(wǎng)-云朵 發(fā)布人:云朵

2021-11-23 09:19:35|已瀏覽:330次

UI設計的原則和注意事項

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

    本文由培訓無憂網(wǎng)長沙牛耳教育課程顧問老師整理發(fā)布,希望能夠?qū)ο雲(yún)⒓娱L沙UI設計培訓的學生有所幫助。更多課程信息可關(guān)注培訓無憂網(wǎng)UI設計培訓或添加老師微信:15033336050

      注:尊重原創(chuàng)文章,轉(zhuǎn)載請注明出處和鏈接 http://elsolbar.com/news-id-4544.html 違者必究!部分文章來源于網(wǎng)絡由培訓無憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實性請自行核實或聯(lián)系我們,了解更多相關(guān)資訊請關(guān)注UI設計頻道查看更多,了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費申請試課。關(guān)注官方微信了解更多:150 3333 6050

留下你的信息,課程顧問老師會一對一幫助你規(guī)劃更適合你的專業(yè)課程!
  • 姓名:

  • 手機:

  • 地區(qū):

  • 想學什么:

  • 培訓無憂網(wǎng)
免 費 申 請 試 聽
提交申請,《培訓無憂網(wǎng)》課程顧問老師會一對一幫助你規(guī)劃更適合你的專業(yè)課程!