如何將表單做得更漂亮

互聯網上有多少個網頁?不說你也知道這是個天文數字。人一天看到的網頁也數不勝數。在這些頁面之中,如何保證用戶能認真瀏覽並完成你的表單?

人是視覺動物,顏值即是正義。這篇文章將教你幾招,迅速提升表單的顏值,增加辨識度,塑造品牌個性。

善用模板

每當你創建表單時,其實都能看到很多模板,如圖 1 所示,它們幾乎涵蓋了金數據中常用的的應用場景,也都配上了漂亮的頭圖、背景。下次當你需要製作表單時,就無需從零開始了。

圖1 從模板創建表單

一秒換裝

在表單樣式的最上方,是金數據的設計師們提供的整套樣式主題,可以一鍵將表單的頭圖、字體、顏色、寬度等各方面更換為相適應的主題,目前已經有超過 60 個了,如圖 2 所示。

圖2 套用主題

同時,金數據也提供了預覽功能,點擊編輯欄左側的電腦/手機按鈕,可以同時快速預覽表單呈現在電腦和手機上的樣子,圖 3 所示。

圖3 預覽樣式

添加頭圖

表單中最影響顏值的是頭圖,一個漂亮、符合這個時代設計美學、不表情包的頭圖,能夠最快給用戶好感。金數據與在線作圖軟體創可貼達成合作,讓你在金數據中直接使用創可貼,一分鐘創建頭圖,如圖 4 所示。

圖4 從創可貼製作頭圖

如果你很在意自己品牌的露出,在去掉底部的金數據 logo 後,可以在頭圖中加上自己品牌的 logo,以突顯品牌。

另外,金數據的頁眉圖片支持 gif 動圖,讓你的表單更加炫酷!不過提示一點,盡量別把社交網路上常看到搞笑 gif 圖當做頭圖,這會給樣式減分。

自定義樣式

如果你需要更強烈的品牌展現,既有主題肯定不能滿足你,在樣式中金數據也提供了超級豐富的自定義選項,如果你早已經開始使用自己製作的頭圖、背景,那麼來看看自定義樣式中的其他隱藏大招吧。

  • 透明的表單

圖5 背景透明的表單

看到上面這個表單的背景了嗎?如圖 5 所示。其實,在表單全局的顏色選擇中有一個滑塊,調整這個滑塊就能改變表單的透明度了,如圖 6 所示。

圖6 調節表單透明度

  • 自定義的「提交」按鈕

如同眾多的文字自定義一樣,「提交」按鈕能自定義為任何文字,如圖 7 所示。發揮你的想像力,為小按鈕附上一點小機靈,表單的趣味甚至可以翻倍!

圖7 自定義提交按鈕

希望通過這篇文章,可以讓你把表單的顏值提升好幾倍,好用又有品味!


推薦閱讀:

如何用表單從頭到尾的辦好一場線下活動?
換個角度談表單設計
春風十里不及心中有你--2018年產品更新之表單協同編輯
輸油場站「表單化」精細管理
【ACW-A】ReactiveForms 中不再推薦使用 ngModel

TAG:表單 | 數據收集 | 問卷調查 |