UI 設(shè) 原則UI 設(shè)計基礎(chǔ)_第1頁
UI 設(shè) 原則UI 設(shè)計基礎(chǔ)_第2頁
UI 設(shè) 原則UI 設(shè)計基礎(chǔ)_第3頁
UI 設(shè) 原則UI 設(shè)計基礎(chǔ)_第4頁
UI 設(shè) 原則UI 設(shè)計基礎(chǔ)_第5頁
已閱讀5頁,還剩7頁未讀, 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認領(lǐng)

文檔簡介

主講:陳思《UI創(chuàng)意設(shè)計》課程UI設(shè)計基礎(chǔ)UI設(shè)原則

一款好的UI設(shè)計,界面清晰,邏輯清楚是第一要素,要想讓用戶喜歡上你設(shè)計的界面,首先必須讓用戶能夠快速了解為什么要使用它,以及如何使用它。讓用戶在使用過程中能夠預(yù)測到會發(fā)生什么,并能順暢地與之交互,減少發(fā)生錯誤選擇的可能性。只有清晰明了的界面才能夠吸引用戶不厭其煩的重復(fù)使用。一、

清晰明了的設(shè)計

用戶在使用一款產(chǎn)品的時候,第一印象是非常重要的。而簡潔的UI界面會讓用戶在最短的時間內(nèi)找到自己想要的內(nèi)容,吸引用戶的注意力很關(guān)鍵,千萬不要將界面設(shè)計得眼花繚亂,這樣容易分散用戶的注意力。只有尊重用戶的注意力,才能讓用戶擁有更好的使用體驗感,也能實現(xiàn)UI設(shè)計的真正目的。二、

簡潔但不簡單

在UI設(shè)計中要保持一致的風(fēng)格,這樣才不會讓用戶在訪問頁面時產(chǎn)生錯愕的感覺。整體風(fēng)格一致,會給用戶一個清晰明了的感覺,這其中不僅包含顏色的搭配要統(tǒng)一,而且字體、布局等也要統(tǒng)一。三、整體一致的風(fēng)格

我們設(shè)計的每一個界面都應(yīng)該有一個主題,這樣不僅能夠讓用戶了解其真正的價值,也能讓用戶容易上手操作,使用起來更加方便。如果一個屏幕支持兩個或兩個以上的主題,立馬會讓整個界面看起來混亂不堪。四、

每個屏幕只提供一個操作主題

高效率和用戶滿意度是人性化的體現(xiàn),用戶習(xí)慣按照自己的方式和方法理解并使用界面,設(shè)計者需真真切切地從用戶的角度出發(fā),多考慮用戶使用的環(huán)境、狀態(tài)、習(xí)慣等,尊重用戶真實的感受,這樣設(shè)計出來的產(chǎn)品才不是冷冰冰的,能在用戶的掌控之中,使用戶自己感受到主動權(quán),從而帶給用戶最好的體驗。五、

人性化設(shè)計

當(dāng)能夠直接操作物體時,用戶的感覺才是最棒的。在設(shè)計界面時,往往我們增加的一些元素并不是必需的,譬如過多地使用按鈕、選項等繁瑣的東西來填滿界面,這其實就是畫蛇添足。最理想的狀態(tài)是界面簡單明了,易于理解操作,能讓用戶有直接操作的快感。六、讓操作變得更簡單

界面的交互往往是環(huán)環(huán)相扣的,所以要認真地考慮下一步的交互是怎樣的,并且通過設(shè)計將其實現(xiàn)。當(dāng)用戶已經(jīng)完成現(xiàn)階段操作后,不要讓他們感覺不知所措,要引導(dǎo)他們自然而然的繼續(xù)往下操作。七、

界面過渡自然

視覺層次感是通過界面上元素提供的清晰瀏覽順序來實現(xiàn)的,所有元素的層級關(guān)系都是相對的,設(shè)計師要綜合考慮每一個元素的設(shè)計重量,做到突出重點有主次。

每個界面上只顯示必要的內(nèi)容,如果用戶需要進一步選擇,將具體細節(jié)放在下一屏進行展示,避免在某個界面過度展示所有細節(jié)。八、層次感分明,漸進展示

美好的事物總是會讓人心神向往,而增加美觀度,就是讓你所設(shè)計的作品成為美好事物的必備條件。往往美觀度越高,用戶就會越愛不釋手,就當(dāng)下形式而言,“質(zhì)感”是提高美觀度的一個秘密武器,在UI設(shè)計中加入“質(zhì)感”,會讓你的設(shè)計與眾不同,更加完美。九、

提升美觀度,讓用戶愛不釋手優(yōu)秀的設(shè)計是沒有痕跡的,UI設(shè)計的最高境界是

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論