डिज़ाइन के बारे में, या प्रिंटर का वेब पर कुछ क्यों नहीं है

* मेरे LJ से थोड़ा सही लेख, मुझे लगता है कि यह यहाँ अधिक उपयुक्त है *



कुछ डिजाइनर हैं। यहां तक ​​कि कम अच्छे डिजाइनर भी हैं जो सरल चाल के पीछे काम की खामियों को नहीं छिपाते हैं। खैर, लगभग कोई अच्छा डिजाइनर नहीं हैं जो वेब के साथ काम करने की बारीकियों को समझते हैं। मेरे पास नई नौकरी पाने का समय नहीं था - मैं पहले से ही स्थानीय डिजाइनर को शाप देना चाहता था।



अब मैं समझाऊंगा कि क्यों। इसके अलावा, यह व्यवसाय बहुत अधिक पेशेवर नहीं है, लगभग कोई भी जो वेब पर अपना पग बनाना चाहता है, वह इसका सामना कर सकता है। यदि आप एक आसान रास्ते पर जाने का निर्णय नहीं लेते हैं, जैसे कि खुले स्रोतों से किसी साइट के लिए टेम्पलेट को बांधना या इससे भी बदतर, उस सेवा का उपयोग करना जो खराब स्वाद narod.ru की उत्कृष्ट कृति बन गई है।



सामान्य तौर पर, अच्छी तरह से, शुरुआत के लिए, उन्होंने मुझे लेआउट के लिए एक छोटा सा काम दिया। एक साइटर के लिए बुलेटिन बोर्ड। वे मुझे भेजते हैं ... 4 के जेपीईजी 3 हजार पिक्सल। काफी जटिल ग्राफिक्स के साथ एक ही समय में। क्या ...? हां, मुझे PSD में एक सामान्य स्रोत दें! उह हुह। बॉस डिजाइनर से बहस कर रहे हैं, और कुछ मिनटों के बाद PSD फ़ाइल मेरे काम करने वाले फ़ोल्डर में है। एक नाम, एक PSD नहीं shnik। इसके अलावा 4 से 3 हजार पिक्सेल, और, स्वाभाविक रूप से, एक परत में। सामान्य परतें कहां हैं ताकि मैं समान ग्राफिक पृष्ठभूमि को सामान्य रूप से काट सकूं? उसने ऐसा कैसे किया? यह पता चला कि डिजाइनर एक वेबर नहीं है, वह एक पॉलीग्राफिस्ट है (और इतना गर्म नहीं है, लेकिन बाद में और अधिक)। और मैंने सब कुछ चित्रित किया ... एडोब इलस्ट्रेटर, जिसमें से मैंने बिना सोचे (स्क्रीन रिज़ॉल्यूशन के बारे में भी विचार किए बिना) अन्य सभी स्वरूपों को निर्यात किया! नहीं, मैं सब कुछ समझता हूं, छपाई के लिए, ऐसा ग्राफिक बहुत ही एक है, क्योंकि इसे आप जैसे चाहें और किसी भी चीज पर मुद्रित कर सकते हैं, यह अंकों की निश्चित स्थिति पर नहीं, बल्कि खींची गई ज्यामितीय आकृतियों, उनके अनुपात और स्थिति पर निर्भर करता है। लेकिन! इस तरह की वेबसाइट स्क्रीन से जुड़ी है, बहुत बिंदुओं तक। और इसीलिए, अभी मैं एक नियम कहता हूँ। यदि आप वेक्टर फ्लैश पर साइट नहीं बनाते हैं (और इसमें कुछ भी अच्छा नहीं है IMHO), तो:

डिजाइन (सबसे बुरी तरह से - इसे लेआउट को दें) साइटें केवल रास्टर ग्राफिक्स के संपादकों में!

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



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

साइट एक स्थिर तस्वीर नहीं है! चीजों का एक गुच्छा खराब करने से पहले, इस बारे में सोचें कि यह सब विभिन्न सामग्रियों के साथ कैसे दिखेगा।

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



तो, यहाँ ग्राफिक हेडर क्यों है। सामान्य तौर पर, मैं ईमानदारी से कहूंगा कि मैं स्पष्ट सूचना सामग्री, तेज़ लोडिंग का समर्थक हूं, और आम तौर पर एक व्यक्ति जो लंबे समय से gprs पर चित्रों को बंद करके बैठा रहता है ... I LOVE ग्राफिक मेनू, हेडर और इतने पर नहीं। और पागलपन के शीर्ष पर मैं साइट मानचित्र या किसी अन्य विकल्प की अनुपस्थिति में फ्लैश पर मेनू पर विचार करता हूं। चित्रों को अक्षम करने का प्रयास करें और आप समझेंगे कि क्यों। एक पाठ लिंक बहुत बेहतर है, और इसके तहत एक प्रिय ग्राफिक पृष्ठभूमि है। खैर, नहीं, यहाँ डिजाइनर ढेर हो गया, पूरी तरह से ऐसी चीज की संभावना को काट दिया। तथ्य यह है कि पेज शीर्षक, मेनू और सबहेडिंग (चित्र और हस्ताक्षर सहित) के लिए एक ही फ़ॉन्ट का उपयोग किया जाता है। किसी भी ओएस के मानक वितरण में पूरी तरह से अनुपस्थित। और इसलिए, यदि आप इस फ़ॉन्ट के साथ पाठ के प्रदर्शन को पंजीकृत करते हैं, तो अधिकांश उपयोगकर्ता इसके बजाय यह स्पष्ट नहीं देखेंगे कि क्या है। हां, यह प्रेस के प्रति गहरी उदासीनता है, लेकिन आपको अभी भी वेब पर उपयोगकर्ताओं की देखभाल करने की आवश्यकता है। इस मामले में, मुझे ग्राफिक्स के साथ सब कुछ करना पड़ा, आर्टलेस तस्वीरों के लिए एक वैकल्पिक पाठ लिखना। लेकिन फिर भी यह अश्लील साहित्य, IMHO है। तो - एक और बात है कि मैं खुद को नाक पर हैक करने की सलाह देता हूं:

ग्राफिक्स का अति प्रयोग न करें।

मानक फोंट भी सुंदर हैं, और खोज इंजन संभवतः तस्वीर के लिए पाठ शीर्षक को नोटिस करेगा।



और अधिक। फिर से, यदि आप public.ru पर स्थैतिक पेज नहीं बनाते हैं, जो कि कल से एक दिन पहले का है, तो आखिरकार यह पता लगाने का समय है कि वेब पेज के अधिकांश तत्व स्वचालित रूप से उत्पन्न होते हैं, और इसलिए कई तत्व एक ही पैटर्न के अनुसार बनाए जाते हैं और एक मानक डिज़ाइन होता है। मैंने कहा STANDARD! और फिर ग्राफिक हेडर वाले उन ब्लॉकों पर, जो सिद्धांत रूप में, एक नमूने पर एक ही स्क्रिप्ट में प्रदर्शित किए जाने चाहिए, फ़्रेम भी थे। एक ब्लॉक में, इस फ़्रेम का मार्जिन 20 पिक्सेल है, अन्य 15 में, तीसरे में यह आमतौर पर स्पष्ट नहीं है कि यह कहाँ गया था। और चूंकि यह व्यवस्थित रूप से सुर्खियों में खुदा हुआ था और किसी तरह मैं फेरबदल के साथ गड़बड़ नहीं करना चाहता था, इसलिए रूपरेखा भी पूरी तरह से हटा दी गई थी। हां, पाठ के विभिन्न आकारों के कारण शीर्षक भी कुछ असमान हैं। और क्या मुझे आउटपुट स्क्रिप्ट को बताने की ज़रूरत है कि यह इस सेल में है कि सामग्री को बदला जाए? इस कथा का नैतिक यह है:

उसी शैली का पालन करें। ऑटोमेशन पर दया करो।

और अंत में, "संरेखण" टूल का उपयोग करना सीखें, जो किसी भी गंभीर ग्राफिक संपादक में मौजूद है।



ऐसी तैसी। कृपया उपरोक्त त्रुटियों को न दोहराएं। अन्यथा, यह केवल उस दृश्य को मजबूत करेगा

पॉलीग्राफिस्ट के पास वेब डिज़ाइन में कुछ भी नहीं है!