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

2、不會采用過于復(fù)雜和新穎的頁面布局和交互方式而針對我們的產(chǎn)品，交互規(guī)范內(nèi)容總結(jié)主要包括以下幾個部分1設(shè)計規(guī)范說明 設(shè)計規(guī)范說明主要描述該設(shè)計規(guī)范的基本信息2設(shè)計更新記錄 因為交互規(guī)范是需要根據(jù)項目不斷完善更新的；Reeoo菜單標志設(shè)計與側(cè)邊交互設(shè)計 二交互信息規(guī)范 交互提示規(guī)范主要用于規(guī)定在交互過程中交互的方式及其信息提示，包括1預(yù)先信息提示 所有交互進行前需要提供充分給用戶的預(yù)先應(yīng)該知道的提示信息a表單提交類 表單提交的；C行內(nèi)標簽行內(nèi)標簽常常出現(xiàn)在手機端的注冊界面當(dāng)中，這樣的設(shè)計可以節(jié)省頁面空間，所以大部分app的界面設(shè)計都采用這樣的設(shè)計當(dāng)然，部分網(wǎng)站pc端的表單設(shè)計中也會用到這種設(shè)計2英文標簽避免全部大寫一些英文界面的表單設(shè)計；按照設(shè)計師做設(shè)計的使用場景，還是按照組件控件的功能性進行劃分比較切合例如表單類就可以劃分為單文本輸入，多文本輸入日歷時間選擇器下拉選擇列表單選框復(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)該讓前端工程；考慮到目標用戶中大部分人的出生地與居住地是相同的，所以在設(shè)計時提供給用戶一個“同出生地”的按鈕，用戶不必重復(fù)填寫相同內(nèi)容，只需要點擊“同出生地”，就會把出生地的內(nèi)容全部帶入到居住地輸入框，極大的方便了用戶，提高了表單的完成效；一提前開發(fā)在設(shè)計工作進行中，設(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è)計形式進入我們的工作與生活表單是移動應(yīng)用中與用戶產(chǎn)生最多交互的地方，包括用戶注冊訂閱服務(wù)用戶反饋問卷表單買賣交易等等一個優(yōu)秀的表單設(shè)計有助于提升產(chǎn)品用戶。