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

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


كل ما تحتاج إلى معرفته لتبدأ في تصميم تطبيقات الأجهزة المحمولة.

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

 
 

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

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




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

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

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




ما هي المنصة التي يجب أن أصمم لها؟

هاتفان نقال

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

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



ما هي الأدوات التي يجب أن أستخدمها عند تصميم تطبيقات الهواتف؟ 

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

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

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


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

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

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



إرشادات تصميم التطبيقات ونظام التشغيل

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

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

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

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

إرشادات واجهة المستخدم لنظام iOS

إرشادات تصميم Android
Advertisement

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

استخدم أداة مخصصة للإطار السلكي أو التزم بالقلم والورق .



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


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




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





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

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


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

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



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



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


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



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



تعليقات
ليست هناك تعليقات
إرسال تعليق



    وضع القراءة :
    حجم الخط
    +
    16
    -
    تباعد السطور
    +
    2
    -