टाइपसेटर से अच्छा लेआउट कैसे प्राप्त करें

प्राथमिक अथवा प्रारम्भिक लक्षण

मेरी पिछली सामग्री, " एक वेब डिजाइनर के साथ काम करने के बारे में संक्षिप्त निर्देश (एक परियोजना प्रबंधक के लिए) " मिश्रित समीक्षा और एक उत्कृष्ट प्रतिक्रिया लेख (दूसरी तरफ से देखें) " वेब डिजाइनर (एक डिजाइनर के देखो) के साथ काम करने के तरीके पर संक्षिप्त निर्देश " का कारण बना।

दोनों लेखों को पढ़ने के बाद, आप किसी दिए गए विषय पर अपनी राय बना सकते हैं।

नई सामग्री के साथ, मैं सभी पक्षों से समस्या को देखने के लिए प्रतिक्रिया और राय प्राप्त करना चाहूंगा। लेख कई उपयोगी उपकरणों से जुड़ेगा।

बैकएंड

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

नतीजतन, लेआउट डिजाइनर PSD में डिजाइन स्रोत प्राप्त करता है और थूकता है। नहीं, वह लगभग हर काम सही तरीके से करता है, लेकिन अगर काम को अलग तरीके से व्यवस्थित किया जाता, तो वह इसे तेजी से पूरा करता।

टाइप बैठाने का काम

हां, मुझे पता है कि आदर्श डिजाइनर लेआउट की सभी जटिलताओं को समझता है, लेआउट में क्या और कैसे करना है, ताकि लेआउट डिजाइनर संतुष्ट हो। लेकिन ऐसे लोग बहुत कम ही मेरे सामने आए। यह एक "नियमित" डिजाइनर के साथ काम करने का वर्णन करता है।

लेआउट के साथ काम करें

1. यह डिजाइनर को ilovepsd.ru पर एक संक्षिप्त निर्देश पढ़ने के लिए कहने के लायक है। विशेष रूप से परतों के समूहन, परतों के नामकरण, आकारों को निर्दिष्ट करने और वस्तुओं पर प्रभाव लागू करने का तरीका।
2. एक तकनीक ने खुद को साबित कर दिया है जब वस्तुओं के सभी आकार (कट्टरता के बिना) दो के गुणक हैं।
3. डिजाइनर के साथ साइट के कार्यक्षेत्र के आकार को अग्रिम में निर्धारित करना आवश्यक है और उन्हें स्पष्ट रूप से पहचानें। अन्यथा, आपने एक पर गिना, तीसरा मिला।
4. अग्रिम में, लेआउट पर विचार करें कि आपकी साइट पर कौन से तत्व होंगे, उदाहरण के लिए, कौन सी सूची, तालिकाओं या उद्धरण। अन्यथा, टाइप करने के बाद, आप लेआउट डिजाइनर से पूछेंगे "ठीक है, अपने स्वाद के लिए तालिका को अधिक सहानुभूतिपूर्ण बनाएं"।
5. लेआउट में सक्रिय तत्वों के लिए, राज्य सक्रिय और निष्क्रिय होना चाहिए।

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

फोंट के साथ काम करना

1. लेआउट के साथ हमेशा फोंट लें।
2. हर फ़ॉन्ट WEB पर आसानी से इस्तेमाल नहीं किया जा सकता है। लेआउट डिजाइनर से बेहतर कोई भी आपको यह पता लगाने में मदद नहीं करेगा। उसके साथ इस पल की अग्रिम जांच करें।

हाल ही में, हम तेजी से डिजाइनरों को Google फ़ॉन्ट्स संग्रह से मुफ्त फोंट का उपयोग करने के लिए कह रहे हैं।

3. यदि पृष्ठ पर किसी भी तत्व को पाठ के रूप में प्रस्तुत किया जाना चाहिए, चित्र नहीं, तो इस पाठ को गोलाकार रूप से, तरंगों में प्रदर्शित करने से बचने का प्रयास करें। केवल आपातकाल के मामले में।

परामर्श

समय-समय पर लेआउट डिजाइनर को काम के परिणाम दिखाएं, इससे तकनीकी त्रुटियों से बचने में मदद मिलेगी जो आप नहीं जानते होंगे। और लेआउट डिजाइनर लेआउट के साथ काम करते समय नसों और समय की बचत करेगा।

लेआउट के दौरान काम करें

ब्राउज़र संस्करण

यहां आप हमेशा रनरेट में ब्राउज़र का प्रतिशत देख सकते हैं। अपने भविष्य के उपयोगकर्ताओं का मूल्यांकन करें और लेआउट डिजाइनर के लिए अग्रिम रूप से निर्धारित करें कि आपके लेआउट को किस ब्राउज़र का समर्थन करना चाहिए।

यदि आपको पता नहीं है कि यह क्यों आवश्यक है, तो संस्करण 8 से क्रोम, फ़ायरफ़ॉक्स, ओपेरा, एक्सप्लोरर का समर्थन करने के लिए कहें।

लेआउट की जाँच कैसे करें

1. सबसे अच्छा चेक आपके ब्राउज़र हैं। इन सभी ब्राउज़रों में लेआउट खोलें और देखें।
2. यह विभिन्न आकारों के मॉनिटर पर लेआउट खोलने के लायक है। यदि आपके पास 10 विभिन्न रिज़ॉल्यूशन परीक्षण मॉनिटर नहीं हैं, तो एक आसान क्रोम ऐप

डब्ल्यू 3 सी वैलिडेटर

साइट इकाइयां 100% सत्यापन पास कर सकती हैं। और लगभग 100% सत्यापन प्राप्त करने का लगभग कोई मतलब नहीं है। लेकिन, यदि कोडर स्पष्ट रूप से व्याख्या नहीं कर सकता है और इस कारण का नाम देता है कि इस स्थान पर सत्यापन विफल क्यों है, तो यह पहली कॉल है। यह ध्यान देने योग्य है।

सत्यापनकर्ता यहां है - http://validator.w3.org

जावास्क्रिप्ट

जावास्क्रिप्ट के किसी भी उपयोग को उचित ठहराया जाना चाहिए और जहां इस उपयोग को HTML + CSS से बदला जा सकता है - यह प्रतिस्थापित करने के लायक है। यह सामग्री प्रदर्शित करने के लिए विशेष रूप से महत्वपूर्ण है। फिलहाल, हमारे प्रयोग बताते हैं कि खोज इंजन हमेशा और हर जगह स्पष्ट रूप से नहीं कर सकते हैं और जावास्क्रिप्ट का उपयोग करके उत्पन्न सामग्री को पर्याप्त रूप से अनुक्रमित करते हैं। इस तरह के प्रत्येक आवेदन को उचित ठहराया जाना चाहिए और इसका एक कारण होना चाहिए।

पिक्सेल से पिक्सेल

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

मोबाइल प्लेटफॉर्म

मोबाइल के लिए लेआउट और वेबसाइट एक अलग सामग्री का विषय है, लेकिन फिर भी, मोबाइल के लिए सुविधाजनक बनाने के लिए कम से कम आपके बारे में बुनियादी जानकारी - संपर्क, फोन, कार्य समय देखने की कोशिश करें।