फ़ोटोशॉप का उपयोग करके एक वेब डिज़ाइनर को क्या सामग्री किसी डेवलपर को भेजनी चाहिए?

Question

मैं मुख्य रूप से वेब और डेस्कटॉप अनुप्रयोगों को लागू कर रहा हूं और यह पहली बार है कि मैंने वास्तव में एक ग्राफिक डिजाइनर के साथ एक वेब साइट पर काम करना शुरू किया है जो सार्वजनिक उपयोग के लिए है। इस मामले में ग्राफिक डिजाइनर HTML + CSS नहीं कर रहा है, लेकिन फ़ोटोशॉप का उपयोग कर रहा है।

डिजाइन को वास्तव में लागू करने के लिए अंतिम परिणाम के रूप में किस तरह की सामग्री प्रदान की जाती है?

उदाहरण के लिए, क्या मुझे सिर्फ PSD फाइलों से ज्यादा कुछ मिलना चाहिए? कैसे विभिन्न राज्यों (जैसे लिंक होवर, सक्रिय राज्य आदि) या उत्तरदायी डिजाइन के बारे में? क्या मुझे बहुत अधिक तकनीकी विवरणों की उम्मीद है?

किसी भी मदद की सराहना की।

Comments

क्या आप बहुत देर से नहीं पूछ रहे हैं? ये ऐसे सवाल हैं जिनका जवाब काम शुरू होने से पहले दिया जाना चाहिए था।

— स्कॉट

आप सही कह रहे हैं, मैंने इस सवाल पर थोड़ा धोखा दिया है क्योंकि मैंने यह धारणा दी है कि अनुबंध पहले से ही किया गया है। हमारी अभी प्रारंभिक चर्चा हुई है कि कार्यभार क्या है और हम दोनों ऐसा करने के लिए तैयार हैं। अब वह हिस्सा है जहां मुझे तकनीकी बिंदु से अपनी आवश्यकताओं को बताना चाहिए।

— Tx3

Answer 1

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

बटन राज्यों को हमेशा कवर किया जाना चाहिए। निर्भर करता है कि उन्हें कैसे बनाया जाएगा (विशुद्ध रूप से CSS या स्लाइस) आपको या तो सभी रंग, रेडी और आकार या स्लाइस प्रदान करने चाहिए।

उत्तरदायी डिजाइन थोड़ा अलग है। दृश्य डिजाइन करना केवल शुरुआत है। डेवलपर को यह जानना भी आवश्यक है कि साइट धीरे-धीरे "सिकुड़" जाने पर तत्वों का व्यवहार कैसा होना चाहिए। यदि कम विकल्प प्रदर्शित किए जाते हैं तो एक मेन्यू कैसे व्यवहार करेगा? पूर्ण वेब दृश्य में केवल एक सूची तत्व क्या है, मोबाइल दृश्य में स्क्रीन को नाटकीय रूप से बदल सकता है। सभी होवर तत्वों का क्या होता है (मोबाइल दृश्य में उनका उपयोग नहीं किया जा सकता है)?

Answer 2

@ KMSTR का उत्तर 80% समाधान है, लेकिन यदि आपका डिज़ाइनर एक वास्तविक समर्थक है, तो वह छोटे विवरणों के बारे में विशिष्ट होगा जैसे कि संक्रमण एनिमेशन कब होना चाहिए या DOM तत्वों को किस क्रम में लोड करना चाहिए।

यदि आपका डिज़ाइनर उस टॉप 20% में है, तो कुछ UX यूजरफ्लो और वायरफ्रेम के लिए पूछें, या यदि वे विशेष रूप से प्रतिभाशाली हैं, तो आफ्टर इफेक्ट्स या फ्लैश में बना एक प्रोटोटाइप। आदर्श रूप से वे किसी भी पहलू को अनिर्दिष्ट नहीं छोड़ते हैं।

Comments

"आफ्टर इफेक्ट्स या फ्लैश में बना एक प्रोटोटाइप =" या, अधिमानतः, HTML, सीएसएस और जेएस में बनाया गया एक प्रोटोटाइप।

— DA01

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

— केएमटीएस

@KMSTR रिकॉर्ड के लिए, मैंने आपको उखाड़ फेंका;)

— निप्पोनीज़

Answer 3

यह सब इस बात पर निर्भर करता है कि आपने ग्राफिक डिजाइनर के साथ क्या सहमति व्यक्त की।

कुछ ग्राफिक डिज़ाइनर फोटोशॉप के अलावा और कुछ नहीं जानते हैं, और अगर आप एक बड़ी PSD फ़ाइल के अलावा कुछ भी मांगते हैं तो वह खो जाएगी।

कुछ ग्राफिक डिज़ाइनर HTML, CSS और JS में पारंगत होते हैं और आपके लिए पूरी चीज़ का निर्माण कर सकते हैं।

और फिर बीच में सब कुछ है।

मैं आपको उत्तरार्द्ध की ओर झुकाव देने की सलाह दूंगा, क्योंकि एक वेब डिज़ाइनर जो समझता है कि माध्यम उन डिज़ाइनों का उत्पादन करने जा रहा है जो बहुत अधिक आगे की सोच, उत्तरदायी, ब्राउज़र अज्ञेयवादी और पूर्व की तुलना में लचीले हैं, लेकिन पूर्व भी लंबे समय तक काम कर सकता है UI डेवलपर UI डिज़ाइनर के साथ मिलकर काम कर रहा है।

Answer 4

आपको यह बताना चाहिए कि सामने क्या है।

मैं psd फाइलें, html / css पेज, या यहां तक ​​कि पूरी तरह से गतिशील jquery / php / mysql पेज देने में पूरी तरह से सक्षम हूं। जो दिया जाता है वह उस पर निर्भर करता है जो अनुरोध किया जाता है।

अगर डेवलपर केवल एक psd चाहता है, तो वह सब मैं वितरित कर रहा हूं और पृष्ठों को बनाना उनका काम है। यदि वे नहीं चाहते हैं तो मैं कभी भी पृष्ठों के निर्माण की परेशानी में नहीं जाऊंगा।

मेरे पास कुछ ग्राहक हैं जो पूरी तरह कार्यात्मक पृष्ठों के लिए मुझ पर भरोसा करते हैं जिन्हें मौजूदा वेब साइटों में छोड़ा जा सकता है।

मेरे पास कुछ क्लाइंट हैं, जिनके पास एक डेवलपर है जो उनके पास भेजे गए किसी भी कोड का उपयोग करने से इनकार करता है और खुद को सब कुछ कोड करने के लिए जोर देता है, इसलिए मैं Psy फ़ाइलों को वितरित करता हूं।

आपके प्रश्न का कोई ठोस उत्तर नहीं है। यह काम शुरू होने से पहले सहमत होने की बात है।

Answer 5

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

कुछ कारण है कि यह बेहतर क्यों है:

1) डिजाइनर क्या चाहता है, इस बारे में कोई सवाल नहीं है - कोई इंटरप्रिटिंग नंबर या नोट्स नहीं हैं, आप ठीक से देखते हैं कि इससे पहले कि आप इसे स्पर्श करें, खत्म उत्पाद कैसा दिखना चाहिए। सभी CSS मान हैं, प्रत्येक जावास्क्रिप्ट फ़ंक्शन या एनीमेशन।

2) किसी भी समय आपको उस पेज पर काम करने के लिए खर्च करने की आवश्यकता होती है। हां, आपको अभी भी इसे नए सिरे से तैयार करना होगा और हो सकता है कि बैक-एंड पर काम के पहाड़ हों, लेकिन यह आपको मोर्चे पर काफी समय बचाता है।

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

Comments

मैं डिजाइनर के लिए भुगतान कर रहा हूं, इसलिए मैं चाहता हूं कि वह उन चीजों पर ध्यान केंद्रित करे जो मैं नहीं कर सकता जो कि डिजाइन का हिस्सा है। मैं कार्यान्वयन को संभाल सकता हूं यदि सभी आवश्यक जानकारी प्रदान की जाती है। मैं बस पहले से जानना चाहता हूं कि डिजाइनर से सामान्य रूप से क्या आवश्यक है और जब यह बहुत तकनीकी हो जाता है। ऐसा लगता है कि यह वास्तव में डिजाइनर के कौशल सेट के बारे में है + ग्राहक क्या पूछता है।

— Tx3

यदि यह एक तरह का सौदा है तो सुनिश्चित करें कि आपको स्रोत PSD मिलेगा।

— हन्ना