1एक वाक्य में
Claude Design एक ऐसी जगह है जहाँ आप किसी दिखने वाली चीज़ (एक वेब पेज, एक पोस्टर, एक स्लाइड, एक ऐप स्क्रीन) के बारे में बताते हैं और Claude उसे एक कैनवस पर बना देता है, फिर आप दोनों मिलकर उसे ठीक करते हैं।
2नए शब्द
- डिज़ाइन (Design) — यहाँ इसका मतलब है एक विज़ुअल लेआउट: तस्वीर कहाँ जाएगी, हेडलाइन क्या कहेगी, कौन-से बटन होंगे, कौन-से रंग। न कोड, न डॉक्यूमेंट।
- कैनवस (Canvas) — दाईं तरफ़ की बड़ी जगह जहाँ डिज़ाइन दिखता है। आप ज़ूम कर सकते हैं, हिस्से चुन सकते हैं, और उन पर कमेंट कर सकते हैं।
- आर्टबोर्ड (Artboard) — कैनवस पर एक फ़्रेम, जैसे "लैंडिंग पेज — डेस्कटॉप"। एक डिज़ाइन में कई आर्टबोर्ड हो सकते हैं (डेस्कटॉप, फ़ोन, पोस्टर)।
- मॉकअप (Mockup) — किसी चीज़ की असल में बनने से पहले की तस्वीर, कि वह कैसी दिखेगी।
3यह आपके काम का क्यों है
ज़्यादातर लोग जो सोचते हैं, उसे बनाकर नहीं दिखा पाते, और किसी डिज़ाइनर को समझाने में कई दिन लग जाते हैं। Claude Design में आप दो वाक्य टाइप करते हैं और एक मिनट में असली जैसा दिखने वाला पेज देख लेते हैं, फिर "थोड़ा गर्म रंग", "बड़ी फ़ोटो", "टाइमिंग ऊपर करो" कहते रहते हैं जब तक वह सही न हो जाए। किसी छोटे बिज़नेस के लिए इसका मतलब है एक लैंडिंग पेज, एक मेन्यू, एक पोस्टर और एक सोशल पोस्ट, सब एक ही दोपहर में।
4अभी आज़माएँ
(पेड प्लान)
- बाईं साइडबार में Design (डिज़ाइन) पर क्लिक करें। "Make something new" (कुछ नया बनाएँ) के नीचे Design पर क्लिक करें।
- बाईं तरफ़ के मैसेज बॉक्स में टाइप करें: मोहल्ले की एक छोटी बेकरी सैम की बेकरी के लिए एक आसान लैंडिंग पेज: गर्म रंग, सबसे ऊपर फ़ोटो के लिए एक बड़ी जगह, स्वागत की एक छोटी लाइन, तीन बटन (ऑर्डर, मेन्यू, हमसे मिलें), और खुलने के समय वाला एक सेक्शन। डेस्कटॉप चौड़ाई।
- करीब एक मिनट इंतज़ार करें। फिर एक बदलाव टाइप करें: हेडलाइन छोटी कर दीजिए और बटन ज़्यादा गोल।
5आपको क्या दिखेगा
Design का होम पेज, शुरू करने के चार तरीकों के साथ: Slides, Design, Design in codebase, Design System:
एक नया डिज़ाइन खुलता है, जिसमें बाईं तरफ़ मैसेज बॉक्स और दाईं तरफ़ खाली कैनवस होता है:
करीब एक मिनट बाद पेज कैनवस पर आ जाता है, और Claude बताता है कि उसने क्या किया और क्या माना (सैंपल टाइमिंग, नकली पता), ताकि आपको पता रहे कि क्या बदलना है:
खुद आर्टबोर्ड, पास से:
6ध्यान दें
- यह एक रिसर्च प्रीव्यू है। बटन जगह बदलते हैं और फ़ीचर बदलते रहते हैं; अगर इस चैप्टर की तस्वीरें आपकी स्क्रीन से अलग दिखें, तो भी आइडिया वही है।
- नकली चीज़ें नकली ही हैं। लेआउट ठीक दिखे, इसके लिए Claude सैंपल टाइमिंग और पते बना देता है; डिज़ाइन इस्तेमाल करने से पहले उन्हें बदल दें।
7और आगे
दूसरा आर्टबोर्ड माँगें: अब इसी पेज का फ़ोन वाला वर्ज़न बनाइए। चैप्टर 3.2 हर डिज़ाइन में अपने-आप आपके अपने रंग और फ़ॉन्ट इस्तेमाल करवाता है।