لا يقابل الناس ملابسهم فحسب ، بل يقابلون أيضًا مواقع الويب. فستان الموقع هو تصميمه. يترك التصميم الجذاب وعالي الجودة للمورد انطباعًا إيجابيًا لدى المستخدمين ، مما يضمن ولائهم واستعدادهم لتكريس وقتهم لمزيد من المشاهدة. بالإضافة إلى الجودة والأصالة والتفرد في التصميم مهمان. المواضيع البالية تصد الزوار. لكن تطوير تصميم فريد مكلف. هذا هو السبب في أن العديد من مشرفي المواقع المبتدئين يتساءلون عن كيفية رسم تصميم موقع ويب بأيديهم.
انه ضروري
- - قلم؛
- - ورق؛
- - محرر الرسومات النقطية GIMP أو Photoshop ؛
- - اختياري: محرر رسومات متجه (على سبيل المثال ، CorelDraw) ؛
- - اختياري: بيئة النمذجة ثلاثية الأبعاد (3DStudio ، Blender) ؛
- - متصفح حديث
- - الوصول إلى الإنترنت.
تعليمات
الخطوة 1
تطوير مفهوم تصميم الموقع. حدد النمط ونظام الألوان وتخطيط الصفحة (حجم رأس الموقع وموقع القائمة وكتل النص والصور). من الجيد أن يعتمد مفهوم التصميم على أفكار أصلية. ولكن في حالة عدم توفرها ، يمكنك استلهام الأفكار من تحليل الحلول الحالية. على سبيل المثال ، تصفح كتالوجات سمات CMS الشائعة. يمكن أن تكون نتيجة العمل رسم تخطيطي لصفحة الموقع ، مرسومًا بالقلم الرصاص على ورقة ، يشير إلى مناطق الأحجام الثابتة والمتغيرة.
الخطوة 2
قم بإنشاء قالب صفحة موقع فارغ في محرر رسومات نقطية. افتح مستندًا جديدًا في محرر رسومي. يجب أن تكون أحجام المستندات أكبر بكثير من الحد الأدنى لحجم الصفحة أفقيًا (حتى إذا كنت لا تنوي إنشاء تصميم "مرن") وعموديًا. أضف طبقة شفافة جديدة. في الطبقة المضافة ، ارسم صورة قالب الصفحة بخطوط بسماكة 1 بكسل ، مع مراعاة الأبعاد الفعلية للعناصر. بالنسبة لتصميمات الصفحات ذات العرض الثابت ، قم بتعيين الهوامش التي سيتم تعبئتها بلون الخلفية.
الخطوه 3
قم بالتنزيل من الإنترنت أو صمم عناصر تصميم الصفحة الخاصة بك. يمكن إنشاء الشعار وعناصر التصميم الفريدة في بيئة النمذجة ثلاثية الأبعاد أو المحرر المتجه أو النقطية. يوجد عدد كبير من الصور الموضوعية عالية الدقة في بنوك الصور المجانية على الإنترنت. هناك أيضًا مجموعات أيقونات مجانية على الإنترنت يمكنك استخدامها بحرية في مشاريعك.
الخطوة 4
ارسم تصميم موقع. أضف طبقات شفافة إلى مستند يحتوي على قالب لصفحة موقع ويب في محرر رسومي. حدد واملأها بالمناطق التي تتطابق مع خلفية الصفحة. املأ المساحات بالتعبئة المتدرجة والقوام الدوري. أدخل الشعار والصور الثابتة والرموز. ارسم حدود الكتلة. أضف بعض النص. ضع كل عنصر تصميم نهائي وصورة ثابتة وشعار على طبقة منفصلة. انقل الصور في طبقات لتحقيق التخطيط المطلوب.
الخطوة الخامسة
احفظ "المصدر" العامل لتصميم الموقع بالتنسيق "الأصلي" لمحرر الرسوم. سيسمح لك هذا بالعودة لاحقًا لتحريره.
