0
  • 聊天消息
  • 系統(tǒng)消息
  • 評論與回復
登錄后你可以
  • 下載海量資料
  • 學習在線課程
  • 觀看技術視頻
  • 寫文章/發(fā)帖/加入社區(qū)
會員中心
創(chuàng)作中心

完善資料讓更多小伙伴認識你,還能領取20積分哦,立即完善>

3天內(nèi)不再提示

界面設計的行業(yè)標準總結(jié):GUI的整體標準

如意 ? 來源:CSDN ? 作者:Loadrunn ? 2020-06-29 10:11 ? 次閱讀

界面設計的行業(yè)標準總結(jié)一

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

1.規(guī)范性

2.合理性

3.一致性

4.界面定制性

一、GUI設計的規(guī)范

遵循一致的準則,確立標準并遵循,是軟件界面設計中必不可必的環(huán)節(jié)。確立界面標準的好處:

1.便于用戶操作:戶使用起來能夠建立起精確的心里模型,使用熟練了一個界面后,切換到另外一個界面能夠很輕松的推測出各種功能

2.使用戶感覺到統(tǒng)一、規(guī)范,在使用軟件的過程中愉快輕松的完成操作,提高對軟件的認知

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

二、GUI布局的合理性

界面的合理性是指界面是否與軟件功能相融洽,界面的顏色和布局是否協(xié)調(diào)等。例如:

1.界面布局

a.屏幕不能擁擠

* Mayhew在1992年的試驗結(jié)果表明屏幕總體覆蓋度不應該超過40%,而分組覆蓋度不應該超過62%。

* 整個項目,采用統(tǒng)一的控件間距,通過調(diào)整窗體大小達到一致,即使在窗體大小不變的情況下,寧可留空部分區(qū)域,也不要破壞控件間的行間距。

b.控件按區(qū)域排列

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

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

c.有效組合

邏輯上相關聯(lián)的控件應當加以組合以表示其關聯(lián)性,反之,任何不相關的項目應當分隔開。在項目集合間用間隔對其進行分組,或者使用方框劃分各自區(qū)域

d.窗口縮放時,控件位置、布局

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

* 改變尺寸的窗口,在窗口尺寸發(fā)生變化時控件的位置、大小做出相應的改變

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

2.界面顏色搭配

使用恰當?shù)念伾?,可以使軟件的界面看起來更加?guī)范:

a.統(tǒng)一色調(diào)

針對軟件類型以及用戶工作環(huán)境選擇恰當色調(diào),如:安全軟件,根據(jù)工業(yè)標準,可以選取黃色。綠色體現(xiàn)環(huán)保,藍色表現(xiàn)時尚清新、紫色表現(xiàn)浪漫等等,淡色可以使人舒適,暗色做背景使人不覺得累等。

b.與操作系統(tǒng)統(tǒng)一,讀取系統(tǒng)標準色表

c.遵循對比原則

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

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

e.顏色方案也許會因為顯示器、顯卡、操作系統(tǒng)等原因顯示出不同的色彩

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

e.顏色方案也許會因為顯示器、顯卡、操作系統(tǒng)等原因顯示出不同的色彩

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

三、GUI風格的一致性

界面的一致性既包括使用標準的控件,也指相同的信息表現(xiàn)方法,如在字體、標簽風格、顏色、術語、顯示錯誤信息等方面確保一致。

1.在不同分辨率下的美觀程度

軟件界面要有一個默認的分辨率,而在其他分辨率下也可以運行,分別在800×600,1024×768,1280×768,1280×1024,1200×1600分辨率下的大字體、小字體下的界面表現(xiàn)。

2.界面布局要一致

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

3.界面的外觀要一致

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

4.界面所用顏色要一致

顏色的前后一致會使整個應用軟件有同樣的觀感,反之會讓用戶覺得所操作的軟件雜亂無章,沒有規(guī)則或言。

5.操作方法要一致

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

6.控件風格、控件功能要專一

a.不錯誤的使用控件

例如使用Button樣式做Table的功能,拿主菜單條顯示版權(quán)信息等

b.一個控件只做單一功能,不復用

如果在特殊情況下出現(xiàn)復用的時候,可采用以下兩種方法解決:

* 分組,使用雙份控件

* 使用Table頁,給用戶很明顯的視覺變化

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

如在提示、菜單和幫助中產(chǎn)生相同的術語。

8.標簽中文字信息的對齊方式要一致

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

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

如Tab鍵的習慣用法是閱讀順序從從左到右,從上到下。在定義軟件快捷鍵時也可以將現(xiàn)有一些快捷鍵的屬性作為參考,如表1-3-1(見附件)列出了常用的快捷鍵及其功能。

四、GUI界面操作可定制性

界面的可定制性大致可分為以下幾個特性:

1.界面元素可定制

允許用戶定義工具欄、狀態(tài)欄是否顯示,工具欄顯示在界面上的位置;允許用戶定義菜單的位置等。

2.工具欄可定制

不同用戶對常用工具的使用是不同的,因此允許用戶建立新的工具欄,選擇要顯示的工具欄,定制工具欄上的按鈕等功能在軟件系統(tǒng)中經(jīng)常被用到

3.統(tǒng)計檢索可定制

對于某些特殊行業(yè)的軟件可以提供統(tǒng)計檢索的可定制性,在充分了解用戶需求的基礎上制定大量的安全供用戶選擇。

GUI所包含各類元素標準的定制

GUI的元素大致可分為以下幾個方面:

1. 窗口

2. 菜單

3. 圖標

4. 控件

5. 鼠標

6. 文字

7. 聯(lián)機幫助

聲明:本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場。文章及其配圖僅供工程師學習之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問題,請聯(lián)系本站處理。 舉報投訴
  • 測試
    +關注

    關注

    8

    文章

    5303

    瀏覽量

    126656
  • 人機界面
    +關注

    關注

    5

    文章

    526

    瀏覽量

    44140
  • GUI
    GUI
    +關注

    關注

    3

    文章

    660

    瀏覽量

    39681
收藏 人收藏

    評論

    相關推薦

    芯盾時代參編的零信任體系行業(yè)標準即將施行

    近日,工信部發(fā)布公告,芯盾時代深度參與編寫的行業(yè)標準《YDT 4598.5-2024 面向云計算的零信任體系 第5部分:業(yè)務安全能力要求》(以下簡稱《業(yè)務安全》)將于2025年2月1日正式施行。
    的頭像 發(fā)表于 12-23 16:20 ?210次閱讀

    首個液冷整機柜服務器行業(yè)標準發(fā)布,蘭洋科技核心參編!

    /T6049-2024)正式發(fā)布,該標準為首個液冷整機柜服務器領域的行業(yè)標準。隨著AI、大數(shù)據(jù)、云計算等新一代信息技術發(fā)展,數(shù)據(jù)中心算力規(guī)模持續(xù)高速增長,能耗隨之急劇擴張。
    的頭像 發(fā)表于 12-16 14:30 ?147次閱讀
    首個液冷整機柜服務器<b class='flag-5'>行業(yè)標準</b>發(fā)布,蘭洋科技核心參編!

    東軟參與起草《招標投標電子文件歸檔規(guī)范》行業(yè)標準

    檔案單套管理提供了依據(jù),展示了其在檔案管理領域的領先地位,為推動行業(yè)標準制定、促進產(chǎn)業(yè)升級做出積極貢獻。
    的頭像 發(fā)表于 11-21 16:23 ?244次閱讀

    誠衛(wèi)-Taber耐磨儀-滿足行業(yè)標準

    測試儀
    chenweizwg
    發(fā)布于 :2024年10月14日 10:44:59

    小模組,大顯示|320*160mm成為大顯示行業(yè)標準

    無縫無限拼裝,充分發(fā)揮小模組大顯示的優(yōu)勢,成為LED大顯示行業(yè)標準。 320*160mm標準通用模組更具靈活性,只要面積足夠,4:3、16:9、18:9、21:9等顯示比例都能輕松拼成,滿足客戶多樣化需求。 (1)橫向模組數(shù)量:縱向模組數(shù)量,比率為2:3時,即可拼出4:3
    的頭像 發(fā)表于 08-29 15:05 ?473次閱讀

    具有 I2C和SMBus 接口且采用行業(yè)標準LM75 外形尺寸和引腳輸出的TMP1075溫度傳感器數(shù)據(jù)表

    電子發(fā)燒友網(wǎng)站提供《具有 I2C和SMBus 接口且采用行業(yè)標準LM75 外形尺寸和引腳輸出的TMP1075溫度傳感器數(shù)據(jù)表.pdf》資料免費下載
    發(fā)表于 08-12 10:54 ?0次下載
    具有 I2C和SMBus 接口且采用<b class='flag-5'>行業(yè)標準</b>LM75 外形尺寸和引腳輸出的TMP1075溫度傳感器數(shù)據(jù)表

    ADS1298產(chǎn)品的輸入阻抗不符合行業(yè)標準,如何改進呢?

    使用的是標準YY0885,在輸入阻抗一項,要求輸入阻抗大于10M,測試過程是 1.在導聯(lián)間輸入5mV的正弦波信號,測量輸出信號幅值 2.在輸入端串入620k電阻和4.7nF并聯(lián)的阻容網(wǎng)絡,要求此時
    發(fā)表于 08-09 08:05

    博泰車聯(lián)網(wǎng)牽頭制定的國家標準行業(yè)標準正式發(fā)布

    在科學技術飛速發(fā)展的今天,標準化工作已成為推動行業(yè)進步的關鍵力量。近日,博泰車聯(lián)網(wǎng)科技(上海)股份有限公司(以下簡稱“博泰車聯(lián)網(wǎng)”)主導制定的多項國家標準行業(yè)標準正式發(fā)布,這一成就不
    的頭像 發(fā)表于 08-02 10:46 ?657次閱讀
    博泰車聯(lián)網(wǎng)牽頭制定的國家<b class='flag-5'>標準</b>和<b class='flag-5'>行業(yè)標準</b>正式發(fā)布

    DL/T887-2004 桿塔工頻接地電阻測量行業(yè)標準

    電子發(fā)燒友網(wǎng)站提供《DL/T887-2004 桿塔工頻接地電阻測量行業(yè)標準.pdf》資料免費下載
    發(fā)表于 08-01 14:17 ?2次下載

    上位機軟件的用戶界面設計技巧

    在工業(yè)自動化、監(jiān)控和控制系統(tǒng)等領域,上位機軟件扮演著至關重要的角色。作為用戶與系統(tǒng)交互的橋梁,上位機軟件的用戶界面(UI)設計不僅影響著用戶的使用體驗,還直接關系到系統(tǒng)的整體效率和可靠性。本文將深入探討上位機軟件用戶界面設計的技
    的頭像 發(fā)表于 06-28 16:37 ?1426次閱讀

    行業(yè)標準雙路運算放大器數(shù)據(jù)表

    電子發(fā)燒友網(wǎng)站提供《行業(yè)標準雙路運算放大器數(shù)據(jù)表.pdf》資料免費下載
    發(fā)表于 06-05 10:54 ?0次下載
    <b class='flag-5'>行業(yè)標準</b>雙路運算放大器數(shù)據(jù)表

    芯盾時代深度參編的行業(yè)標準《總體架構(gòu)》即將施行

    近日,工信部發(fā)布公告,芯盾時代深度參與編寫的行業(yè)標準:YD/T 4598.1-2024《面向云計算的零信任體系 第1部分:總體架構(gòu)》(以下簡稱《總體架構(gòu)》)將于2024年7月1日正式施行。
    的頭像 發(fā)表于 04-29 14:30 ?372次閱讀
    芯盾時代深度參編的<b class='flag-5'>行業(yè)標準</b>《總體架構(gòu)》即將施行

    分享幾個嵌入式中常用的GUI

    一、什么是GUI?GUI是圖形用戶界面(GraphicalUserInterface,簡稱GUI,又稱圖形用戶接口)是指采用圖形方式顯示的計算機操作用戶
    的頭像 發(fā)表于 04-06 08:09 ?1591次閱讀
    分享幾個嵌入式中常用的<b class='flag-5'>GUI</b>

    AR-HUD人機界面設計原則要點

    對于車載信息顯示系統(tǒng)的一種,AR-HUD 的人機界面設計首先應該考慮的必須是以安全為導向。
    的頭像 發(fā)表于 03-06 14:05 ?887次閱讀

    工信部印發(fā)《國家汽車芯片標準體系建設指南》

     立足國情、統(tǒng)籌規(guī)劃。結(jié)合我國汽車芯片技術和產(chǎn)業(yè)發(fā)展現(xiàn)狀特點,發(fā)揮政府在頂層設計、組織協(xié)調(diào)和政策制定等方面的引導作用,鼓勵行業(yè)機構(gòu)、產(chǎn)業(yè)鏈上下游企業(yè)積極參與,構(gòu)建國家標準、行業(yè)標準和團體標準
    的頭像 發(fā)表于 01-14 09:41 ?686次閱讀
    工信部印發(fā)《國家汽車芯片<b class='flag-5'>標準</b>體系建設指南》