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