ماهى مراحل تصميم موقع ويب بشكل صحيح ؟ الدليل الكامل لمصممى الويب

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

مراحل تصميم موقع بطريقة صحيحة 

1. ضع افكارك على ورقة بيضاء 

معظم المصممين يقومون بالدخول مباشرة إلى برنامج الفوتوشوب لتصميم الموقع دون التفكير المبدئى فى التصميم , ان تصميم الموقع هو محاولة حل مشكلة , وليس فقط مجرد الوان و ظل وتدرجات فى الالوان .

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

 مراحل تصميم موقع ويب بشكل صحيح

2. تخطيط التصميم العام للموقع

تخطيط الشكل العام للموقع والاقسام الرئيسية للموقع مثلا هيكلة السيدبار , الفوتور , الهيدر , وغيرها وهذه العملية تسمى Wireframing ويمكنك عمل ذلك اما على ورقة بيضاء او الفوتوشوب او استخدام احد برامج Wireframing .
برنامج مجانى لعملية Wireframing :

http://pencil.evolus.vn/Default.html
تصميم موقع ويب

3. وضع Grid المناسب فى الفوتوشوب او اي برنامج اخر

البداية الصحيحة هى وضع Grid المناسب حتى يساعدك فى هيكلة اجزاء الموقع المختلفة فلا يمكن الاستغناء عنه
اذا كنت تستخدم الفوتوشوب فهذا Action مناسب لتوليد Grid 1170 ويمكنك تحميله من هنا
لمن لا يعرف Grid هى خطوط ارشادية لوضع كل شئ فى مكانه الصحيح

تصميم موقع ويب

4. الخطوط والالوان المناسبة

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

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

مراحل تصميم موقع ويب

مراحل تصميم موقع ويب

5. افتح المجال لابداعك وتحدى نفسك !

بعد تصميم الاسياسيات يتبقى لك ان تتحدى نفسك وتبدع فى التصميم وتجله مميز ببعض اللمسات الجميلة , عليك فى كل مشروع ان تتحدى نفسك لاخراج شئ مميز, وحاول ان تضع نفسك دائمًا فى مكان زائر موقعك .

اخر مرحلة هى مرحلة التكويد وتحويل كل هذا إلى HTML , CSS ويتطلب هذا معرفة بهذه اللغات , ف HTML تستخدم فى هيكلة الموقع , CSS تستخدم فى تزين وتلوين الموقع .
إلى هنا نصل إلى نهاية الموضوع واتمنى الاستفادة للجميع ولا تنسى مشاركة المقالة مع اصدقائك اذا كانت قد اعجبتك وشكرًا.



شارك الموضوع

مواضيع ذات صلة