جدول المحتويات:

تطوير تطبيقات الجوال باستخدام Adobe XD: 5 خطوات
تطوير تطبيقات الجوال باستخدام Adobe XD: 5 خطوات

فيديو: تطوير تطبيقات الجوال باستخدام Adobe XD: 5 خطوات

فيديو: تطوير تطبيقات الجوال باستخدام Adobe XD: 5 خطوات
فيديو: شرح واجهة و ادوات adobe xd لتصميم المواقع و تطبيقات الموبايل 2024, يوليو
Anonim
تطوير تطبيقات الهاتف باستخدام Adobe XD
تطوير تطبيقات الهاتف باستخدام Adobe XD
تطوير تطبيقات الهاتف باستخدام Adobe XD
تطوير تطبيقات الهاتف باستخدام Adobe XD

هودي y'all! أنا إليزابيث كاسيريك ، طالبة تخرجت في المدرسة الثانوية ، وقد أنشأت هذه التعليمات لأنني لاحظت وجود فجوة في هذه المنصة المستخدمة على نطاق واسع والتي يمكنني سدها. كنت سأحب هذا النوع من الدليل عندما بدأت مشروعي البحثي لمدة عام حول تطوير برمجيات UI / UX / EX ، لكن للأسف كان علي أن أكتشف الطريقة الصعبة في كيفية تصميم تطبيق. هذا الدليل موجه لكل من المهووسين بعلوم الكمبيوتر والهواة على حد سواء. لذلك إذا كنت تعتقد أن لديك فكرة رائعة ولكن ليس لديك أدنى فكرة عن كيفية تنفيذها ، فقم بإلقاء نظرة على هذا.

الخطوة 1: خطة المشروع

خطة المشروع
خطة المشروع

قد يبدو هذا غير ضروري في البداية ولكن كتابة خطة مشروع ستساعدك بالتأكيد على المدى الطويل من خلال تحديد:

  • ما تريد أن يفعله تطبيقك على وجه التحديد (هذا ما جعلني في "نطاق الممارسة")
  • من هو الجمهور المقصود
  • إذا كانت هناك تداعيات قانونية محتملة (لقد كان تطبيقًا طبيًا)
  • أي شيء آخر تعتقد أنك ستحتاج إلى تحديده لإبقائك في مهمة.

لم أتمكن حقًا من التأكيد على هذه الخطوة بما فيه الكفاية: يمكن تكييف خطة المشروع الأولية هذه بسهولة في العديد من المستندات التي تحتاجها في متناول اليد للتطوير المستقبلي.

(لاحظ أن هذا هو أساسًا وصف تطبيقك لمتجر التطبيقات! النتيجة!)

يمكن أن تكون هذه الخطة بطول نصف صفحة و 5 صفحات ، أو ربما أطول. ليس هناك صواب أو خطأ ، كل ما يساعدك على وضع رؤيتك على الورق.

الخطوة الثانية: البحث والقانون والتطوير

البحث والقانون والتنمية
البحث والقانون والتنمية

هناك شيء واحد لم أكن أتوقعه في بداية رحلة تصميم تجربة المستخدم الخاصة بي وهو الكم الهائل من البحث الذي سأقوم به. الآن لا تدع هذا يردعك على الإطلاق ، لأنه بالتأكيد أحبطني قليلاً في البداية بسبب عدم حذرني بشأن مقدار ما لم أكن أعرفه عن هذا المجال (وهو بالضبط ما كان من المفترض أن نبحث ، ومن هنا جاء مشروع البحث.)

هذه هي الخطوة التي تقرر فيها ما إذا كنت تريد كتابة الكود الخاص بك من البداية أو استخدام أحد مواقع تجميع تطبيقات الجوال. لقد بدأت شخصيًا بالتفكير في أنني سأستخدم مهاراتي المتقدمة في Java لتطوير هذا التطبيق لأنني تخيلت أنه سيكون أسهل من تعلم استخدام تطبيق بناء التطبيق. انتهى الأمر إلى أن يكون هذا طريقة غير فعالة وغير مريحة للغاية لبناء تطبيقي مما جعلني في النهاية أتحول إلى Adobe XD. أوصي بشدة بالنظر إلى هذا باعتباره طريقتك البناءة الرئيسية لتخطيط تطبيقك بشكل مرئي باستخدام نماذج أولية سهلة الاستخدام. على الرغم من أن هذه ليست بداية لإنهاء أداة إنشاء التطبيقات المثالية ، إلا أنها تعمل بشكل جيد لبناء عظام تطبيقك بحيث يمكنك بسهولة تسليم تصميمك الأولي إلى مطور محترف (ويفضل أن يكون الشخص الذي لديه حقوق التحميل إلى متجر iTunes ومتجر Google Play.) أؤكد هذا للفت انتباهك إلى أنه إذا كنت تستخدم XD ، في حين أنه مفيد جدًا للتخطيط ، فلن يكون التطبيق جاهزًا للتحميل إلى المتاجر.

بالإضافة إلى ذلك ، إذا قررت من خلال بحثك أنك لم تعد متحمسًا لفكرة تطبيقك ، فلن تفقد كل شيء. نظرًا لأن عملية البناء لم تبدأ بعد ، يمكنك فقط العودة إلى خطة مشروعك وتعديل خطتك الأصلية أو خدشها بالكامل.

إذا كانت هناك متطلبات قانونية محتملة لمنشئ المحتوى أو للمستخدم ، فهذا هو الوقت الذي تريد فيه معرفة جميع الأماكن التي ستحتاج فيها إلى المساعدة. من الأسهل بكثير الاستعداد لمعالجة هذه المشكلات الآن حتى تتمكن من التخطيط لها بدلاً من مفاجأتك. قد يتسبب هذا في حدوث أسابيع من التأخير ، مما يؤثر في النهاية على مخططك الزمني الأصلي.

الخطوة 3: طلب المطور (اختياري)

تطبيق المطور (اختياري)
تطبيق المطور (اختياري)

الآن إذا كنت تريد أن تصبح مطورًا رسميًا مع إمكانية الوصول إلى متجر iTunes ، فيجب عليك ملء التطبيق في أقرب وقت ممكن (هناك رسوم 99 دولارًا مرتبطة بإيداع هذا التطبيق). تستغرق عملية التقديم الخاصة بهم بعض الوقت حتى يتم قبولك. سيكون الأمر سريعًا للغاية إذا تقدمت بطلب للحصول على مطور Apple في هذه المرحلة وقمت بعملية الانتظار بينما لا تزال تبني تطبيقك.

developer.apple.com/programs/

الخطوة 4: تشفير البرامج

ترميز البرمجيات
ترميز البرمجيات
ترميز البرمجيات
ترميز البرمجيات

الآن بعد أن أكملت البحث وراء مشروعك ، حان الوقت الآن لبدء البرمجة في Adobe XD.

  1. اهم الاشياء اولا. أنت تريد اتباع كل خطوة من خطوات البرنامج التعليمي (أنا لست واحدًا من البرامج التعليمية الطويلة ولكن هذا أمر ضروري لنجاحك مع هذا التطبيق الذي أعدك به).
  2. تأكد من أنك تفهم كيفية إضافة نص ، وصفحات ، وصور ، وحذف الكائنات ، وإعادة ترتيب الشاشات ، وحتى كيفية توصيل صفحاتك.
  3. بمجرد الانتهاء من فهم الحبال ، يمكنك أخيرًا البدء في صياغة التطبيق الخاص بك وترميزه ، واختبار النموذج الأولي ، وتصحيح الأخطاء!

في هذه المرحلة ، يمكنك البدء في استخدام بعض الأبحاث التي وجدتها حول الأدوات المختلفة وكيفية صنع أشياء معينة باستخدام Adobe Creator لتحسين تطبيقك. ومع ذلك ، أوصي بالتأكيد بالذهاب إلى شريط البحث للبحث عن عناصر محددة فريدة لمشروعك.

الخطوة 5: التمديد / التطوير النهائي

الإمتداد النهائي / التطوير
الإمتداد النهائي / التطوير

تهانينا ، لقد وصلت إلى هذه النقطة مما يعني أنه ليس لديك أي أخطاء في التعليمات البرمجية الخاصة بك! من هنا ، يجب أن تبدأ في الاختبار التجريبي بهدف ليس فقط العثور على أخطاء دخيلة ، ولكن أيضًا للحصول على رأي غير متحيز حول منتجك. بمجرد أن تكون راضيًا عن شفرتك ، يمكنك البدء في الدفع نحو التطوير باستخدام موارد خارجية.

موصى به: