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

本期組件：文本

組件概述：頁(yè)面中最基礎(chǔ)的內(nèi)容組件

一、 約定基礎(chǔ)規(guī)范

本節(jié)主要與研發(fā)約定默認(rèn)實(shí)現(xiàn)內(nèi)容，通過(guò)規(guī)范文檔維護(hù)。

1.基礎(chǔ)樣式

1、樣式：需區(qū)分標(biāo)題、內(nèi)容段落

不同等級(jí)標(biāo)題字體大小顏色、及段落字體顏色大小等由UI把控

2、標(biāo)記：可對(duì)一段文字內(nèi)的不同內(nèi)容做顏色、加粗、斜體、下劃線、刪除線、文字鏈接等標(biāo)記

2. 基礎(chǔ)交互

1、為空：文本需自帶為空處理方案，如通過(guò)占位符“—”代替，以免頁(yè)面容器未對(duì)空內(nèi)容做處理時(shí)，用戶誤以為未加載全

2、溢出：用省略號(hào)表示被截?cái)嗟男畔?。并有交互查看完整?nèi)容，不同行數(shù)交互不同，如下：

• 內(nèi)容在兩行內(nèi)：使用“氣泡提示”
• 內(nèi)容超出兩行：使用“展開”

以上沒(méi)有嚴(yán)格限定，可根據(jù)實(shí)際情況靈活使用。

二、約定可控參數(shù)

本節(jié)主要與研發(fā)約定原型中可控制的參數(shù)，也通過(guò)規(guī)范文檔維護(hù)。文中會(huì)提供示例參數(shù)，及參數(shù)填寫說(shuō)明。

1、數(shù)據(jù)來(lái)源：固定/取**值

• 固定：即不變的，前端寫死
• 取值：說(shuō)明這塊數(shù)據(jù)從哪來(lái)

2、顯示行數(shù)：最多顯示的行數(shù)，超出做溢出處理

3、省略位置：末尾/中間

• 末尾：一般默認(rèn)省略末尾
• 中間：需預(yù)覽開頭、結(jié)尾的內(nèi)容則使用

4、是否標(biāo)記：當(dāng)取到的某個(gè)值需通過(guò)標(biāo)記突出顯示，可用此方式說(shuō)明

三、輸出說(shuō)明模板

組件名稱前加個(gè)“規(guī)范”，便于團(tuán)隊(duì)識(shí)別規(guī)范組件；模板可直接寫入注釋，并存為Axure/墨刀元件庫(kù)。

• 組件名稱：規(guī)范-文本?
• 數(shù)據(jù)來(lái)源：
• 顯示行數(shù)：1
• 溢出方案：末尾省略
• 是否標(biāo)記：無(wú)需

結(jié)語(yǔ)

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