
在成都小程序開發(fā)的網(wǎng)站制作中,對成都網(wǎng)頁的設(shè)計(jì)尤其看重,注重視覺沖擊和用戶的體驗(yàn)。在成都網(wǎng)頁設(shè)計(jì)中表單的設(shè)計(jì)是有一定原則的。
在表單設(shè)計(jì)的布局上,成都網(wǎng)站設(shè)計(jì)采用單列進(jìn)行展示,這樣做能夠方便用戶進(jìn)行瀏覽和輸入,而且這樣做主要是對響應(yīng)式高端小程序開發(fā)有一定的好處,減少了開發(fā)成本。
對于表單頁面的標(biāo)簽設(shè)計(jì),全美是將其分成三種形式的,左標(biāo)簽、頂標(biāo)簽和內(nèi)標(biāo)簽的,當(dāng)然一會(huì)有表單的選填和必填項(xiàng)的規(guī)則設(shè)計(jì)。左標(biāo)簽是目前比較流行的表單頁面設(shè)計(jì)方式,在網(wǎng)站頁面的設(shè)計(jì)上會(huì)顯得比較整齊,干凈。用戶體驗(yàn)會(huì)非常好,響應(yīng)速度也很快。唯一出現(xiàn)的弊端就是在PC響應(yīng)到移動(dòng)端的時(shí)候,可能會(huì)出現(xiàn)填寫信息被覆蓋等問題。這個(gè)情況,選擇頂標(biāo)簽的樣式的話,就不會(huì)出現(xiàn)這樣的問題。
在表單的輸入框左側(cè)加上一個(gè)幫助性的圖標(biāo),當(dāng)鼠標(biāo)放在圖標(biāo)上就可以出現(xiàn)提示文字,離開則消失,但是在做這個(gè)幫助提示的文字設(shè)計(jì)時(shí),要盡量使用精簡的文字。還要注意提示文字不要將輸入框區(qū)域擋住,好讓用戶知道自己在什么地方,在做什么。
在成都網(wǎng)站設(shè)計(jì)的表單設(shè)計(jì)中,對于輸入框的設(shè)計(jì)是當(dāng)用戶選擇一個(gè)輸入框后,該輸入框會(huì)出現(xiàn)懸浮?高亮?變色?等效果,好讓用戶專注于當(dāng)前的輸入框錄入信息。還有表單的報(bào)錯(cuò)提示,針對單個(gè)輸入框如果出現(xiàn)了填寫報(bào)錯(cuò),會(huì)給輸入框設(shè)定一個(gè)報(bào)錯(cuò)顏色樣式的變化,或者是一個(gè)文字提醒。
還有一點(diǎn)就是成都小程序開發(fā)對表單輸入框的文字字?jǐn)?shù)限制了,就像我們在網(wǎng)站后臺(tái)發(fā)布文章的時(shí)候也是一樣,因?yàn)榫W(wǎng)站的TDK都是有字符數(shù)量限制的,所以在表單中我們會(huì)加入限制,以給予網(wǎng)站一個(gè)良好的優(yōu)化。所以成都網(wǎng)站設(shè)計(jì)在做表單設(shè)計(jì)的時(shí)候遵循上述的幾個(gè)原則,一個(gè)好的成都網(wǎng)頁設(shè)計(jì)是需要每個(gè)細(xì)節(jié)都做到的。所以表單的設(shè)計(jì)在使用上要高效,友好。