軟體產品標準化設計規範說明

2022-04-04 10:48:38 字數 2538 閱讀 6604

v1.0

通用提示:

範圍:主要用於表單資料及其它資料的驗證提示,例如:身份證與年齡匹配驗證等。

主要應用於大批量資料的展示、檢視、維護等方面。基礎**是**本身最原始的一些屬性集合,針對**在不同場景下的狀況,在擴充套件設計中會一一羅列出來。

【設計意圖】

合理有效的組織資料資訊;

幫助使用者快速、有效的檢視**資料;

幫助使用者快速、準確的完成對**的操作;

【應用條件】

適用於批量資料的展示和維護;

【模式描述】

組成: **標題 + **表頭+ **行間隔線 + **行

如下圖所示:

圖 41 基礎**

應用規範:

● **的標題:標題文字要與其它文字有所區別,如:加粗顯示;標題文字內容以「內容+操作」的形式描述,標題文字前需要有相應的標題圖示,文字與圖示之間間隔一定的距離,如:

乙個半角空格。

● **的表頭與**主體在外觀上要有區分;

● **行間隔線:**的主體內容用**線區分;**線的粗細要適中,如1px。

【擴充套件描述】

根據應用場景的不同,可以對基礎**進行擴充套件;可以為**增加資料篩選區、命令按鈕區、操作按鈕區、**主體區、翻頁區、操作按鈕區。整體效果如下圖所示:

圖 42 **操作區分布

1)標題列排序:

● **列標題可以排序時,**的列標題要體現出當前排序狀態,並要區分於其他列標題顯示,如:背景和圖示高亮顯示;

如下圖所示:

圖 43 標題列排序

● **列標題進行切換時,原列標題恢復初始狀態,切換到的列標題顯示為排序狀態;

2)**行選中操作:

● **中的第一列,既可表示對行的選擇如核取方塊;同時還可以用圖示標示資料狀態;當兩者都有時,顯示核取方塊在上,圖示被覆蓋;

● 在對**行進行選中(點選行的任意位置即可選中)時,此行要高亮顯示,同時此行前核取方塊為選中狀態,同時還可以進行多行選擇;需要全選時,只需勾選列標題中的核取方塊即可選中當前列表的全部行資料。

3)資料篩選區:

● 當資料內容可以明確的按其狀態、類別進行劃分時,可以應用頁籤的形式來進行設計;

● 頁籤總寬度在**寬度的75%之內為佳,超出此範圍時,需應用其他設計形式如下拉框顯示的形式等;

如下圖所示:

圖 44 資料篩選區

● 當前分類狀態的的頁簽要高亮顯示,要明顯區別於其他頁籤;

● 頁籤內的文字,需要簡單明瞭,相同內容的文字省略;如上圖中未處理(訂單)、處理中(訂單)、處理完成(訂單);

● 應用頁籤設計時,頁籤類別要劃分明確合理;如按照資料狀態或分類進行劃分。

4)命令按鈕區:

● 針對整體頁面進行操作或者對**整體進行操作的按鈕放置在此區域內;如:匯入、匯出、新增等;

● 按鈕的其它細則參見《介面視覺規範》。

5)操作按鈕區:

● 對**主體的資料進行操作的按鈕放置在此區域。如:刪除、發布、下架、上架、審核等;

● 當列表的資料超過一屏顯示時,在列表上方也要顯現操作按鈕區,方便使用者對列表進行操作;如下圖所示:

圖 45 操作按鈕區

● 按鈕的其它細則參見《介面視覺規範》。

6)翻頁區:

● 當列表中的資料量超過預設的資料顯示條數時,應用翻頁模式來處理多條資料的顯示;

● 翻頁在列表下方居中顯示;

● 翻頁的詳細功能和模式參見「翻頁模式元件規範」。

7)單條資料操作區:

● 對行資料進行操作的按鈕要與操作按鈕區的按鈕視覺上要有所區分;具體參見《介面視覺規範》;

● 盡量不要在此處安排太多的操作,太多的操作給使用者過多的判斷負擔。應考慮其他的介面布局方式。

8)**列標題區:

● 當**的資料列較多,螢幕顯示已經達到最大限度,而這些資料列又必不可少時,允許通過滑鼠拖動的方式來對資料列的寬度進行改變;同時可以使用橫向滾動條;

● 調整列寬度時,要在整體**邊線內進行,以免整體頁面變形;

● 資料項內容顯示部分太長時,省略多餘部分並加省略號;滑鼠指標停靠時,全部詳細內容顯示;

9)資料條目設定區:

● 預設顯示當前頁面所能顯示的最大資料條目數;如:10條/頁;

● 還要提供幾個數值選項,供使用者選擇;如:20、30、50;

用來標識某乙個物件的唯一號碼。乙個編號就代表著乙個物件。 使用編號能夠更好的幫助使用者記憶和或管理物件。如下圖所示:

圖 414 編號示例

【設計意圖】

更好的方便使用者記憶和管理物件;

合理的使用編號,能方便使用者更好的進行溝通;

【應用條件】

需要用唯一號碼來標識物件時;

具有真實、合理、有效的意義;

例如:訂單列表中訂單的編號、酒店客房管理中客房的實際編號等等;

【模式描述】

應用規範:

● 編號必需代表乙個物件,不要讓編號無意義的存在;

● 如果使用者更關注編號,也就是說編號對於使用者是第一位的,則必須提供編號。比如,酒店系統中對房號的關注就比人名要重要,所以編號的視覺層次應該突出。如果使用者不常使用編號而通常更關注別的屬性;比如人名、物品名等,可以預設不顯示編號,當使用者需要時能夠查到編號。

軟體產品需求說明規範

需求文件規範 作者 王章龍 完成日期 簽收人 簽收日期 修改情況 目錄模組概述 4 名詞說明 4 使用場景 4 系統設計 4 用例 可選 4 實體關係 可選 4 實體狀態圖 可選 4 流程說明 可選 4 約束 5 安全要求 可選 5 效能要求 可選 5 功能需求 5 功能說明 5 前置條件 可選 5...

櫥櫃標準化設計規範

一 前言 隨著公司業務的日益擴大,現在的生產效率已越來越難以適應企業的發展。目前櫥櫃行業之間的競爭日趨激烈,利潤空間已經非常有限。在這樣的形勢下,唯有控制成本,提高產品競爭力,走標準 批量化生產之路,這也是櫥櫃工業化生產的基本要求。實現零部件的批量加工的基本前提是設計標準化,然而設計標準化又同客戶個...

產品設計標準化綜合要求

本標準規定了河南力之星電單車新產品開發 設計 試製 定型和認證過程中標準化的要求 標準實施的要求 產品標準的編寫和產品定型要求及應實施的標準。本標準適用於電單車新產品開發 設計和老產品的改型設計。下列檔案中的條款通過本標準的引用而成為本標準的條款。凡是注日期的引用檔案,其隨後所有的修改單 不包括勘誤...