全美商學院
新聞
新聞

成都網站(zhàn)建設表單設計(jì)的原則

2020
08/18
13:15
全美網絡官網
分享

成都網站(zhàn)建設的網站(zhàn)制(zhì)作(zuò)中,對成都網頁的設計(jì)尤其看重,注重視(shì)覺沖擊和(hé)用戶的體(tǐ)驗。在成都網頁設計(jì)中表單的設計(jì)是有(yǒu)一定原則的。

網站(zhàn)建設

在表單設計(jì)的布局上(shàng),成都網站(zhàn)設計(jì)采用單列進行(xíng)展示,這樣做(zuò)能夠方便用戶進行(xíng)浏覽和(hé)輸入,而且這樣做(zuò)主要是對響應式高(gāo)端網站(zhàn)建設有(yǒu)一定的好處,減少(shǎo)了開(kāi)發成本。

對于表單頁面的标簽設計(jì),全美是将其分成三種形式的,左标簽、頂标簽和(hé)內(nèi)标簽的,當然一會(huì)有(yǒu)表單的選填和(hé)必填項的規則設計(jì)。左标簽是目前比較流行(xíng)的表單頁面設計(jì)方式,在網站(zhàn)頁面的設計(jì)上(shàng)會(huì)顯得(de)比較整齊,幹淨。用戶體(tǐ)驗會(huì)非常好,響應速度也很(hěn)快。唯一出現的弊端就是在PC響應到移動端的時(shí)候,可(kě)能會(huì)出現填寫信息被覆蓋等問題。這個(gè)情況,選擇頂标簽的樣式的話(huà),就不會(huì)出現這樣的問題。

在表單的輸入框左側加上(shàng)一個(gè)幫助性的圖标,當鼠标放在圖标上(shàng)就可(kě)以出現提示文字,離開(kāi)則消失,但(dàn)是在做(zuò)這個(gè)幫助提示的文字設計(jì)時(shí),要盡量使用精簡的文字。還(hái)要注意提示文字不要将輸入框區(qū)域擋住,好讓用戶知道(dào)自己在什麽地方,在做(zuò)什麽。

在成都網站(zhàn)設計(jì)的表單設計(jì)中,對于輸入框的設計(jì)是當用戶選擇一個(gè)輸入框後,該輸入框會(huì)出現懸浮?高(gāo)亮?變色?等效果,好讓用戶專注于當前的輸入框錄入信息。還(hái)有(yǒu)表單的報錯提示,針對單個(gè)輸入框如果出現了填寫報錯,會(huì)給輸入框設定一個(gè)報錯顔色樣式的變化,或者是一個(gè)文字提醒。

還(hái)有(yǒu)一點就是成都網站(zhàn)建設對表單輸入框的文字字數(shù)限制(zhì)了,就像我們在網站(zhàn)後台發布文章的時(shí)候也是一樣,因為(wèi)網站(zhàn)的TDK都是有(yǒu)字符數(shù)量限制(zhì)的,所以在表單中我們會(huì)加入限制(zhì),以給予網站(zhàn)一個(gè)良好的優化。所以成都網站(zhàn)設計(jì)在做(zuò)表單設計(jì)的時(shí)候遵循上(shàng)述的幾個(gè)原則,一個(gè)好的成都網頁設計(jì)是需要每個(gè)細節都做(zuò)到的。所以表單的設計(jì)在使用上(shàng)要高(gāo)效,友(yǒu)好。

聯系我們
歡迎來(lái)到全美,免費
獲取專業網站(zhàn)建設方案
電(diàn)話(huà)咨詢:

18140041855

您還(hái)可(kě)以預約資深顧問
隐私信息保護中,請(qǐng)放心填寫

在線客服

電(diàn)話(huà)咨詢

微信咨詢

微信号複制(zhì)成功
18140041855 (蘇女士)
打開(kāi)微信,粘貼添加好友(yǒu),免費詢價吧(ba)