中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

開發(fā)吐槽原型說明不清晰，領(lǐng)導(dǎo)催促原型要快細(xì)節(jié)再說，真是夾縫中生存的產(chǎn)品。今天教大家一個方法，既快又全。文末提供模板，可直接用。

步驟一：約定規(guī)范

如圖，與開發(fā)、UI約定組件規(guī)范，并維護(hù)在獨(dú)立文檔中。

步驟二：使用模板

如圖，Axure可將帶說明的通用組件置入元件庫，出原型時使用；開發(fā)看到組件，則使用約定規(guī)范；墨刀同理。

那么，規(guī)范與模板應(yīng)該怎么寫？

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

本期組件：常規(guī)輸入框

組件概述：????最基礎(chǔ)的信息錄入組件

一、約定規(guī)范

本節(jié)主要與開發(fā)、UI約定默認(rèn)實(shí)現(xiàn)內(nèi)容，并明確通過哪種形式約束交互；

本節(jié)內(nèi)容可通過一份規(guī)范文檔維護(hù)。

基礎(chǔ)交互

1.鼠標(biāo)移入輸入框區(qū)域時顯示為懸停狀態(tài)；（輸入框統(tǒng)一交互及樣式）。

2.輸入框獲取焦點(diǎn)時顯示為輸入狀態(tài)；（輸入框統(tǒng)一交互及樣式）。

3.輸入框文本改變時如果文本不為空，顯示清除圖標(biāo)；（帶清除圖標(biāo)輸入框）。

4.點(diǎn)擊清除圖標(biāo)時清空已輸入字符并隱藏清除圖標(biāo)；（帶清除圖標(biāo)輸入框）。

5.輸入框輸入時顯示對應(yīng)的輸入提示，默認(rèn)在右側(cè)，右側(cè)不夠則顯示在下方；（帶輸入提示輸入框）。

6.當(dāng)輸入框有字?jǐn)?shù)限制時，默認(rèn)帶“字?jǐn)?shù)統(tǒng)計”。

基礎(chǔ)樣式

1.高：默認(rèn)使用默認(rèn)高度，方案中如無規(guī)定尺寸，UI可根據(jù)產(chǎn)品實(shí)際情況決定尺寸大小。

2.長：默認(rèn)長度，UI可根據(jù)最大輸入字?jǐn)?shù)，及實(shí)際業(yè)務(wù)情況，做相應(yīng)調(diào)整。

3.高度調(diào)整，內(nèi)部文字大小需跟隨調(diào)整。

4.方案中若未規(guī)定樣式，UI可根據(jù)表單實(shí)際情況決定所用樣式。

3. 約定產(chǎn)品可控參數(shù)

1.輸入框標(biāo)題：標(biāo)題需注意字?jǐn)?shù)長度。

2.框內(nèi)提示：無則寫“默認(rèn)”。

3.輸入框狀態(tài)：默認(rèn)/禁用。

4.輸入提示：即獲取焦點(diǎn)時，輸入框出現(xiàn)氣泡提示。

5.顯示字?jǐn)?shù)：輸入框末端是否顯示最大字?jǐn)?shù)與當(dāng)前字?jǐn)?shù)。

6.清空按鈕：是否需要一鍵清空按鈕。

7.長度區(qū)間：輸入框的字節(jié)范圍，其中1漢字為2字節(jié)。

8.輸入格式：可選漢字、數(shù)字、字母、小數(shù)點(diǎn)，或字符。

9.是否必填：是/否。

10.缺省值：輸入框?yàn)榭?，提交后的預(yù)置信息，如昵稱非必填情況下，會缺省值就是隨機(jī)昵稱。

二、產(chǎn)出說明模板

組件名稱前加個“規(guī)范”，便于團(tuán)隊識別規(guī)范組件

模板可直接寫入注釋，并存入Axure/墨刀的元件庫

• 規(guī)范-常規(guī)輸入框
• 輸入框標(biāo)題：標(biāo)題需注意字?jǐn)?shù)長度
• 框內(nèi)提示：默認(rèn)
• 輸入框狀態(tài)：默認(rèn)
• 輸入提示：無
• 顯示字?jǐn)?shù)：是
• 清空按鈕：是
• 長度區(qū)間：0-10
• 輸入格式：字符
• 是否必填：是
• 缺省值：無

結(jié)語

本系列持續(xù)更新，喜歡的朋友請點(diǎn)個【關(guān)注】或【收藏】，您的鼓勵是我們持續(xù)分享的動力。