UI設計的四大原則之佈局合理化原則

在進行UI設計時需要充分考慮佈局的合理化問題,遵循用户從上而下,自左向右瀏覽、操作習慣,避免常用業務功能按鍵排列過於分散,以造成用户鼠標移動距離過長的弊端。多做“減法”運算,將不常用的功能區塊隱藏,以保持界面的簡潔,使用户專注於主要業務操作流程,有利於提高軟件的易用性及可用性。

菜單:

保持菜單簡潔性及分類的準確性,避免菜單深度超過3層。

菜單中功能是需要打開一個新頁面來完成的,需要在菜單名字後面加上“„”。【只適用於C/S架構,B/S請無視】。

按鈕 :

確認操作按鈕放置左邊,取消或關閉按鈕放置於右邊。

功能:

未完成功能必須隱藏處理,不要置於頁面內容中,以免引起誤會。

排版:

所有文字內容排版避免貼邊顯示(頁面邊緣),儘量保持10-20像素的間距並在垂直方向上居中對齊;各控件元素間也保持至少10像素以上的間距,並確保控件元素不緊貼於頁面邊沿。

表格數據列表:

字符型數據保持左對齊,數值型右對齊(方便閲讀對比),並根據字段要求,統一顯示小數位位數。

滾動條:

頁面佈局設計時應避免出現橫向滾動條。

頁面導航(麪包屑導航) :

在頁面顯眼位置應該出現麪包屑導航欄,讓用户知道當前所在頁面的位置,並明確導航結構,如:首頁>新聞中心>歐科智能招商服務平台正式發佈,其中帶下劃線部分為可點擊鏈接。

信息提示窗口:

信息提示窗口應位於當前頁面的居中位置,並適當弱化背景層以減少信息干擾,讓用户把注意力集中在當前的信息提示窗口。一般做法是在信息提示窗口的背面加一個半透明顏色填充的遮罩層。

想聊聊文中的方向?

我們從產品設計到上線交付都在做,可以先聊聊你的實際場景。

深圳小助手科技有限公司 · 0755-82494862 · 13760424861

聯繫我們

← 返回新聞動態