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

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

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

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