介面設計的行業標準總結(上)

2021-05-21 21:31:08 字數 2571 閱讀 4329

gui整體標準的制定

gui的整體標準包括以下四個方面:

1.規範性

2.合理性

3.一致性

4.介面定製性

一、gui設計的規範

遵循一致的準則,確立標準並遵循,是軟體介面設計中必不可必的環節。確立介面標準的好處:

1.便於使用者操作:戶使用起來能夠建立起精確的心裡模型,使用熟練了乙個介面後,切換到另外乙個介面能夠很輕鬆的推測出各種功能

2.使使用者感覺到統

一、規範,在使用軟體的過程中愉快輕鬆的完成操作,提高對軟體的認知

3.降低培訓、支援成本,不必花費較多的人力對客戶進行逐個指導

二、gui布局的合理性

介面的合理性是指介面是否與軟體功能相融洽,介面的顏色和布局是否協調等。例如:

1.介面布局

a.螢幕不能擁擠

*  mayhew在2023年的試驗結果表明螢幕總體覆蓋度不應該超過40%,而分組覆蓋度不應該超過62%。

*  整個專案,採用統一的控制項間距,通過調整窗體大小達到一致,即使在窗體大小不變的情況下,寧可留空部分區域,也不要破壞控制項間的行間距。

b.控制項按區域排列

*  一行控制項縱向中對齊, 控制項間距基本保持一致,行與行之間間距相同,靠窗體的控制項距窗體邊緣的距離應大於行間距。

*  當螢幕有多個編輯區域,要以視覺效果和效率來組織這些區域

c.有效組合

邏輯上相關聯的控制項應當加以組合以表示其關聯性,反之,任何不相關的專案應當分隔開。在專案集合間用間隔對其進行分組,或者使用方框劃分各自區域

d.視窗縮放時,控制項位置、布局

*  固定視窗大小,不允許改變尺寸

*  改變尺寸的視窗,在視窗尺寸發生變化時控制項的位置、大小做出相應的改變

*  改變尺寸的視窗,在視窗改變尺寸時增加相應在的縱向、橫向滾動條,以方便使用者使用窗體上的控制項

2.介面顏色搭配

使用恰當的顏色,可以使軟體的介面看起來更加規範:

a.統一色調

針對軟體型別以及使用者工作環境選擇恰當色調,如:安全軟體,根據工業標準,可以選取黃色。綠色體現環保,藍色表現時尚清新、紫色表現浪漫等等,淡色可以使人舒適,暗色做背景使人不覺得累等。

b.與作業系統統一,讀取系統標準色表

c.遵循對比原則

在淺色背景上使用深色文字,深色背景上使用淺色文字,如藍色文字以白色背景容易識別,而在紅色背景則不易分辨。除非特殊場合,杜絕使用對比強烈,讓人產生憎惡感的顏色

d.整個介面色彩盡量少的使用類別不同的顏色

e.顏色方案也許會因為顯示器、顯示卡、作業系統等原因顯示出不同的色彩

f.針對色盲、色弱使用者,可以使用特殊指示符

e.顏色方案也許會因為顯示器、顯示卡、作業系統等原因顯示出不同的色彩

f.針對色盲、色弱使用者,可以使用特殊指示符

三、gui風格的一致性

介面的一致性既包括使用標準的控制項,也指相同的資訊表現方法,如在字型、標籤風格、顏色、術語、顯示錯誤資訊等方面確保一致。

1.在不同解析度下的美觀程度

軟體介面要有乙個預設的解析度,而在其他解析度下也可以執行,分別在800×600,1024×768,1280×768,1280×1024,1200×1600解析度下的大字型、小字型下的介面表現。

2.介面布局要一致

如所有視窗按鈕的位置和對齊方式要保持一致。

3.介面的外觀要一致

如控制項的大小、顏色、背景和顯示資訊等屬性要一致,一些需要特殊處理或有特殊要求的地方除外。

4.介面所用顏色要一致

顏色的前後一致會使整個應用軟體有同樣的觀感,反之會讓使用者覺得所操作的軟體雜亂無章,沒有規則或言。

5.操作方法要一致

如雙擊其中的項,觸發某事件,那麼雙擊任何其他列表框中的項,都應該有同樣的事件發生。

6.控制項風格、控制項功能要專一

a.不錯誤的使用控制項

例如使用button樣式做table的功能,拿主選單條顯示版權資訊等

b.乙個控制項只做單一功能,不復用

如果在特殊情況下出現復用的時候,可採用以下兩種方法解決:

*  分組,使用雙份控制項

*  使用table頁,給使用者很明顯的視覺變化

7.標籤和訊息的措詞要一致

如在提示、選單和幫助中產生相同的術語。

8.標籤中文字資訊的對齊方式要一致

如某類描述資訊的標題行定為居中,那麼其他類似的功能也應該與此一致。

9.快捷鍵在各個配置項上語義保持一致

四、gui介面操作可定製性

介面的可定製性大致可分為以下幾個特性:

1.介面元素可定製

允許使用者定義工具欄、狀態列是否顯示,工具欄顯示在介面上的位置;允許使用者定義選單的位置等。

2.工具欄可定製

不同使用者對常用工具的使用是不同的,因此允許使用者建立新的工具欄,選擇要顯示的工具欄,定製工具欄上的按鈕等功能在軟體系統中經常被用到

3.統計檢索可定製

對於某些特殊行業的軟體可以提供統計檢索的可定製性,在充分了解使用者需求的基礎上制定大量的安全供使用者選擇

介面設計文件 介面設計的五點建議!

介面是目前 前後端互動 rest 系統互動 rpc 最普遍的一種方式。乙個好的介面,應該清晰易懂,職責明確,易於維護。反之,則會造成很多困擾。特別是open api,誰做誰知道。基於這樣的前提以及自己之前踩過的坑,就成了這篇文章的由來。文件與程式設計師之間有著一種非常奇妙的關係。一句話概括就是 寫之...

概要設計中的介面設計

介面在開發過程中可以快速分離工作內容。比如呼叫者在寫業務邏輯的時候需要乙個功能,可能是資料庫訪問,或者複雜計算,但是他的工作專注於實現業務邏輯,不想分開精力去做底層實現,那麼他只需要先實現乙個介面,定義了規範,然後就可以繼續他的業務邏輯 了。而實現者可以根據這個介面規範,做具體的實現。這樣通過使用介...

基於HTTP標準協議的API介面設計規範構思

版本控制git 開發流程git flow 請求方式 url動作 中文說明 get resources list 列表post resources create 建立get resources idretrieve 詳細put resources idupdate 更新patch resources ...