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