1、1表單設(shè)計(jì)基礎(chǔ)作用mdashmdash暗提示的應(yīng)用 作為輔助用戶填寫表格的主要方式，在設(shè)計(jì)中，要盡可能減少視覺噪音，保證復(fù)印件簡(jiǎn)潔全面，且表達(dá)形式不干擾用戶因此，如果對(duì)比度太深或太淺，且顏色過于突出，則不適合；提升效率，對(duì)于一些我們經(jīng)常用到的組件顏色分割線按鈕圖標(biāo)字體tab表單等組件，如果提前設(shè)計(jì)統(tǒng)一好，能大大減少重復(fù)性設(shè)計(jì)，能讓設(shè)計(jì)師更加專注在設(shè)計(jì)品質(zhì)上加強(qiáng)，提升效率，對(duì)于基礎(chǔ)的顏色字體間距可以提前；界面變形的樞紐懸浮按鈕可以轉(zhuǎn)換為APP結(jié)構(gòu)的一部分，借助動(dòng)效延伸到整個(gè)屏幕，甚至變?yōu)楠?dú)立的界面，從而成為界面功能切換的動(dòng)態(tài)樞紐對(duì)于這一塊的用法，谷歌Material Design設(shè)計(jì)規(guī)范要求“變形浮動(dòng)按鈕時(shí)，需要以邏輯的方式在開；UI 設(shè)計(jì)師的職能大體包括三方面一是圖形設(shè)計(jì)，軟件產(chǎn)品的產(chǎn)品“外形”設(shè)計(jì)二是交互設(shè)計(jì)，主要在于設(shè)計(jì)軟件的操作流程樹狀結(jié)構(gòu)操作規(guī)范等三是用戶測(cè)試研究，這里所謂的“測(cè)試”，其目標(biāo)恰在于測(cè)試交互設(shè)計(jì)的合理性及；如果同一個(gè)頁(yè)面的表單設(shè)計(jì)中有很多標(biāo)記，可以省略嗎答案絕對(duì)不是需要明確的是，在表單上標(biāo)記符號(hào)的目的是提醒用戶這是一個(gè)重要的項(xiàng)目，所以要謹(jǐn)慎操作通常是必需的除了使用標(biāo)記，還可以在表單底部單獨(dú)做一個(gè)說明。

2、不會(huì)采用過于復(fù)雜和新穎的頁(yè)面布局和交互方式而針對(duì)我們的產(chǎn)品，交互規(guī)范內(nèi)容總結(jié)主要包括以下幾個(gè)部分1設(shè)計(jì)規(guī)范說明 設(shè)計(jì)規(guī)范說明主要描述該設(shè)計(jì)規(guī)范的基本信息2設(shè)計(jì)更新記錄 因?yàn)榻换ヒ?guī)范是需要根據(jù)項(xiàng)目不斷完善更新的；Reeoo菜單標(biāo)志設(shè)計(jì)與側(cè)邊交互設(shè)計(jì) 二交互信息規(guī)范 交互提示規(guī)范主要用于規(guī)定在交互過程中交互的方式及其信息提示，包括1預(yù)先信息提示 所有交互進(jìn)行前需要提供充分給用戶的預(yù)先應(yīng)該知道的提示信息a表單提交類 表單提交的；C行內(nèi)標(biāo)簽行內(nèi)標(biāo)簽常常出現(xiàn)在手機(jī)端的注冊(cè)界面當(dāng)中，這樣的設(shè)計(jì)可以節(jié)省頁(yè)面空間，所以大部分app的界面設(shè)計(jì)都采用這樣的設(shè)計(jì)當(dāng)然，部分網(wǎng)站pc端的表單設(shè)計(jì)中也會(huì)用到這種設(shè)計(jì)2英文標(biāo)簽避免全部大寫一些英文界面的表單設(shè)計(jì)；按照設(shè)計(jì)師做設(shè)計(jì)的使用場(chǎng)景，還是按照組件控件的功能性進(jìn)行劃分比較切合例如表單類就可以劃分為單文本輸入，多文本輸入日歷時(shí)間選擇器下拉選擇列表單選框復(fù)選框等等 Web端設(shè)計(jì)規(guī)范之界面交互篇移動(dòng)端的觸發(fā)手勢(shì)有單擊。

3、第4步制定組件規(guī)范 組件由多個(gè)控件組合而成，因此需要在基礎(chǔ)規(guī)范和控件規(guī)范比較完善的情況下再去制定組件通常包含導(dǎo)航表單彈窗浮層加載缺省狀態(tài)等同樣以下只做一小部分的示范導(dǎo)航 導(dǎo)航分為頂部導(dǎo)航欄底部。

4、這二天正好在知乎上看到這個(gè)話題，就順道來(lái)吐吐撰寫設(shè)計(jì)規(guī)范過程中的一些想法~首先需要想清楚這份規(guī)范文檔是給誰(shuí)使用，偏視覺和偏前端的規(guī)范并不一樣，本來(lái)自己做之前是考慮給設(shè)計(jì)師查閱，但編寫的過程中又覺得應(yīng)該讓前端工程；考慮到目標(biāo)用戶中大部分人的出生地與居住地是相同的，所以在設(shè)計(jì)時(shí)提供給用戶一個(gè)“同出生地”的按鈕，用戶不必重復(fù)填寫相同內(nèi)容，只需要點(diǎn)擊“同出生地”，就會(huì)把出生地的內(nèi)容全部帶入到居住地輸入框，極大的方便了用戶，提高了表單的完成效；一提前開發(fā)在設(shè)計(jì)工作進(jìn)行中，設(shè)計(jì)師可能會(huì)面臨一些突發(fā)情況，因此對(duì)于一些我們經(jīng)常用到的，如顏色分割線tab表單等組件，如果提前設(shè)計(jì)統(tǒng)一好，能大大減少重復(fù)性設(shè)計(jì)，讓設(shè)計(jì)師專注提高設(shè)計(jì)的質(zhì)量二明確設(shè)計(jì)原則UI；CSS層疊樣式表是一種制作網(wǎng)頁(yè)的新技術(shù)，它的全稱是級(jí)聯(lián)樣式表，即Cascading StyleSheets的縮寫，又稱之為風(fēng)格樣式表單CSS是在網(wǎng)頁(yè)制作過程中普遍用到的技術(shù)采用了CSS技術(shù)控制的網(wǎng)頁(yè)，設(shè)計(jì)者會(huì)更輕松有效地對(duì)頁(yè)面的整體布局顏色字；手機(jī)App為生活帶來(lái)巨大便利，多種多樣的移動(dòng)表單設(shè)計(jì)形式進(jìn)入我們的工作與生活表單是移動(dòng)應(yīng)用中與用戶產(chǎn)生最多交互的地方，包括用戶注冊(cè)訂閱服務(wù)用戶反饋問卷表單買賣交易等等一個(gè)優(yōu)秀的表單設(shè)計(jì)有助于提升產(chǎn)品用戶。