UI 設(shè) 原則UI 設(shè)計(jì)基礎(chǔ)

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

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

清晰明了的設(shè)計(jì)

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

簡(jiǎn)潔但不簡(jiǎn)單

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

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

每個(gè)屏幕只提供一個(gè)操作主題

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

人性化設(shè)計(jì)

當(dāng)能夠直接操作物體時(shí)，用戶的感覺才是最棒的。在設(shè)計(jì)界面時(shí)，往往我們?cè)黾拥囊恍┰夭⒉皇潜匦璧?，譬如過多地使用按鈕、選項(xiàng)等繁瑣的東西來填滿界面，這其實(shí)就是畫蛇添足。最理想的狀態(tài)是界面簡(jiǎn)單明了，易于理解操作，能讓用戶有直接操作的快感。六、讓操作變得更簡(jiǎn)單

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

界面過渡自然

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

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

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

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