كيفية تصميم واجهة جميلة لتطبيق الاندرويد
اذا كنت احد الديفيلوبر الجدد في مجال الاندرويد او انتهيت من تعلم المهارات الاساسية في هذا المجال وبنيت تطبيق او اكثر ثم بعد ذلك تذهب الي متجر جوجل لتتصفح التطبيقات العالمية ومن ثم تجد نفسك عاجز امام ما تراه من جمال واجهة هذا التطبيقات ثم تشعر بالياس وتقول انك ليس لديك خبرة في هذا الوقت وتبدأ بالتسائل كيف ينشاون هذه الواجهة بالكود فقط
ببساطة الكود وحده لا يكفي
في اوقات كتير اي انسان يذهب الي التطبيق في المتجر قبل ما يبدأ في عملية التحميل يتصفح واجهة التطبيق ويشوف هينزله ولاه لا, مش بيهتم قوي بالعمليات اللي التطبيق بيعملها
في الغالب لو انت شغال في شركة هيكون هناك مصمم بيوفر الشكل النهائي للتطبيق بيكون تحت اسم Graphic desiner او UI/UX designer
طيب لو جاتلك فكرة معينة وعايز تنفزها ومش عندك مصمم ولا تموييل لا توظف احد المصممين
يبقي محتاج تتعلم اساسيات التصميم عشان تعمل حاجة جميلة للمستخدم التطبيق
أساسيات التصميم
اي تصميم عبارة عن مجموعة الوان واشكال
العنصر الاهم هو التناسق بين هذه الاشكال والالوان +الالهام (هنقول نجيب الالهام ازي)
هاحتاج شوية Tools عشان احقق الموضوع ده
أدوات التصميم
هتحتاج احد هذه البرامج
Sketch -> for Mac users
XD design ->for windows users
photoshop-> for windows and Mac users
inkscape -> for linux,windows, Mac users
ثانيا
ستتعلم كيفية التعامل مع احد هذا البرامج لتقوم بتصميم واجهة لتطبيقك
اذا اردت استخدام inkscape يمكنك تتبع هذا الدروس باللغة العربية علي هذه القناة
تقوم بتصميم واجهة بسيطة علي احد هذه البرامج ولو مثل هذه الواجهة التي صممها صديقنا هاني
التناسق بين الالوان
اذا كنت لا تعرف شي عن التصميم وتناسق الالوان فلا تقلق فلحسن حظك انك لست وحيدا في ذلك سوف اريك بعض الادوات لحل هذه المشكلة ......ولكن اين تكمن المشكلة
من الاشياء التي تفرق بين تصميم جيد واخر غير جيد هو التناسق بين الالوان
فلا يصح استخدام خلفية سودء ولون الكلام فيها مقارب للاسود فسيكون كل شئ غير واضح
فمن المبادي الظريفة اذا استخدمت خلفية غمقة استخدم الوان فتحة في التصميم والعكس صحيح
والتناسق لوحده مشكلة كبيرة والناس بتوع التصميم بيدرسوا الموضوع ده
طيب انا مش مصمم؟
استخدم هذه المواقع بها قوالب الوان متناسقة مع بعضها وضعها مصممين كبار
- https://colordrop.io/
- https://coolors.co/browser/latest/1
- http://colorhunt.co/
- https://webgradients.com/
من ثم نأتي الي عنصر الالهام
الالهام
ببساطة الافكار لا تاتي من فراغ ولكن بالتعرض لافكار كثيرة صنعها غيرك من قبل
بمجرد ما تكتب علي محرك البحث جوجل mobile design تظهر لك العديد من المواقع بها تصميمات رائعة نفترض انك اخترت الدخول لموقع behance ستجد الكثير من التصميمات التي بدورها تلهمك
بعض المواقع الظريفة في التصميم
وفي النهاية بعد الانتهاء من التصميم وهذا هو اول شئ يراك من خلاله المستخدم
تقم بعمل export للتصميم كل جزء علي حده وتضيفه الي الاندرويد
وان شاء الله في التدوينات القادمة ساتحدث في ال material design عن اي جزء اتعلمه فالعلم بحر لا حدود له .
No comments:
Post a Comment