أفضل 10 أدوات مجانية لمصممي التطبيقات

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

01. أعجوبة (iOS ، Android)

يحول تطبيق Marvel الرسومات البسيطة على الورق إلى نماذج أولية تفاعلية قابلة للنقر تتيح لك عرض أفكار تطبيقك ومشاركتها مع الآخرين.



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

02. إنفجن (iOS ، Android)

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

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

03. ورق رسم iOS

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

يتضمن خطوط الشبكة لجميع عناصر واجهة المستخدم الافتراضية ، بالإضافة إلى علامات القياس لكل جهاز. وهي متوفرة مثل iPad Air و iPhone 5S.

04. ورق رسم Android

نحن لا ننسى مصممي Android ؛ إليك بعض أوراق رسم تصميم Android مثل الخيار أعلاه لمصممي Android في الجمهور.

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

05. PopApp (iOS ، Android)

إذا كنت قد أحببت Marvelapp ولكنك تريد نموذجًا أوليًا يعمل على جهاز Android الخاص بك ، فابحث عن PopApp.

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

06. تطبيقات جديرة بالثناء (iOS)

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

موقع الويب هذا ليس بتنسيق مقال ، مما يعني أنه يعرض بشكل أساسي جمال النموذج بدلاً من تعثره بالكثير من النصوص والعناصر الأخرى.

07. روعة الجوال (iOS ، Android)

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

لدى Mobile Awesomeness نظام تصنيف لجميع التصاميم المنشورة على موقع الويب الخاص بهم. تحقق من كيفية تقييمهم للتصميمات - يمكنك تطبيق نفس نظام التصنيف هذا على تصميماتك الخاصة لترى كيف تقاس.

08. أنماط Android (ذكري المظهر)

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

كيفية تحفيز الرسم

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

09. Tuts + (iOS ، Android)

Tuts + هي مكتبة ضخمة من البرامج التعليمية من كل شيء على CSS إلى Crocheting. لحسن الحظ ، لديهم قسم كامل مخصص لتصميم الأجهزة المحمولة أيضًا. توجه إلى هناك للوصول إلى دروس التصميم المرئية الهائلة.

برامج Tuts + التعليمية طويلة وشاملة ، لذلك يتم إطلاعك على كل نقرة زر قد تحتاج إلى إنجاز شيء ما. بالإضافة إلى ذلك ، يحتوي موقع tuts + على مكتبة ضخمة من الكتب الإلكترونية والموارد الأخرى أيضًا ، لذلك إذا كنت تريد مزيدًا من المعلومات حول موضوع ما ، فأنت تعرف مكان البحث.

10. أدوبي كولر (iOS ، Android)

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

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

كلمات: ميغان هولشتاين

@ ميجان هولشتاين هو رائد أعمال ورجل تطبيقات ومؤلف الكتاب القادم فكرة للتطبيق .