बोरिंग रूप

फॉर्म आमतौर पर उबाऊ इंटरफ़ेस तत्व होते हैं जिन्हें कोई भी भरना पसंद नहीं करता है। खासकर यदि उन पर बहुत सारे इनपुट फ़ील्ड हैं - तो यह फ्रेम की बहुतायत से आंखों में चमकती है।

आइए एक उदाहरण देखें। मैं विशेष रूप से "डिज़ाइनर" कार्य की कोई डरावनी प्रति नहीं ले जाऊंगा, लेकिन एक उदाहरण के रूप में Microsoft से मानक इनपुट फ़ील्ड के साथ पंजीकरण प्रपत्र ले सकता हूं:

छवि



ब्राउज़रों के बारे में एक छोटा सा विषयांतर। ओपेरा में फ़ॉर्म का स्क्रीनशॉट लिया गया था। FF उन इनपुट फ़ील्ड को प्रस्तुत करता है जो आंख के लिए बहुत अधिक सुखद हैं:

छवि

आइए अपने रूपों पर वापस जाएं।

सबसे पहले, चलो फ्रेम से छुटकारा पाने की कोशिश करते हैं। ऐसा करने के लिए, इनपुट फ़ील्ड को एक हल्के रंग से भरें ताकि यह स्पष्ट हो जाए कि ये अभी भी इनपुट फ़ील्ड हैं। यदि आपके पास एक अच्छी तरह से कैलिब्रेटेड मॉनिटर है, तो आपको फॉर्म में एक हल्के भूरे रंग की पृष्ठभूमि दिखाई देगी। यह पृष्ठभूमि और मार्जिन के बीच के विपरीत को थोड़ा कम करता है, जिससे उत्तरार्द्ध कम प्रमुख हो जाता है। हालांकि, अब आकृति चिकनी दिखती है, ग्रे पट्टियों पर नज़र नहीं टिकती है।

छवि

लेकिन अभी सर्वश्रेष्ठ आना बाकी है। आपने शायद पहले से ही देखा है कि नए उदाहरण में दो तत्वों को चित्रित नहीं किया गया है? यह प्रस्तावित सुधार का दूसरा भाग है। विचार यह है कि हम इनपुट फ़ील्ड के ग्राफिक पदनाम को पूरी तरह से हटाने के बाद इसे भरते हैं। केवल पाठ ही रहता है। इस समाधान के दो बड़े फायदे हैं:


छवि

लोगों को यह भ्रमित न करने के लिए कि डेटा दर्ज करने के बाद अनियंत्रित हो जाता है, जब आप इस पर होवर करते हैं तो फ़ील्ड को किसी रंग में हाइलाइट किया जा सकता है।

छवि

वह, वास्तव में, सब है। इस तरह के एक सरल तरीके से, आप फ़ॉर्म को भरने के लिए बहुत अधिक सुखद और दिलचस्प बना सकते हैं।

Source: https://habr.com/ru/post/In130860/


All Articles