??設計網站時，大部分設計人員將精力放在內容頁面上，忽略了注冊表單，從而讓后者看著乏味、陳舊、簡陋。白底的注冊表單中充斥著粗糙的黑色邊框，再加上普通的文本字段和雜亂的文本，根本激發不出用戶的注冊熱情。如果網站的注冊表單看起來像這樣，那還有提升空間。

??那些真正想用網站的用戶大概率會直接注冊，不會關心注冊表單的樣式，而其它用戶看到注冊表單那么簡陋，很可能不想注冊，網站會由于第一印象丟失大量潛在用戶。讓注冊表單更可用、更具吸引力，能使搖擺不定的用戶回心轉意。

視覺吸引力能激勵用戶

??研究發現視覺吸引力會影響界面的第一印象，用戶常常認為視覺吸引力低的界面無趣且難以使用。這一發現推斷，用戶可能會認為乏味的表單難以填寫且浪費時間，不值得填寫表單。
??優化表單外觀，使其更具吸引力，激勵用戶填寫表單。但是，表單的外觀吸引力應有限制，太大的話可能會分散用戶注意力。同時，表單應具有高可用性。幸運的是，可以采用簡單技巧滿足這兩點。

米白色文本字段

??設置文本字段或其背景色為米白色能讓表單更好用且更具吸引力。米白色介于白色和灰色之間，將其用于表單之中，可以將陳舊、簡陋的外觀轉變為清新的、有活力的外觀。除此之外，米白色還能強化文本字段的視覺提示，減少周圍的視覺噪音。

??米白色文本字段不僅能快速吸引注意力，讓用戶與其交互，還能讓他們更明確地關注輸入，便于內容輸入、檢查和糾錯。相比米白色文本字段，簡陋的文本字段會產生更多的視覺噪聲，字段周圍的文本都會與輸入內容發生沖突，讓用戶難以將注意力集中到字段上。

??采用米白色背景，突出字段中的空白，減少字段周圍的文本，也能提供更清晰的輸入焦點，產生更強的文本字段提示。
??值得注意的是，米白色并不等于灰色。應避免使用純灰色文本字段，讓用戶誤認為是禁用字段或非活動字段，還會使他們難以瀏覽輸入內容和占位文本。

表單主題化

??選擇米白色時，不應使用隨機顏色，而應采用與網站品牌相一致的顏色，讓表單看著更專業。要得到適合的米白色，應基于網站品牌顏色，調整其亮度和飽和度水平。

??將顏色亮度提高至接近100%，同時將顏色飽和度降低到5%左右。將亮度降低到100以下會給顏色增加一絲灰色，而降低飽和度會減少米白色的色調。還可以設置字段邊框為深一點的米白色，以賦予字段更多顏色深度[1]。
??有多種米白色可以選擇，最終取決于設計人員想采用的色調。飽和度和亮度應大體保持在同一范圍內。選擇最匹配網站品牌的米白色，沒必要使用主品牌的顏色。也可以選用免費的米白色。以下示例為最受歡迎的網站所采用的注冊表單。

裝扮注冊表單

??沒必要把注冊表單弄得陳舊、簡陋。簡陋的外觀會讓用戶敬而遠之。增加注冊表單的視覺吸引力并不需要大量時間或高級設計技巧，而使其更可用也不需要改造整個表單。采用適合的米白色增強文本字段，讓注冊表單煥然一新，能夠獲得更多的注冊用戶。

原文地址：https://uxmovement.com/forms/improve-your-sign-up-form-with-off-white-text-fields/
[1]原文： You can also add a slightly darker off-white for the field border to give it more depth.

總結

以上是生活随笔為你收集整理的（翻译）用米白色文本字段强化注册表单的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。