تصميمووردبريس

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

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

كيفية تصميم مواقع بواسطة فيجما


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

تحويل التخطيط في موقع فيجما

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


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

تصميم مواقع


ثم قم بعمل القائمة الثانوية واجعلها باللون الأصفر كما بالشكل التالي:

تصميم مواقع

الآن غير الاسم إلى قائمة ثانوية Secandry menu كما بالشكل:



اضغط زر الماوس الأيمن ثم قم بنسخ الشكل السابق ولصقه كما بالشكل التالي:

تصميم مواقع

الآن تابع الفيديو التالي لمعرفة كيفية تصميم الموقع

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



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

يمكنك أيضا التفضل بقراءة: فيجما Figma وأدوبي Adobe XD دليل مقارنة شاملة

ما رأيك بمحتوى هذا المقال
+1
0
+1
0
+1
0
+1
1
+1
0
+1
0
+1
0

هشام حسين

محرر وعملت لدى العديد من المواقع الكبرى في مجال التقنية، والعديد من الشركات في مجال تكنولوجيا المعلومات، وحاصل على بكالوريوس الهندسة الكهربية وهندسة الحاسبات. في حالة طلب أي خدمة اتبع الرابط https://learnme.tech/hesham-hussain

مقالات ذات صلة

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

زر الذهاب إلى الأعلى