تصميم صفحات أنترنت

freelance-web-design

تصميم صفحات أنترنت

يعتبر الإنترنت هو شريان الحياة الحديثة، لا تخلو أعمال الشركات أو الأفراد من الاعتماد على الانترنت، سواءً للبحث أو النشر أو التواصل، والقاعدة التي يسير فيها كل مستخدمي الإنترنت هي المواقع الإلكترونية باختلاف أنواعها وأغراضها، فهناك المواقع التجارية، التي تدعم التجارة الالكترونية فيتم الشراء عبر الانترنت، وهناك المواقع التعليمية، التي تدعم التعليم الالكتروني فتتم الصفوف الافتراضية بين المعلم والطلاب، وهناك المواقع الثقافية التي تعرض كمًا من المعلومات والكتب الثقافية المتنوعة، ومواقع التواصل الاجتماعي، مواقع الاستشارات والخدمات، وغيرها الكثير لا يمكن حصرها؛ لأنّه لا يمكن حصر أهدافها التي هي أهداف لأعمال البشرية. الموقع الالكتروني عبارة عن جزأين، جزء يظهر للمستخدم وهي واجهة الموقع التي يتعامل معها، وجزء مخفي عن المستخدم، وهو الجزء البرمجي الذي يحرك واجهة الموقع، وينفذ المهام والإجراءات الخاصة بالموقع، فعند إنشاء موقع إلكتروني يتم الاهتمام بالجزأين وربطهما ببعضهما البعض ليتشكل موقع كامل. يتم تصميم الموقع على عدة برامج تصميم أهمها: الفوتوشوب، وهناك العديد من قوالب التصميم الجاهزة للمواقع التي يتم تحميلها وتنصيبها للبرمجة. أمّا برمجة الموقع فهي متعددة اللغات أهمها لغة البي اتش بي، ولغة أي أس بي ASP.net. وهناك لغتان مهتمان لترجمة الجزء الأول الذي تم تصميمه وهما لغة html، ولغة css، حيث تعرف المتصفح على هيكلية الموقع، وكيفية تسلسل البيانات وأجزاء الموقع واعتمادها على بعضها. توفر العديد من الشركات برامج أو قوالب جاهزة، قوالب تصميم أو قوالب تصميم وبرمجة جاهزة، بحيث توفر على بعض المبرمجين مرحلة التصميم. لو استعرضت برنامج فرونت بيج أو دريم ويفر، ستجد أنّك باستطاعتك تصميم موقع، فيظهر لك شكله إضافةٍ إلى الكود البرمجي الخاص بلغة الـ HTML، سواءً أردت تصميم موقع على برامج الأكواد الجاهزة أو تبدأ التصميم من الصفر، يجب عليك الأخذ بعين الاعتبار لأمور مهمة في التصميم، وهي باعتبار المفاهيم والمفاتيح الأساسية لتصميم المواقع، أمّا عن أي برنامج تستخدم فهذا كأمر شخصي وحسب طبيعة العمل، وستجد العديد من الدروس التقنية لتصميم المواقع على الفوتوشوب أو على الدريم ويفر، أو تعديل قالب ووردبريس وغيرها. اعتبارات التصميم: الشكل العام للموقع بقدر أهمية أن يكون جذابًا، لكن يجب أن يكون هادئًا فيه انسيابية في تقسيمه فالموقع يجب أن يتكون من 3 أجزاء أساسية وهي الـ header والـ body والـ footer وبإمكانك التحكم بمحتويات كل جزء منها بطريقة عرضه وشكله، لكن الشكل العام يكون بترتيب الأجزاء الثلاثة. يحتوي الـ Header على القائمة الرئيسية، خانة البحث، خانة تسجيل الدخول. يحتوي الـ body على عارض

صور أو صورة كبيرة للموقع أو صورة جانبية، ثم التقسيم حسب الهدف من الموقع ولكن الأغلب يكون بتقسيمات لأهم ثلاث أو أربع مواضيع في الموقع، مع صورة مصغرها لها ورابط للصفحة المخصصة لكل موضوع، ومن ثم روابط إضافية لمواضيع ويكون الرابط في صورة مصغرة عن الموضوع، أو عارض صور صغير. يحتوي الـ footer على قائمة معلومات التواصل (الرئيسية /من نحن /اتصل بنا)، أيقونات التواصل الاجتماعي أو الرابط الخاص بها، كما وتحتوي على عبارة وأيقونة حق الملكية copy Right. بالنسبة لألوان الموقع يجب أن يكون اللون الذي بدأت به الموقع هو اللون الذي تختم به، أو يكون الموقع عبارة عن تدرج 3 ألوان من الأغمق حتى الأفتح كلما اتجهنا للأسفل. ويجب اختيار الألوان المناسبة مع بعضها بإمكانك استخراجها من color kuler ستجده في برنامج الفوتوشوب وعلى الانترنت، حيث تضع له لون معين، ويكشف لك عن الألوان الملائمة بجانبه، ويجب ألّا تكون ألوان الموقع أكثر من 3 ألوان كحد أقصى. يبقى الآن شكل وحجم الموقع والتفاصيل التركيبة الداخلية للموقع، وهي تختلف من مصمم لآخر، وشركة لأخرى وهذا ما يحدث التمايز في مجال التصميم، لكنّ الأساسيات هي التي تم الاتفاق عليها أنّها الأنسب للمستخدم.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s