استفسار بخصوص أدوات تصميم واجهة المستخدم

ان كنت تقصد كتصميم فيمكنك التصميم بأي برنامج تصميم فلا يفرق الناتج فهذه البرامج هي عبارة عن أدوات للتصميم وليس الأصل في الموضوع فأنت الان تقصد بما يسمى UI او تصميم واجهة المستخدم.

يمكنك استخدام canva فلا مشكلة بذلك.

هنالك خيارات مشهورة لتطبيقات التصميم الجرافيكي يستخدمها مصممون المواقع مثل:

• Figma
• adobe UI UX
• adobe photoshop
• adobe illustrator
• Canva وتستخدم للتصميمات السريعة.

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

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

وستجد تفصيل هنا بخصوص ما سبق:

وبالطبع ستحتاج إلى دراسة أساسيات برنامج Photoshop من أجل التعديلات الغير مُعقدة الخاصة بالصور، أي لن تقوم بالتصميم بل التعديل، فأنت لست مُصمم بل مُطور واجهات مستخدم، فهناك فرق بين مطور الـ Fron-End وبين مُصمم UI\UX.

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

بالنسبة لأدوات التصميم، فإن Canva يعتبر بسيط جدا لمشاريع الويب المحترفة، وبدلا منه يمكنك تجربة Figma أو Adobe XD لإنشاء نماذج أولية وتصاميم تفصيلية قبل التنفيذ، و أيضا لا تنسَ استخدام أطر عمل مثل Bootstrap أو Tailwind CSS لتسريع عملية التطوير، و المفتاح هو البدء بالأساسيات ثم التدرج نحو الأدوات الاحترافية مع تطور مهاراتك.

لا اريد ان اكون مصمم محترف حاليا  انا دلوقتي بتعلم frontend وبكتب كود بس عشان ارفع الكود واعمله حقوق ملكية وهكذا اريد ان يكون التصميم انا من قمت به ف بسأل عن ادوات سريعه مثل Canva مثلا او اي شيء لاطبق الفكرة التي تخطر في بالي

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

 عندما اريد تعلم مثلا Figma  هل هناك كورسات تنصحوني برؤيتها ؟

يمكنك التعلم عن طريق الانترنت ومشاهدة الفيديوهات فلا يوجد كورس معين بذاته.

بامكانك الاطلاع على هذا الموضوع لمساعدتك: