वेबसाइट पीएसडी लेआउट आवश्यकताओं को एकत्र किया

हाय सामने अंत डेवलपर्स!

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

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

मैंने अपने मस्तिष्क और कंपनी में स्थिति में थोड़ा वजन प्राप्त किया, कुछ समय पर मुझे एहसास हुआ कि मैं उस तरह से नहीं जा सकता और psd लेआउट में अपनी आवश्यकताओं को इकट्ठा करना शुरू कर दिया।

कुछ समय बाद, मैं इन मानकों और आवश्यकताओं की शुरूआत से सभी लाभ का मूल्यांकन करने में सक्षम था:

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

- "सही" लेआउट प्राप्त करने वाला लेआउट डिज़ाइनर लीड समय का अधिक सटीक रूप से आकलन कर सकता है, क्योंकि वह ठीक से समझता है कि उसे कहीं और नहीं जाना होगा और कुछ नया करने के लिए कहना होगा, आप यहां लीड समय में कमी भी जोड़ सकते हैं। चूंकि नियमों के अनुपालन के मामले में, csshat.com + lesshat.com जैसी चीजों का उपयोग करना संभव हो जाता है

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

नीचे आवश्यकताओं की एक सूची है:

1) लेआउट में ग्रिड के साथ अनुपालन, यदि आप जानते हैं कि यह क्या है और इसे "कैसे" पकाना है।
क्यों? o_O:
- विशुद्ध रूप से सौंदर्य आनंद
- पेज फ्रेम और स्थिति तत्वों को जल्दी से इकट्ठा करने की क्षमता
प्रस्तुत लेआउट के अनुसार पृष्ठ, ताकि आपके द्वारा आकर्षित किए गए लेआउट के संबंध में लेआउट अधिक ईमानदार हो।

2) यदि एक ढाल परत पर लागू होता है, तो सामान्य सम्मिश्रण मोड (मिश्रण मोड: सामान्य) और उसके वास्तविक रंगों का उपयोग करें।
कोई पारभासी ग्रेडिएंट और जटिल सम्मिश्रण मोड नहीं होना चाहिए जैसे '' गुणा, स्क्रीन, ओवरले, आदि। ''
खराब: joxi.ru/Md6l32D
अच्छा joxi.ru/M2w9Nwe और दूसरा उदाहरण joxi.ru/11ndBHq

3) विभिन्न प्रकार के प्रभाव बनाने के लिए "परत पर परत" का उपयोग करना अवांछनीय है, जैसे कि एक ढाल, परत एक होना चाहिए।
उदाहरण: joxi.ru/AGx4CQy

4) नो ग्रेडिएंट बॉर्डर (बॉर्डर, स्ट्रोक)।

5) जटिल सम्मिश्रण मोड का उपयोग किसी भी परत गुणों (जैसे आंतरिक छाया, ड्रॉप छाया, आदि) पर लागू होता है।

6) MANDATORY फोंट संलग्न करें जिनका उपयोग लेआउट में TTF, OTF प्रारूप में किया गया था

7) यदि संभव हो तो, लेआउट में 2 से अधिक गैर-मानक फोंट का उपयोग न करें, उनकी संख्या ब्राउज़र में पृष्ठ के प्रतिपादन को दृढ़ता से प्रभावित करती है, जो साइट पर उपयोगकर्ता के रवैये को नकारात्मक रूप से प्रभावित करती है।

8) आपके पास एक अलग लेआउट होना चाहिए, जो एक वेब पेज के मानक टाइपोग्राफी तत्वों (शीर्षकों, पैराग्राफ, तालिकाओं, सूचियों, उद्धरण ब्लॉकों) के डिजाइन को प्रस्तुत करता है joxi.ru/MKnCZQM

9) यदि आपने एक विशिष्ट बटन, लिंक, एक तत्व को आकर्षित किया है, जिसमें "मार्गदर्शन" की एक स्थिति है, तो क्लिक करें - हमें यह नहीं सोचना चाहिए कि यह कैसे काम करना चाहिए। यदि कोई लिंक है, तो उसका रंग होवर पर दिखाएं; यदि कोई बटन है, तो होवर या प्रेस पर उसकी उपस्थिति दिखाएं, साथ ही साथ इसकी "निष्क्रिय" स्थिति। यह ऐसे किसी भी तत्व पर लागू होता है, गैलरी में तीर आदि। आदि joxi.ru/ZSmaLye

10) प्रत्येक ब्लॉक को अपने स्वयं के फ़ोल्डर में होना चाहिए और इसका सही मानव नाम होना चाहिए ताकि पूरे लेआउट में ब्लॉक के कुछ हिस्सों को इकट्ठा न किया जा सके। joxi.ru/Agsfo3L

11) यदि छिपी हुई परतें या फ़ोल्डर हैं जो साइट के कुछ हिस्सों को दिखाते हैं (मोडल विंडो, ड्रॉप-डाउन पैनल, आदि) - यह फ़ोल्डर / परत को उजागर करने के लिए आवश्यक है - रंग में ताकि इसे याद न करने के लिए, इसमें एक नाम भी होना चाहिए जो करीब है इसकी कार्यक्षमता के अर्थ में। joxi.ru/G1h9LbN

निष्कर्ष: इन सिफारिशों के अनुपालन से परियोजना के निर्माण के चरण को समझने में मदद मिलेगी - लेआउट, बनाए गए लेआउट के लिए यथासंभव सटीक और बचने में मदद:
- लेआउट और लेआउट का बेमेल;
- लेआउट की मंजूरी के साथ समस्याएं;
- सामान्य रूप से क्रॉस-ब्राउज़र संगतता और लेआउट काम की समस्याएं।

आपका धन्यवाद