الدرس الثالث تصميم القوائم وتقسيم التصميم

[GeeK4aRaB]

بسم الله الرحمن الرحيم

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

تصميم القوائم :-
اولا قم بتحديد عدد القوائم التي تريدها في الموقع , وسوف نقوم بتصميم ثلاث قوائم فقط في هذا الدرس .

نفرض أن أول قائمة هي عملاءنا , قم برسم ثلاث مستطيلات بهذا الشكل وهذه الألوان أو أي لون مناسب للون الواجهة .

نأتي إلى تصميم القائمة الثانية ونفرض أيضا أنها الدعم الفني نقوم بنفس الخطوة السابقة ليكون الشكل هكذا :-



نأتي إلى تصميم قائمة الخطط , نقوم بتصميم قائمة بنفس الخطوة السابقة ولكن بمساحه اكبر , ليصبح الشكل النهائي كما يلي :-

وفي النهاية التصميم قم بتصميم الـ Footer وكتابة الحقوق الخاصة بك .

وبهذه الخطوة قد انتهينا من مرحلة التصميم , والمرحلة القادمة إن شاء الله هي كيفية تقطيع التصميم .

موعيدنا ان شاء الله في اللقاء القادم والجزء الثالث من العنصر الثالث في الدورة وهو تحديد نوع التصميم وتصميمه عن طريق برنامج الفوتوشوب .

بسم الله الرحمن الرحيم

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

اختر هذه الأداة :-

ثم قم بقطع الجزء الأول من التصميم وهو الهيدر كما هو موضح بالصورة الاتيه :

بعد ذلك نأتي إلى تقطيع قائمة من عملاءنا بهذا الشكل :



وبنفس الخطوات كذلك قم بتقطيع قائمة الدعم الفني ,

أما بالنسبة لقائمة خطط الاستضافة فيختلف تقطيعها عن القائمتين السابقتين يتم تقطيعها كما هو موضح بالصورة الاتية :



بعد يتم تقطيع الـ Footer إلى ثلاث قطع ليصيح الشكل النهائي بعد التقطيع كما يلي :-





وبهذه الخطوة وصلنا إلى نهاية العنصر الثالث من الدورة وهو تحديد نوع التصميم وتصميمه ثم تقطيعه عن طريق برنامج الفوتوشوب ولا تنسي حفظ العمل بصيغة psd ,

نرجوا أن يكون وقفنا الله في توصيل هذه الخطوة إليكم وانتظرونا في الخطوة القادمة وهي تــركيـب التـصـمـيــم فــــــــــــي بـــرنــامـــج الــفـــرونـــــــــت بــــيـــج

منقـــــــــــــــــول للأمانه

[imostar]

مرسييييييييييييييي

[دامك معي]

مشكووووور وجزاك الله خيراً

[اسيد الله]

مشكووووووووووووووووووووووووور

[some one]

السلام عليكم

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