डिजाइन और सामग्री

फ़ोटो, टाइपोग्राफ़ी और रंग चुनना

दृश्य चुनाव पहचान और पढ़ने में मदद करें। उपयोग अधिकार और पर्याप्त कंट्रास्ट जाँचें। तस्वीर, फ़ॉन्ट और रंग व्यवसाय पहचानने तथा जानकारी पढ़ने में मदद करें। कैफ़े गर्म रंगों की तस्वीरों के साथ सरल लिखित मेन्यू दे सकता है। लाइसेंस वाली तस्वीर भी गैरमौजूद स्थान का भ्रम दे सकती है।

फ़ोटो, टाइपोग्राफ़ी और रंग चुनना

दृश्य सामग्री का उद्देश्य तय करें

तस्वीर, फ़ॉन्ट और रंग व्यवसाय पहचानने तथा जानकारी पढ़ने में मदद करें। ऐसी तस्वीर चुनें जो सेवा या काम का वातावरण समझाए। स्टॉक फोटो उपयोग अधिकार के साथ इस्तेमाल हो सकती है, लेकिन उसे अपना कार्यालय या वास्तविक ग्राहक न बताया जाए। परियोजना फोटो के लिए सही अनुमति और विवरण रखें।

मुख्य तस्वीर का मोबाइल कटाव देखें। चौड़ी फोटो छोटे पर्दे पर जरूरी हिस्सा छिपा सकती है। महत्वपूर्ण लेख HTML में रहे ताकि अनुवाद, ज़ूम और सहायक तकनीक उसे पढ़ सके। सजावटी चित्र को अनावश्यक लंबा वैकल्पिक विवरण न दें।

सरल टाइपोग्राफ़ी व्यवस्था बनाएँ

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

हर भाषा के अक्षरों का समर्थन देखें। लैटिन में सुंदर फ़ॉन्ट हिंदी या अरबी में सही नहीं होगा। आवश्यक fallback चुनें और पंक्ति ऊँचाई जाँचें। सभी भाषाओं के विशाल फ़ॉन्ट हर उपयोगकर्ता को भेजना जरूरी नहीं है।

रंग से जानकारी स्पष्ट करें

पृष्ठभूमि, मुख्य लेख, सतह और प्रमुख कार्रवाई के लिए सीमित रंग तय करें। हर बॉक्स को तेज रंग देने से मुख्य बटन की पहचान कम हो सकती है। छोटे लेबल, तस्वीर पर लेख और त्रुटि संदेश का contrast जाँचें। गलती केवल लाल रंग से न बताएँ; स्पष्ट पाठ भी दें।

सुपुर्दगी में फोटो स्रोत, लाइसेंस और इस्तेमाल किया संस्करण रखें। चित्र सही आकार और कुशल प्रारूप में निर्यात करें। कमजोर बाहरी लिंक पर निर्भरता घटाएँ। रंग, फ़ॉन्ट और साझा घटकों का छोटा दस्तावेज़ भविष्य के बदलाव में दृश्य एकरूपता बनाए रखता है।

व्यावहारिक सूची

  • लाइसेंस रखें
  • लंबे शीर्षक जाँचें
  • कंट्रास्ट देखें

ठोस उदाहरण: कैफ़े गर्म रंगों की तस्वीरों के साथ सरल लिखित मेन्यू दे सकता है।

ध्यान रखने वाली सीमा: लाइसेंस वाली तस्वीर भी गैरमौजूद स्थान का भ्रम दे सकती है।

अगला कदम

Orvunweb को अपना प्रोजेक्ट बताएँ

संबंधित लेख

स्रोत