पिछले वीडियो से, हमें पता है कि इस साइट के डिज़ाइन में शुरू करने पर विचार करने के लिए हमारे पास पाँच प्रमुख बिंदु हैं। जैसे-जैसे हम आगे बढ़ेंगे, हम उन्हें अपने दिमाग में सबसे ऊपर रखेंगे।
हम निश्चित रूप से "मोबाइल पहले" शुरू कर रहे हैं, और हम फ़ोटोशॉप में डिज़ाइन का पता लगाना शुरू कर रहे हैं। हम वहां नहीं टिकेंगे, लेकिन फ़ोटोशॉप में रचनात्मक उपकरण एक डिजाइन परियोजना की शुरुआत में रचनात्मक सोच के लिए महान हैं।
हम मैक पर XCode के साथ मुक्त होने वाले iOS सिम्युलेटर को खोलते हैं। यह डेस्कटॉप / लैपटॉप कंप्यूटर पर वेब और देशी ऐप्स के परीक्षण के लिए है। हम बस इसे जल्दी चाहते हैं ताकि हम फ़ोटोशॉप में एक प्रासंगिक कैनवास देने के लिए इसका स्क्रीनशॉट ले सकें।
रिकॉर्ड के लिए, हम पहले "iPhone" शुरू नहीं कर रहे हैं, यह सिर्फ एक छोटी स्क्रीन है जो हमारे लिए डिज़ाइन करने के लिए सुविधाजनक है। हम कुछ भी डिज़ाइन नहीं करेंगे जो iPhone के आकार या क्षमताओं के लिए विशिष्ट है।
अपने आप को काम करने के लिए एक लंबा कैनवास देने के लिए ("गुना" से ऊपर साइट को सीमित करने की आवश्यकता नहीं है), हम फोन के निचले हिस्से को काटते हैं और इसे नीचे खींचते हैं। फिर हम iPhone के किनारों का एक पतला टुकड़ा लेते हैं और उन्हें नीचे खींचते हैं, इसलिए अनिवार्य रूप से हमारे पास यह सुपर लंबा (लेकिन पूर्ण) iPhone है।
हम एक गाइड को उस जगह छोड़ देते हैं जहां मूल स्क्रीन हमें याद दिलाने के लिए समाप्त हो गई थी कि यह कितना बड़ा था। हां, हर कोई स्क्रॉल करता है। खासकर मोबाइल पर। लेकिन यह जानना अभी भी अच्छा है कि पहली स्क्रीन कैसी दिखती है।
फ़ाइलें
- # 004 - फ़ोन कैनवस .psd.zip
- # 004 - रॉ फोटोज.जिप