廣州火星時(shí)代教育
全國(guó)統(tǒng)一學(xué)習(xí)專線 8:30-21:00
位置:魔方格 > 設(shè)計(jì)>UI設(shè)計(jì)> UI設(shè)計(jì)基本原則是什么  正文

UI設(shè)計(jì)基本原則是什么

發(fā)布時(shí)間:2022-02-26 08:31:14來(lái)源:魔方格

進(jìn)行UI設(shè)計(jì)需要遵循的原則有這些:一是區(qū)分重點(diǎn);二是清晰度;三是界面要能促進(jìn)交互。其中清晰度是界面設(shè)計(jì)中的第一步,其就是首先必須讓用戶能夠識(shí)別它,并讓用戶知道為什么使用它。

一、UI設(shè)計(jì)基本原則是什么?

1.區(qū)分重點(diǎn)

若屏幕元素各自的功能不同,它們的外觀理應(yīng)也不同。反之,若功能相同或相近,則它們看起來(lái)就應(yīng)該是一樣的。為了保持一致性,初級(jí)設(shè)計(jì)師常常對(duì)應(yīng)該加以區(qū)分的元素采用相同的視覺(jué)處理效果,其實(shí)采用不同的視覺(jué)效果才是合適的。

2.清晰度

清晰度是界面設(shè)計(jì)中的第一步也是重要的工作。如果想使設(shè)計(jì)的界面有效并被人喜歡,首先必須讓用戶能夠識(shí)別它,并讓用戶知道為什么使用它。

3.界面是為促進(jìn)交互而存在的

界面的存在,促進(jìn)了用戶和設(shè)計(jì)師之間的互動(dòng)。界面不但能夠提高做事效率,還能夠加強(qiáng)設(shè)計(jì)師與這個(gè)世界的聯(lián)系。

二、UI設(shè)計(jì)配色原則

1、設(shè)計(jì)色調(diào)的統(tǒng)一:針對(duì)軟件類型及用戶工作環(huán)境選擇恰當(dāng)?shù)纳{(diào),例如安全軟件,綠色體現(xiàn)環(huán)保、紫色代表浪漫、藍(lán)色表現(xiàn)時(shí)尚等??傊底屓烁杏X(jué)舒適,以此為背景不會(huì)讓人覺(jué)得累。

總體而言,需要增加整體色調(diào)的協(xié)調(diào)統(tǒng)一、重點(diǎn)突出,使作品更加專業(yè)和美觀。

2、有重點(diǎn)色:配色時(shí),用戶可以選取一種顏色作為整個(gè)界面的重點(diǎn)色,這個(gè)顏色可以被運(yùn)用到焦點(diǎn)圖、按鈕、圖標(biāo)或者其他相對(duì)重要的元素,使之成為整個(gè)頁(yè)面的焦點(diǎn)。

3、色彩平衡:整個(gè)界面的色彩盡量少使用類別不同的顏色,以免眼花繚亂,反而讓整個(gè)界面出現(xiàn)混雜感,界面需要保持干凈。

4、對(duì)立色調(diào)和:對(duì)立色調(diào)和的原則很簡(jiǎn)單,就是淺色背景使用深色文字,深色背景上使用淺色文字。

三、UI圖標(biāo)設(shè)計(jì)的基本原則

1.明確信息傳達(dá)

圖標(biāo)在設(shè)計(jì)中一般是提供單擊功能,了解其功能后要在其易辨識(shí)性上下功夫,不要將圖標(biāo)設(shè)計(jì)得過(guò)于花哨,否則瀏覽者不容易看出它的功能。

2.功能具象化

圖標(biāo)設(shè)計(jì)要使產(chǎn)品或軟件的功能具象化,更容易理解。常見(jiàn)的圖標(biāo)元素本身在生活中就經(jīng)常見(jiàn)到,這樣做的目的是使用戶可以通過(guò)一個(gè)常見(jiàn)的事物理解抽象的產(chǎn)品或軟件功能。

相關(guān)內(nèi)容: UI設(shè)計(jì) UI設(shè)計(jì)基本 UI設(shè)計(jì)基本原則

相關(guān)文章
最新文章
相關(guān)熱詞