學(xué)UI設(shè)計(jì)要知道的UI布局基本原則,移動(dòng)APP頁面布局(Layout)是我們?cè)O(shè)計(jì)app界面的時(shí)候,主要的設(shè)計(jì)任務(wù)。一個(gè)app的好與不好,很大部門取決于移動(dòng)APP頁面布局的公道性。
學(xué)UI設(shè)計(jì)要知道的UI布局基本原則:
1、公司/組織的圖標(biāo)(Logo)在所有頁面都處于統(tǒng)一位置。
2、用戶所需的所有數(shù)據(jù)內(nèi)容均按先后次序公道顯示。
3、所有的重要選項(xiàng)都要在主頁顯示。
4、重要條目要始終顯示。
5、重要條目要顯示在頁面的頂端中間位置。
6、必要的信息要一直顯示。
7、動(dòng)靜、提示、通知等信息均泛起在屏幕上目光輕易找到的地方。
8、確保主頁看起來像主頁(使主頁有別于其它二三級(jí)頁面)。
9、主頁的長度不宜過長。
10、APP的導(dǎo)航盡量采用底部導(dǎo)航的方式。菜單數(shù)量4-5個(gè)。
歸根結(jié)底,離不開以下五大原則,它們能讓你的軟件操縱更加恬靜簡(jiǎn)樸,體現(xiàn)產(chǎn)品定位和特點(diǎn)。
一、一致性原則
堅(jiān)持以用戶體驗(yàn)為中央設(shè)計(jì)原則,界面直觀、簡(jiǎn)潔,操縱利便快捷,用戶接觸軟件后對(duì)界面上對(duì)應(yīng)的功能一目了然、不需要太多培訓(xùn)就可以利便使用本應(yīng)用系統(tǒng)。
二、正確性原則
使用一致的標(biāo)記、尺度縮寫和顏色,顯示信息的含義應(yīng)該非常明確,用戶不必再參考其它信息源。顯示有意義的犯錯(cuò)信息,而不是單純的程序錯(cuò)誤代碼。避免使用文本輸入框來放置不可編纂的文字內(nèi)容,不要將文本輸入框當(dāng)成標(biāo)簽使用。使用縮進(jìn)和文本來輔助理解。使用用戶語言詞匯,而不是單純的專業(yè)計(jì)算機(jī)術(shù)語。高效地使用顯示器的顯示空間,但要避免空間過于擁擠。保持語言的一致性,如“確定”對(duì)應(yīng)“取消”“是”對(duì)應(yīng)“否”。
三、布局公道化原則
在進(jìn)行UI設(shè)計(jì)時(shí)需要充分考慮布局的公道化題目,遵循用戶從上而下,自左向右瀏覽、操縱習(xí)慣,避免常用業(yè)務(wù)功能按鍵排列過于分散,以造成用戶鼠標(biāo)移動(dòng)間隔過長的弊端。多做“減法”運(yùn)算,將不常用的功能區(qū)塊躲藏,以保持界面的簡(jiǎn)潔,使用戶專注于主要業(yè)務(wù)操縱流程,有利于進(jìn)步軟件的易用性及可用性。
四、系統(tǒng)操縱公道性原則
盡量確保用戶在不使用鼠標(biāo)(只使用鍵盤)的情況下也可以流暢地完成一些常用的業(yè)務(wù)操縱,各控件間可以通過Tab鍵進(jìn)行切換,并將可編纂的文本全選處理。
五、系統(tǒng)響應(yīng)時(shí)間原則
系統(tǒng)響應(yīng)時(shí)間應(yīng)該適中,響應(yīng)時(shí)間過長,用戶就會(huì)感到不安和沮喪,而響應(yīng)時(shí)間過快也會(huì)影響到用戶的操縱節(jié)奏.
一些在Android實(shí)踐指導(dǎo)原則里的,當(dāng)然并不:
1、避免不必要的嵌套:
不要把一個(gè)布局放置在其他布局里,除非是必要的。
2、避免使用太多視圖:
在一個(gè)布局中每增加一個(gè)新的視圖,都會(huì)在inflate操縱時(shí)耗時(shí)和消耗資源。任何時(shí)候都不要在一個(gè)布局中包含超過80個(gè)視圖,否則,消耗在inflate操縱上的時(shí)間會(huì)很大。
3、避免深度嵌套:
布局可以任意嵌套,這極易于創(chuàng)建復(fù)雜和深度嵌套的布局層次。假如沒有硬性限制,將嵌套限制在10層以下是好的實(shí)踐。
4、優(yōu)化布局層次:
好比減少?zèng)]效率的或者不必要的嵌套布局,是十分重要的。
UI設(shè)計(jì)師實(shí)在并不是一個(gè)只會(huì)用Photoshop的美工,我們?cè)O(shè)計(jì)的起點(diǎn)并不在于它有多好看,設(shè)計(jì)的終目的是為了好用,而且是讓用戶覺得好用。要成為一名精彩的UI設(shè)計(jì)師,我們必需先摒棄一個(gè)理念:我喜歡的設(shè)計(jì)就是好的設(shè)計(jì)。由于我們的設(shè)計(jì)是為廣泛的用戶服務(wù),而非為自己服務(wù)。設(shè)計(jì)的終目的一定是得到大多數(shù)用戶的認(rèn)可,為用戶提供公道比較好用的設(shè)計(jì),好用遠(yuǎn)比好看重要。好看只是錦上添花,好用才是終目的。正因如斯,精彩的UI設(shè)計(jì)師,除了把握過硬的設(shè)計(jì)技能之外,還需要有廣泛的科學(xué)認(rèn)知,為我們的設(shè)計(jì)服務(wù),為用戶服務(wù)。
注:尊重原創(chuàng)文章,轉(zhuǎn)載請(qǐng)注明出處和鏈接 http://m.dedgn.cn/news-id-71875.html 違者必究!部分文章來源于網(wǎng)絡(luò)由培訓(xùn)無憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實(shí)性請(qǐng)自行核實(shí)或聯(lián)系我們,了解更多相關(guān)資訊請(qǐng)關(guān)注UI設(shè)計(jì)頻道查看更多,了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費(fèi)申請(qǐng)?jiān)囌n。關(guān)注官方微信了解更多:150 3333 6050