【廣告】
UI設(shè)計是指對軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計,也叫界面設(shè)計。UI設(shè)計是指對軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計,也叫界面設(shè)計。UI設(shè)計分為實體UI和虛擬UI,互聯(lián)網(wǎng)說的UI設(shè)計是虛擬UI,UI即User Interface(用戶界面)的簡稱。好的UI設(shè)計不僅是讓軟件變得有個性有品位,還要讓軟件的操作變得舒適簡單、自由,充分體現(xiàn)軟件的定位和特點。與之相應(yīng),UI設(shè)計師的職能大體包括三方面:一是圖形設(shè)計,軟件產(chǎn)品的產(chǎn)品“外形”設(shè)計。二是交互設(shè)計,主要在于設(shè)計軟件的操作流程、樹狀結(jié)構(gòu)、操作規(guī)范等。
UI設(shè)計規(guī)范
一致性原則堅持以用戶體驗為中心設(shè)計原則,界面直觀、簡潔,操作方便快捷,用戶接觸軟件后對界面上對應(yīng)的功能一目了然、不需要太多培訓(xùn)就可以方便使用本應(yīng)用系統(tǒng)。字體
-保持字體及顏色一致,避免一套主題出現(xiàn)多個字體;
-不可修改的字段,統(tǒng)一用灰色文字顯示。對齊
-保持頁面內(nèi)元素對齊方式的一致,如無特殊情況應(yīng)避免同一頁面出現(xiàn)多種數(shù)據(jù)對齊方式
下面這些“法則”都是我從失敗中總結(jié)出來的。所以,我需要提醒新人:我現(xiàn)在擅長UI,主要得益于我經(jīng)常分析,并不是突然開悟,理解了什么是美,什么是平衡。
這篇文章不講理論,只談應(yīng)用。信息提示窗口的“確認(rèn)”及“取消”按鈕需要分別映射鍵盤按鍵“Enter”和“ESC”。我不會講什么黃金分割、色彩理論,只有實站中總結(jié)出的經(jīng)驗和教訓(xùn)。就好像,柔道源于日本幾個世紀(jì)以來的尚武精神和哲學(xué)理念。上柔道課時,不僅能學(xué)到打斗,還會學(xué)到很多關(guān)于能量、氣息與和諧之類的東西。而以色列術(shù)(Krav Maga)則完全不同。
這種術(shù)是納粹壓迫下猶太人發(fā)明的。其中根本沒有“藝術(shù)”,在以色列術(shù)的課堂上,你學(xué)到就是怎樣用一根筆或者本書襲ji別人的眼睛。
就拿這個按鈕舉例,這是一個相對“扁平化”(flat) 的按鈕,但依然可以看出一些光線變化的細(xì)節(jié):
沒有按下去的按鈕底部邊緣更暗,因為沒有光線照到那里。沒有按下去的按鈕上半部分比下半部分稍微亮一些。這種習(xí)慣的交互方式往往來源于其原有的針對現(xiàn)實的交互流程、已有軟件工具的交互流程。這是在模仿一個略有弧度的表面(見側(cè)視圖)。沒有按下去的按鈕下方有一些細(xì)微的陰影,在放大圖中看得更清楚。按下去的按鈕整體顏色都更暗了,但下半部分的顏色依然比上面深。這是因為按鈕在屏幕的平面上,光線不容易照到。也有人說,在現(xiàn)實中,按下去的按鈕顏色更深,因為手遮擋住了光線。
這么一個簡單的按鈕就有 4 種不同的光線變化。實際上,我們可以把這種原則運用到各處。