GB-T16902-4-2017設備用圖形符號表示規(guī)則第4部分：圖形符號用作圖標的重繪指南

代替GB/T16902.4—2010設備用圖形符號表示規(guī)則第4部分：圖形符號用作圖標的重繪指南Rulesforthepresentationofgraphicalsymbolsforuseonequipment—Part4:Guidelinesfortheadaptionofgraphicalsymbolsforuseasicons中華人民共和國國家質(zhì)量監(jiān)督檢驗檢疫總局發(fā)布前言 I 2規(guī)范性引用文件 3術語和定義 4概述 4.1屏幕或顯示器 4.2輔助文檔 25重繪原則 5.1一致性 25.2可識別性 25.3兼容性 25.4協(xié)調(diào)性 26重繪指南 36.1圖標尺寸 36.2單元格內(nèi)圖形圖像的位置 36.3線條的繪制 36.4創(chuàng)建適合不同分辨率或媒介的圖標方案 6.5填充區(qū)域 56.6箭頭的表示 66.7組合圖標 66.8圖標的方向 87圖標的表現(xiàn)形式 97.1常見表現(xiàn)形式 97.2被選中 7.3動畫圖標 97.4動態(tài)圖標 附錄A(資料性附錄)設備用圖形符號重繪為圖標的示例 參考文獻 I——第1部分：基本規(guī)則；——第2部分：圖形符號(包括基準符號庫中的圖形符號)的計算機電子文件格式規(guī)范及其交——第1部分：符號原圖的設計原則；——第2部分：箭頭的形式和使用；——第3部分：應用導則；——第4部分：圖形符號用作圖標的重繪指南；本部分是GB/T16902的第4部分。本部分代替GB/T16902.4—2010《設備用圖形符號表示規(guī)則第4部分：屏幕和顯示器用圖形符——刪除先前版本中有關新圖標設計的內(nèi)容(2010年版的附錄B)。本部分由全國圖形符號標準化技術委員會(SAC/TC59)提出并歸1設備用圖形符號表示規(guī)則第4部分：圖形符號用作圖標的重繪指南GB/T16902的本部分給出了設備用圖形符號用作圖標時的重繪原則、重繪指南、表現(xiàn)形式。本部分適用于在設備屏幕或顯示器呈現(xiàn)和使用時設備用圖形符號的重繪。2規(guī)范性引用文件下列文件對于本文件的應用是必不可少的。凡是注日期的引用文件，僅注日期的版本適用于本文件。凡是不注日期的引用文件，其最新版本(包括所有的修改單)適用于本文件。GB/T2893.4圖形符號安全色和安全標志第4部分：安全標志材料的色度屬性和光度屬性d3術語和定義GB/T16902.1和GB/T16902.5中界定的以及下列術語和定義適用于本文件。在線條和背景顏色之間增加若干飽和度較低的過渡色，以達到弱化曲線和斜線邊緣鋸齒，使線條趨于平滑。目標操作系統(tǒng)或應用軟件程序預設的、用戶可以按需要進行更改的選項或?qū)傩浴?.1屏幕或顯示器為了保證視覺清晰度，在確保符號原圖外觀不變的前提下可重繪圖形符號。圖形符號經(jīng)重繪后形2成的圖標可以在全色、非全色和單色的屏幕或顯示器上呈現(xiàn)和使用。所呈現(xiàn)的圖標的大小取決于目標操作系統(tǒng)、屏幕或顯示器的屬性(如物理尺寸、有效像素數(shù))。附錄A給出了設備用圖形符號重繪為圖5重繪原則5.1一致性一個圖形符號在不同使用條件下其含義宜一致，例如既可作為設備用圖形符號(印刷或雕刻形式),又可作為圖標使用。含義相同的設備用圖形符號和圖標，所對應的符號原圖宜一致。圖標中使用的要素和含義宜與GB/T5465(所有部分)、GB/T16273(所有部分)和ISO7000中的相一致?！?位(256色)圖標：使用陰極射線管(CRT)和液晶顯示屏(LCD)的屏幕或顯示器；——2位(單色)或4位(16色)圖標：復印機、家用電器的屏幕。在4位調(diào)色板中，可以通過在顏色空間中混合不同的顏色以在視覺上生成其他顏色，即按照“棋盤僅宜將色調(diào)值相似的顏色在顏色空間中混合(即遞色)。如果混合對比色調(diào)值的顏色，則會在視覺用于網(wǎng)絡的圖標宜使用在不同瀏覽器上都能正常顯示的調(diào)色板。同一操作系統(tǒng)或應用環(huán)境中的圖標宜保證視覺效果的整體協(xié)調(diào)性。若無特殊原因，各圖標宜保持相同的色彩外觀與平衡。將已在標準中規(guī)定的警告標志作為圖標使用時，其色值應保持不變(見GB/T2893.4)。較大的圖標可使用單色和灰色線條營造三維效果、高光效果或陰影效果。較小的圖標可使用飽和色和黑色輪廓線使其更易于識別和理解。36重繪指南現(xiàn)有的陰極射線管(CRT)、液晶顯示屏(LCD)以及等離子體顯示板(PDP)等顯示設備對圖標的形成和呈現(xiàn)有一定制約。圖標為常規(guī)顯示尺寸時，可能無法使線條保持相同的寬度或規(guī)則的弧度。圖標的形成可使用矢量繪圖工具，也可將圖標以位圖的形式保存并顯示。注：所謂位圖即一個正方形或矩形網(wǎng)格(單元格)內(nèi)的一串(代表單個像素的)色塊。圖標的單元格尺寸宜遵循目標操作系統(tǒng)的要求。為適應目標操作系統(tǒng)支持的單元格尺寸、調(diào)色板，宜制定不同版本的圖標。如果沒有提供適合尺寸的圖標，目標操作系統(tǒng)可能會自動改變現(xiàn)有圖標的尺寸，即通過增刪像素矩陣的行數(shù)和列數(shù)以統(tǒng)一為所需的單元格尺寸。注：某些操作系統(tǒng)能識別出有效屏幕分辨率和調(diào)色板，將不同尺寸的單元格做適當?shù)慕M合以適應當前屏幕分辨率。一個圖標文件包含8個不同單元格尺寸和調(diào)色板的版本是很常見的情況。6.2單元格內(nèi)圖形圖像的位置確定單元格內(nèi)圖像的位置時宜考慮目標操作系統(tǒng)的相關規(guī)定：——有些系統(tǒng)要求圖像在單元格內(nèi)左對齊、底端對齊；有些系統(tǒng)則要求圖像在單元格內(nèi)水平居中對——相鄰圖標不宜在視覺上相連，圖像的外邊緣與單元格間宜留出足夠空白以避免此種情況；相鄰圖標是否在視覺上相連取決于多種因素，例如目標操作系統(tǒng)的定位方式和存儲設置；不可用等),因此圖像的尺寸可能比其他操作系統(tǒng)的設計尺寸小。繪制線條時，并不能始終保持斜線的寬度不變或曲線的弧度平滑?？逛忼X可改善視覺質(zhì)量。水平線和垂直線的寬度恒定，但斜線很難保持相同的視厚度。例如與一條寬度為兩個像素的直線的視厚度相匹配的斜線，其寬度需為三個像素，如圖1所示。4圖1斜線寬度示例(放大尺寸和原始尺寸)和3:1的比率呈階梯狀變化，如圖2所示。圖2規(guī)則斜線示例(放大尺寸和原始尺寸)使曲線弧度平滑宜使用相似的顏色仔細消除鋸齒，但線條可能會顯得模糊，而且只有線條邊緣顏色和屏幕背景顏色固定時該方法才有效，如圖3所示，圓周的左邊經(jīng)過了抗鋸齒處理，右邊沒有經(jīng)過處理。5圖3抗鋸齒示例(放大尺寸和原始尺寸)6.4創(chuàng)建適合不同分辨率或媒介的圖標方案外觀簡單的圖標更易于識別和理解。宜在較大的單元格尺寸(如48×48像素)內(nèi)設計圖標，且主要圖形元素不宜多于3個。也可限定所需圖形元素的最少數(shù)量，確保這些元素與最小尺寸的圖標相適宜；然后繼續(xù)制定較大尺寸的版本并增加更多細節(jié)。有些圖標編輯工具能夠?qū)⒔o定圖像縮放至新的單元格尺寸。這種工具有用且節(jié)省時間，但是所得圖像仍需進一步編輯。隨著單元格尺寸的放大，可以給圖像增加更多的細節(jié)，或者增加圖像的圖形元素數(shù)量，使圖標的視覺效果更為豐富。而隨著單元格尺寸的縮小，建議減少圖形元素數(shù)量或減少細節(jié)，如圖4所示。圖432×32、24×24、16×16像素的圖標示例(放大尺寸和原始尺寸)將圖形符號用于目標操作系統(tǒng)、屏幕或顯示器時，宜保持原形符號的完整。顯示技術為區(qū)別符號的各部分和其背景提供了新的選擇。例如，圖形符號的每個部分都可以用不同顏色填充，而圖形符號背景可以是透明色。66.6箭頭的表示GB/T16902.2規(guī)定了箭頭的使用及其比例的基本原則。為同一操作系統(tǒng)或應用環(huán)境設計的所有圖標宜使用形式一致的箭頭。圖5是使用同一箭頭的示例。圖5圖標中使用的箭頭示例(放大尺寸和原始尺寸)由單一圖形元素構(gòu)成的圖標很少。通常，可能需要組合數(shù)個圖形元素使圖標能更明確、清晰地傳遞組合圖標宜以標準化的圖形符號為基礎，如否定要素或箭頭(見GB/T16902.1和GB/T16902.2)。6.7.2層疊要素呈現(xiàn)多個圖形元素時，將其相互重疊，可以使圖形符號保持適宜尺寸且明確圖形元素間的關系或順序。宜通過疊加各圖形元素的有效單元格區(qū)域使其斜向?qū)盈B以實現(xiàn)上述目標。為了既保持圖形元素的獨立性又突出主要圖形元素，宜考慮圖像中哪些部分需要被隱藏或顯示、哪些部分需要優(yōu)先或強調(diào)，即，哪些部分要放在視覺層次的頂層(如圖6所示)。7注：左邊的圖標由ISO7000(0709)“雙源/主要故障”和ISO7000(0695)“計數(shù)器”兩個符號構(gòu)成。右邊的圖標由圖6層疊結(jié)構(gòu)示例(放大尺寸和原始尺寸)將圖形元素層疊時，宜避免由于不同圖形元素的線條或形狀在視覺上相重合形成視覺“致墨漬的視覺效果。宜將線條按照單一像素迭合或加大線條間距，以避免該問題，如圖7所示。1元素的方向相近的線條重疊，看起來線條好像貫穿了兩個圖形元素，造成視覺上的連接)。這種視覺效果不宜出現(xiàn)，宜通過合理地重疊或偏移對象來避免此種情況，如圖8所示。8重繪時還宜考慮到目標操作系統(tǒng)可能會自動添加一些附加圖形元素。例如，桌面圖標的下部通常圖9附加要素示例(放大尺寸和原始尺寸)6.8圖標的方向圖標含義的解釋可能取決于其方向，宜注意避免含義模糊。以ISO7000(2567)“保險絲盒通路”為例，顯示器上一個倒置的圖形符號(如圖10a)所示]表示的意義和其正置時的含義可能不同，例如倒置的“保險絲盒通路”圖形符號可能與圖11所示的GB/T16273.6(1-07)“充電狀態(tài)”圖形符號混淆。9n圖10方向模糊的圖標示例(放大尺寸和原始尺寸):“保險絲盒通路”7圖標的表現(xiàn)形式7.1常見表現(xiàn)形式圖標的常見表現(xiàn)形式有被選中、動畫或動態(tài)，用于向用戶提供附加信息。7.2被選中當鼠標移到某一圖標上時可能需要顯示某一進程的結(jié)束、某一功能被阻止或功能無法使用。此時，宜遵循目標操作系統(tǒng)供應商的既有慣例和指導準則設計圖標。例如，某個工具欄圖標為“灰色”表示該功能當前不可用。7.3動畫圖標使用動畫圖標能使用戶注意到某一具體情況或用以表示某一操作正在進行。例如，打印機圖標可通過閃爍表示打印紙或墨粉用完。動畫圖標的閃爍頻率宜符合GB/T16902.5的要求，以避免引起使用者緊張導致疾病發(fā)作。除非發(fā)生緊急情況，否則動畫圖標通常宜慎重使用且只能在有限的時間內(nèi)顯示。多個動畫圖標會眾圖12動態(tài)圖標示例(放大尺寸和原始尺寸)(資料性附錄)設備用圖形符號重繪為圖標的示例(放大尺寸和原始尺寸)(放大尺寸和原始尺寸)GB/T5465.2(5067)“圖像尺寸調(diào)整”