程式設計之介面標準規範2019

2021-03-03 20:39:13 字數 4735 閱讀 8618

遵循一致的準則,確立標準並遵循

無論是控制項使用,提示資訊措辭,還是顏色、視窗布局風格,遵循統一的標準,做到真正的一致。

這樣得到的好處:

1:使使用者使用起來能夠建立起精確的心裡模型,使用熟練了乙個介面後,切換到另外乙個介面能夠很輕鬆的推測出各種功能,語句理解也不需要費神理解

2:降低培訓、支援成本,支援人員不會行費力逐個指導。

3:給使用者統一感覺,不覺得混亂,心情愉快,支援度增加

做法:專案組有經驗人士,確立ui規範:

·美工提供色調配色方案,提供整體配色表

·介面控制程式人員、使用者體驗人員提出合理統一使用的控制項庫。參考標準介面使用規範:

控制項功能遵循行業標準,windows平台參見《microsoft 使用者體驗》(msdn中有,中文已經翻譯發行,專案組必須有一本)

控制項樣式在允許的範圍內可以統一修改其樣式、色調

參考其他軟體先進操作,提取對本專案有用的功能,以使用,絕對不能盲從,漫無目的。

根據需要,設計特殊操作控制項,準則為:簡化操作、達到一定功能目的

·介面實施人員與美工商榷控制項可實現性,(如不實行此步驟,將會導致各自對對方工作不滿意,也會產生不一致的混亂)。重複疊代上述工作。

·建立合理化文件《ui標準》描述上述規範,

·強行介面設計者理解之,並作為開發準則,

·sqa人員進行監控開發人員是否遵循,及時告誡開發人員。

二:(color)顏色使用恰當,遵循對比原則:

1:統一色調,針對軟體型別以及使用者工作環境選擇恰當色調:

如:安全軟體,根據工業標準,可以選取黃色,綠色體現環保,藍色表現時尚、紫色表現浪漫等等,淡色可以使人舒適,暗色做背景使人不覺得累等

2:如果沒有自己的系列介面,採用標準介面則可以少考慮此方面,做到與作業系統統一,讀取系統標準色表

3:色盲、色弱使用者,即使使用了特殊顏色表示重點或者特別的東西,也應該使用特殊指示符,?quot;!,?著重號,以及圖示等

4:顏色方案也需要測試,常常由於顯示器、顯示卡的問題,色彩表現每台機器都不一樣,應該經過嚴格測試,不同機器進行顏色測試

5:遵循對比原則:在淺色背景上使用深色文字,深色背景上使用淺色文字,藍色文字以白色背景容易識別,而在紅色背景則不易分辨,原因是紅色和藍色沒有足夠反差,而藍色和白色反差很大。

除非特殊場合,杜絕使用對比強烈,讓人產生憎惡感的顏色。 6:整個介面色彩盡量少的使用類別不同的顏色

itop色表

具體標準參考美術學統計學術標準。 色表的建設,對於美工在圖案設計、包裝設計上起著標準參考作用,對於程式介面設計人員設計控制項、窗體調色起到有章可循的作用。

三:(resource)資源

乙個多姿多彩的人機互動介面,少不了精美的滑鼠游標、圖示以及指示**、底圖等。

1:也需要遵循統一的規則,包括上述顏色表的建立,圖示的建立步驟也應該盡可能的形成標準,參考itop的outlookbar圖示設計標準

2:有標準的圖示風格設計,有統一的構圖布局,有統一的色調、對比度、色階,以及**風格

3:底圖應該融於底圖,使用淺色, 低對比,盡量少的使用顏色。

4:圖示、影象應該很清晰的表達出意思,遵循常用標準,或者使用者機器容易聯想的到物件,絕對不允許畫出缺省奇妙的圖案。

5:滑鼠游標樣式統一,盡量使用系統標準,杜絕出現重複的情況,例如某些軟體中乙個手的形狀就有4鐘不同的樣子。

如:《如何建立xp圖示》

附件:itop outlook howto.doc 描述itop專案中,outlookxp風格圖示的製作方法

四:(font)字型

使用統一字型,字型標準的選擇依據作業系統型別決定。

中文採用標準字型,「宋體」,英文採用標準 microsoft sans serif 不考慮特殊字型(隸書、草書等,特殊情況可以使用**取代),保證每個使用者使用起來顯示都很正常。

字型大小根據系統標準字型來,例如 mss字型8磅,宋體的小五號字(9磅)五號字(10.5磅)。

所有控制項盡量使用大小統一的字型屬性,除了特殊提示資訊、加強顯示等例外情況

itop採用bcb,所有控制項預設使用 parent font,不允許修改,這樣有利於統一調整。

·系統大小字型屬性改變的處理。

windows系統有個桌面設定,設定大字型屬性,很多介面設計者常常為這個惱火,如果設計時遵循微軟的標準,全部使用相對大小作為控制項的大小設定,當切換大小字型的時候,相對不會有什麼特殊問題。

但是由於常常方便使用點陣作為視窗設計單位,導致改變大字型後,出現版面混亂的問題。

這個情況下,應該做相應處理:

1:寫程式自動調節大小,點陣值乘以乙個相應比例

2:全部採用點陣作為單位,不理會系統字型的調節,這樣可以減少調節大字型帶來的麻煩。bcb/delphi中多採用這種方法,但是必然結果是和系統不統一。

五:(text)文字表達

提示資訊、幫助文件文字表達遵循以下準則:

1:口語化、客氣、多用您、請,不要用或少用專業術語,杜絕錯別字

2:斷句逗號句號頓號分號的用法, 提示資訊比較多的話,應該分段,

3:警告、資訊、錯誤使用對應的表示方法

4:使用統一的語言描述,例如乙個關閉功能按鈕,可以描述為退出、返回、關閉,則應該統一規定。

5: 根據使用者不同採用相應的詞語語氣語調,如專用軟體,可以出現很多專業屬於,使用者為兒童:這可以語氣親切和藹,老年使用者則應該成熟穩重。制定標準遵循之。

六:(style)控制項風格,不要使用錯誤控制項,控制項功能要專一

有設計好的同一風格的控制項,如果沒有能力設計出一套控制項,則使用標準控制項,絕對不能不倫不類,雜亂無章

·不要錯誤使用控制項,例如:

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

·統一型別的控制項操作方式相同,例如乙個控制項雙擊可以執行某些動作,而同樣控制項,雙擊卻沒有任何反映

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

很多人為了寫程式方便,喜歡把乙個控制項在不同情況下做不同功能用,這些對使用者初次理解增加難度,只有使用者熟悉後才能理解。 例如

改變紅色選項,左邊的引數代表不同的設定,可能由於為了節省控制項或者程式設計量,但是只有熟練使用者才回使用,這種情況下解決方法:

1:分組,使用雙份控制項.

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

七:(align)控制項布局,視窗不擁擠,按功能組合控制項

1:螢幕不能擁擠

擁擠的螢幕讓人難以理解,因而難以使用。試驗結果(mayhew,2023年)螢幕總體覆蓋度不應該超過40%,而分組鐘覆蓋度不應該超過62%。

讓人看上去,不能太擁擠,也不能太鬆散。

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

2:區域排列

一行控制項,縱向中對齊, 控制項間距基本保持一致

行與行之間間距相同,靠窗體border距離應大於行間間距(間距加邊緣留空)。

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

3:資料對齊要適當

說明文字,中文版應使用中文全形冒號,縱向對齊時,並按冒號右對其,如圖。 縱向控制項寬度盡量保持相通。並左對齊。

例如金額等字元穿應根據小數點對齊,或者右對齊

4:有效組合

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

例如: 以下介面,選擇搜尋方式來判斷號碼範圍是表示主叫號碼範圍還是被叫號碼範圍,和入帳方式無關,

則應該修改為: 搜尋方式和入帳方式調換位置。以免使用者產生誤解。

5:視窗縮放時,控制項位置、布局:

為了使介面不出現跑版或者難看的局面,解決方法:

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

2:改變尺寸的視窗,在onsize的時候做控制項位置、大小的相應改變。

bcb/delphi的vcl中,大部分控制項有布局屬性:

某些控制項擁有alignment屬性,可以用來做布局調節:tcustompanel,tmemo等,考左靠右靠上靠下以及撐滿(client)屬性,用來根據版面自動調節。

大部分控制項有屬性anchors,裡面上下左右akleft, aktop等如果為true,則表示相對各個邊緣的距離是否改變。這個可以進一步設計好排版工作。

八:(tab order)tab順序

習慣用法,閱讀順序,從從左到右,從上到下

窗體中控制項的tab按鍵啟用順序,taborder,. bcb/delphi中使用窗體設計右鍵選單選擇taborder設定,vc中窗體res編輯區域使用ctrl+d

九:(shortcutkey & accelerator& popmenu)快捷鍵、加速鍵和彈出選單

·快捷鍵:

1:全域性快捷鍵選單中加以描述 ctrl+*** 併入幫助列表。

2:快捷鍵寫入幫助,特殊說明,並在使用培訓時強調使用

·加速鍵:

1:使用非破壞性預設按鈕,回車、esc鍵的正確使用乙個窗體,有預設加速鍵,如回車表示啟用當前視窗設定為default的按鈕動作,esc表示關閉視窗。

在呼叫default按鈕動作和關閉動作時候,不應該做有破壞性的操作,避免使用者錯誤操作產生危害程度,例如不能把刪除資料等功能的按鈕作為預設按鈕。當使用者要提交很多資料時,應該遮蔽esc,或者做退出提示,告誡使用者是否儲存提交。

2:可接收動作控制項必須擁有加速鍵,統一加速鍵描述(&a)

為結合鍵盤使用,可操作控制項都應該有加速鍵,加速鍵定義準則,為英文單詞第乙個字母,如果同一窗體重複則用第二個字母,以此類推,則加速方式為alt+這個加速鍵,用統一的方法標識在介面中,如***(a) 或者wps的 a.*** 英文可直接在字母下標識下劃線 cancel,

對於無法像button一樣顯示快捷鍵的edit等控制項,則在edit描述的label中顯示快捷鍵。

圖紙標準規範

山西煤炭運銷集團晉城澤州 礦井圖紙技術管理規定 試行 為加強煤礦生產技術管理,進一步規範澤州公司所屬礦井圖紙繪製及管理工作。根據澤州公司實際情況,結合 採礦工程設計手冊 煤礦地質測量圖例 等相關煤礦技術規定,結合澤州公司實際情況,特對礦井圖紙的繪製及管理做如下規定 一 圖幅及尺寸 1 澤州公司所屬各...

常用標準規範

1 設計規範 油田地面建設規劃設計規範 sy0049 94 油田地面工程專案可行性研究報告編制規定 中國石油天然氣股份 2001.北京 及天然氣地面工程初步設計內容規範 sy t0082 93 和天然氣工程設計防火規範 gb50183 93 油田油氣集輸設計規範 sy t004 1998 石油庫設計...

建設工程標準規範

建設工程標準規範 1 2010年以前新頒布 修訂 的福建省地方標準 1 福建省居住建築節能設計使用手冊dbj13 62 2004 2 居住建築節能工程施工技術規程 dbj13 82 2006 建設工程標準規範 2 2010年以後新頒布 修訂 的福建省地方標準 1 福建省既有公共建築節能改造技術規程 ...