如何將表單做得更漂亮
互聯網上有多少個網頁?不說你也知道這是個天文數字。人一天看到的網頁也數不勝數。在這些頁面之中,如何保證用戶能認真瀏覽並完成你的表單?
人是視覺動物,顏值即是正義。這篇文章將教你幾招,迅速提升表單的顏值,增加辨識度,塑造品牌個性。
善用模板
每當你創建表單時,其實都能看到很多模板,如圖 1 所示,它們幾乎涵蓋了金數據中常用的的應用場景,也都配上了漂亮的頭圖、背景。下次當你需要製作表單時,就無需從零開始了。
一秒換裝
在表單樣式的最上方,是金數據的設計師們提供的整套樣式主題,可以一鍵將表單的頭圖、字體、顏色、寬度等各方面更換為相適應的主題,目前已經有超過 60 個了,如圖 2 所示。
同時,金數據也提供了預覽功能,點擊編輯欄左側的電腦/手機按鈕,可以同時快速預覽表單呈現在電腦和手機上的樣子,圖 3 所示。
添加頭圖
表單中最影響顏值的是頭圖,一個漂亮、符合這個時代設計美學、不表情包的頭圖,能夠最快給用戶好感。金數據與在線作圖軟體創可貼達成合作,讓你在金數據中直接使用創可貼,一分鐘創建頭圖,如圖 4 所示。
如果你很在意自己品牌的露出,在去掉底部的金數據 logo 後,可以在頭圖中加上自己品牌的 logo,以突顯品牌。
另外,金數據的頁眉圖片支持 gif 動圖,讓你的表單更加炫酷!不過提示一點,盡量別把社交網路上常看到搞笑 gif 圖當做頭圖,這會給樣式減分。
自定義樣式
如果你需要更強烈的品牌展現,既有主題肯定不能滿足你,在樣式中金數據也提供了超級豐富的自定義選項,如果你早已經開始使用自己製作的頭圖、背景,那麼來看看自定義樣式中的其他隱藏大招吧。
- 透明的表單
看到上面這個表單的背景了嗎?如圖 5 所示。其實,在表單全局的顏色選擇中有一個滑塊,調整這個滑塊就能改變表單的透明度了,如圖 6 所示。
- 自定義的「提交」按鈕
如同眾多的文字自定義一樣,「提交」按鈕能自定義為任何文字,如圖 7 所示。發揮你的想像力,為小按鈕附上一點小機靈,表單的趣味甚至可以翻倍!
希望通過這篇文章,可以讓你把表單的顏值提升好幾倍,好用又有品味!
推薦閱讀:
※如何用表單從頭到尾的辦好一場線下活動?
※換個角度談表單設計
※春風十里不及心中有你--2018年產品更新之表單協同編輯
※輸油場站「表單化」精細管理
※【ACW-A】ReactiveForms 中不再推薦使用 ngModel