تصميم تطبيقات الجوال: دليل المبتدئين

تصميم تطبيقات الجوال [صورة: Pixabay]
[صورة: Pixabay]

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

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

ما هو تصميم تطبيقات الجوال؟

لوضعها بعبارات عامة جدًا ، يتحمل مصممو التطبيقات مسؤولية جعل التطبيق يبدو جيدًا ، بينما يجعله المطورون يعمل بشكل صحيح. يشمل تصميم تطبيقات الأجهزة المحمولة كلاً من واجهة المستخدم (UI) وتجربة المستخدم (UX). يتحمل المصممون مسؤولية النمط العام للتطبيق ، بما في ذلك أشياء مثل نظام الألوان واختيار الخط وأنواع الأزرار والأدوات التي سيستخدمها المستخدم. إذن، أين تبدأ؟ في البداية.



كيفية وضع صورة على صورة أخرى في الفوتوشوب

ما النظام الأساسي الذي يجب أن أصمم له؟

هاتفان محمولان

Android أم iOS؟ [صورة: Pixabay]

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

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

ما هي الأدوات التي يجب أن أستخدمها؟

شعارات Photoshop و Adobe XD و Sketch

يعد كل من Photoshop و Adobe XD و Sketch منافسين أقوياء

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

تشمل الخيارات الشائعة لتصميم التطبيق Adobe Photoshop و Adobe XD و Sketch. هناك الكثير والكثير ، ولكن هؤلاء هم الضاربون الأثقل في الصناعة. اشترك في Adobe Creative Cloud هنا .

قد تعتقد أن Photoshop هو أفضل خيار لك لتصميم تطبيقات الأجهزة المحمولة - خاصةً إذا كنت قد استخدمته لأنواع أخرى من أعمال التصميم - ولكن عندما يتعلق الأمر بتصميم تطبيقات الأجهزة المحمولة ، فمن الأفضل استخدام Adobe XD أو Sketch. ومع ذلك ، يعتبر Sketch المعيار الفعلي هنا ، على الرغم من أن Adobe XD يضع بعض المنافسة القوية ، بعد أنظمة التصميم المضافة حديثًا .

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

ملاحظة مهمة هنا: إذا كنت تخطط لتطوير أو دعم عبر الأنظمة الأساسية ، فإن Adobe XD هو الفائز الواضح هنا لأن Sketch متاح فقط على macOS.

إرشادات تصميم نظام التشغيل

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

  • تصميم يحركه الهدف
  • اجعله بسيطًا (الأقل هو الأكثر)
  • حافظ على التدفق
  • المقروئية هي المفتاح
  • احترم المنصة

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

لا تحتاج فقط إلى مراعاة أنماط التنقل المختلفة الموجودة في نظامي iOS و Android ، ولكنك تحتاج أيضًا إلى التفكير في الأزرار واختيار الخط ووضع كائنات واجهة المستخدم - وكلها تختلف باختلاف كل نظام أساسي.

الخبر السار هو أنك لست بحاجة إلى تخمين ما هو مقبول. لدى كل من Apple و Android مجموعة من إرشادات التصميم التي يمكنك مراجعتها قبل البدء (وأثناء التصميم النشط):

الإطارات السلكية وتدفق التطبيق

إطار سلكي مرسوم بالقلم

استخدم أداة مخصصة للإطار السلكي أو التزم بالقلم والورق [الصورة: Pixabay]

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

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

ملاحظة: مع Adobe XD ، يمكنك حتى الحصول على بعض المجموعات المجانية لمساعدتك على البدء.

أفضل أجهزة الكمبيوتر المحمولة للفنانين بميزانية محدودة

نماذج بالأحجام الطبيعية والنماذج الأولية

تصور تصميم تطبيقات الجوال

حان الوقت لتحويل الإطارات الشبكية إلى منتجات عاملة [الصورة: Pixabay]

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

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

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

اكتشف المزيد حول هذه الخطوة في مقالتنا: 4 طرق مختلفة لإنشاء نماذج بالأحجام الطبيعية لمواقع الويب والتطبيقات .

التسليم للتنمية

شخص ما يسلم رسمًا سلكيًا لشخص آخر

هذه الخطوة لن تبدو هكذا في الواقع [صورة: Pixabay]

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

بمجرد أن يحصل المطور على كل ما يحتاجه ، فإن وظيفته هي أخذ هذا التصميم - وأجزائه المختلفة - وجعله يعمل. ومع ذلك ، في بعض الأحيان ، لا يفهم المصمم القيود التي يواجهها المطور. وعندما يحدث ذلك ، تنفجر الجحيم.

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

اقرأ أكثر: