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

غير الاسم إلى خلفية background للشريحة كالتالي:

ثم قم بعمل القائمة الثانوية واجعلها باللون الأصفر كما بالشكل التالي:
الآن غير الاسم إلى قائمة ثانوية Secandry menu كما بالشكل:

اضغط زر الماوس الأيمن ثم قم بنسخ الشكل السابق ولصقه كما بالشكل التالي:
الآن تابع الفيديو التالي لمعرفة كيفية تصميم الموقع
تصميم المواقع مع برنامج فيجما بسيط وسهل جدا لا يحتاج منك إلى مجهود يذكر، وفيجما يوفر لك الكثير من الأدوات كما يمكنك من خلاله تحويل الرسم إلى CSS، وهذا يتم كما بالشكل التالي:
ختاما، سيكون هناك إن شاء الله مقال مفصل عن كيفية تحويل الرسم بعد التصميم إلى أكواد وهو أمر غاية في السهولة أيضا، يرجى ترك تعليقاتكم لمعرفة هل نسير على الطريق الصحيح أم هناك ما هو غير واضح ويحتاج إلى تفسير.
يمكنك أيضا التفضل بقراءة: فيجما Figma وأدوبي Adobe XD دليل مقارنة شاملة