原型說明咋寫-年度選擇器

首頁 > 科技

原型說明咋寫-年度選擇器

來源:甲殼蟲 釋出時間:2023-11-21 15:43

開發吐槽原型說明不清晰,領導催促原型要快細節再說,真是夾縫中生存的產品。今天教大家一個方法,既快又全。文末提供模板,可直接用。

步驟一:約定規範

如圖,與開發、UI約定元件規範,並維護在獨立文件中。

步驟二:使用模板

如圖,Axure可將帶說明的通用元件置入元件庫,出原型時使用;開發看到元件,則使用約定規範;墨刀同理。【PS:想了解word如何使用,請評論留言哈】

那麼,規範與模板應該怎麼寫?

本系列將透過“通用、輸入、輸出、反饋”四類約43個常用元件及3篇頁面(表單頁、列表頁、詳情頁)寫法,將規範與模板分享予您。

=========強烈建議點個【關注】或不迷路=========

本期元件:年度選擇器

元件概述:用於選擇年度或年度範圍

一、 約定基礎規範

本節主要與研發約定預設實現內容,透過規範文件維護。

1.通用基礎規範

輸入框樣式-單選&多選

各狀態需有對應樣式

輸入框樣式-範圍

左右兩邊皆有輸入值,預設透過“至”區隔

展開操作

面板基礎說明

面板內部一般分為:面板操作區、選項區、快捷按鈕區 互動樣式說明

面板內容及其他互動,見“業務面板說明”

2. 業務面板基礎規範

單選&多選

選項排列:按0-9平鋪展示10年 選項切換:可切換可選年度,10年為一個單位 完成選擇:選中選項則完成選擇,收起面板

上一篇:借唄額度怎麼... 下一篇:開發者聲稱已...
猜你喜歡
熱門閱讀
同類推薦