उपयोगकर्ता इंटरफेस - रंग और लेआउट

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

रंग योजनाओं, लेआउट, स्वरूपण इत्यादि जैसी चीजों के लिए अंगूठे के कोई गाइड या नियम हैं? मैं आगंतुकों के लिए पठनीयता और स्पष्टता सुनिश्चित करना चाहता हूं, लेकिन एक ही समय में ब्लेंड और सुस्त नहीं होना चाहिए।

इस क्षेत्र में मेरे ज्ञान के लिए - यदि आप मुझे एक तस्वीर देते हैं, तो मेरे पास स्क्रीन पर इसे पुन: पेश करने के लिए पर्याप्त ज्ञान है, लेकिन यदि आप मुझे एक नया इंटरफ़ेस डिज़ाइन करने या किसी मौजूदा को फिर से डिजाइन करने के लिए कहते हैं, तो मुझे नहीं पता कि कहां से शुरू करना है ।

0
ro fr bn

7 उत्तर

Usually, each operating System has user Interface Guidelines. For Windows, have a look here. (Edit: The links in that post are broken. But a Search for "User Interface Guidelines" on MSDN has articles about everything)

ऐप्पल के पास भी इसका अपना है। साथ ही, आप पहुंच रखना चाहते हैं दिमाग में।

0
जोड़ा

मैं उन रंगों को ढूंढने में भयानक हूं जो एक साथ अच्छे दिखते हैं, इसलिए मैं धोखा देती हूं और प्रकृति से चित्रों का उपयोग करता हूं जो ज्यादातर रंग मैं चाहता हूं (कहें, हरा) और फिर मैं यह वेबसाइट । आम तौर पर प्रकृति अपनी खुद की अच्छी रंग योजनाओं को स्थापित करने का एक अच्छा काम करती है।

0
जोड़ा

उच्च विपरीत रंग combos का उपयोग करें; सफेद पृष्ठभूमि पर काली पाठ एक उच्च विपरीत कॉम्बो का सबसे अच्छा उदाहरण है।

एक लाल कॉम्बो लाल पृष्ठभूमि पर हरा पाठ है। यह रंग अंधे लोगों (खुद की तरह) के लिए भयानक है।

See what your site looks like to a color blind person: colorfilter.wickline.org

0
जोड़ा

यह जांचने के लिए एक टिप है कि आपके रंगों का अच्छा कंट्रास्ट है या नहीं, इसका स्नैपशॉट ले रहा है और ग्रेस्केल में परिवर्तित हो रहा है। यदि आप कुछ नहीं पढ़ सकते हैं, तो रंग निश्चित रूप से खराब चुने गए थे।

Plus, although it's not about user interfaces, Before & After Magazine can give you some pretty good hints about color, design and related topics. It even has got some free pdf's to download.

0
जोड़ा
यह एक चालाक विचार है
जोड़ा लेखक Colin Pickard, स्रोत

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

0
जोड़ा

जेनिफर टिडवेल द्वारा, डिज़ाइनिंग इंटरफेस पुस्तक, विषय पर एक संपूर्ण अध्याय है (अध्याय 9, अंश ऑनलाइन अक्षय)। पूरी किताब सिफारिश करने लायक है।

0
जोड़ा

आपकी टाइपोग्राफी में प्रयोज्यता के लिए यहां कुछ सरल पॉइंटर्स दिए गए हैं। ये चीजें मुख्य रूप से पठनीयता और अभिगम्यता चिंताओं को संबोधित करती हैं।

क्या करें:

  • सापेक्ष फ़ॉन्ट आकार (em)
  • का उपयोग करें
  • LANG विशेषता
  • का उपयोग कर दस्तावेज़ में भाषा परिवर्तनों की पहचान करें
  • एक सफेद पृष्ठभूमि पर काला पाठ
  • शीर्षकों के लिए, H1, H2, आदि का उपयोग करें और उन्हें उचित रूप से घोंसला
  • सामग्री को बंद करें और शीर्षकों के साथ व्यवस्थित करें जो आपके उपयोगकर्ता क्या ढूंढ रहे हैं
  • स्पष्ट और सरल प्रति लिखें
  • बाएं संरेखित करें, दाएं दाएं
  • टेक्स्ट-टू-बैकग्राउंड रंग उच्च विपरीत होना चाहिए

DONTs:

  • लिंक टेक्स्ट के रूप में "यहां क्लिक करें" या "अधिक" का उपयोग करें
  • जोर के लिए रेखांकन का उपयोग करें
  • 2 से अधिक फ़ॉन्ट-प्रकार परिवार
  • तिरछे
  • सभी कैप्स का उपयोग करके टेक्स्ट के ब्लॉक
  • सफेद पृष्ठभूमि (रंगीन विचलन) पर सही लाल या सही नीले पाठ का उपयोग करें
0
जोड़ा