كيف تصبح مصمم مواقع محترف ؟!

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

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

الخطوة الأولى تعلم الفوتوشوب

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

و المصمم المحترف عليه اتقان الأدوات الازمة في برنامج الفوتوشوب و معرفة كيفية استغلالها لصالح تصميم المواقع .

الأمور المهمة في الفوتوشوب لمصمم الموقع

مكونات قالب موقع الإنترنت

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

رأس الموقع Header و هو المكان المخصص لوضع شعار الموقع (Logo) , كما يحتوي ايضا على شريط التنقل بين الصفحات او القوائم الرئيسية مثل Home ,Contact us …

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

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

ثالثا منطقة الفوتير و تكون منطقة صغيرة يمكن وضع الروابط المهمة مثل اتصل بنا و روابط الصفحات و صفحات التواصل الإجتماعي

القياس الصحيح لأبعاد الملف

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

لأن اغلب المصممين بدأوا بالتصميم بهذا الحجم و من ثم تحويل التصميم الى Html , Css بإستخدام الفريموورك . و يعد من افضل الخدمات التي توفرت للمصممبن في يومنا هذا و اصبح تكويد القالب لا يأخذ اكثر من 4 ساعات

للمبتدئين و في الماضي كان يستغرف القالب حوالي ال 8 ساعات او اكثر في بعض التصميمات المعقدة

استخدام الألوان و تناسقها

تعتبر الألوان المشكلة الأساسية للعديد من المصممين , و غالبا ما يقضي المصمم وقتا طويلا في اختيار الألوان و كيفية دمج الوان متناسقة مع التصميم , و كانت من المشاكل التي واجهتني انا شخصيا 🙂 حيث كنت اقضي وقتا كبيرا دون عمل و انا

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

اولا ابدأ بتصميم القالب بدون الوان و ضع النصوص الغبية Lorem ipsum  في الأماكن التي يجب ان يتوفر فيها نصوص , و بعد ان تنتهي من تصميم القالب ابدأ بوضع الألوان و ستختصر العديد من الوقت .

واستعين ببرنامج مساعد متوفر في برنامج فوتوشوب و هو Adobe Kulur و هو برنامج رائع حيث يمكنك ان تضع الوان رئيسية و يعطيك نتائج متقاربة للألوان التي يمكن استخدامها في التصميم

اضف خلفية للموقع بإستخدام الباتيرن Pattern

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

فيمكنك الإستفادة منها  واستخدامها بدلا من الألوان العادية كلون للخلفية .

 

الى هنا انتهي من الجزء الأول من هذه السلسلة و في الجزء الثاني سنوضح المزيد تابعوا مدونتي لتتعرفوا على اهم اسرار تصميم المواقع

 

 

Advertisements

اترك رد

إملأ الحقول أدناه بالمعلومات المناسبة أو إضغط على إحدى الأيقونات لتسجيل الدخول:

WordPress.com Logo

أنت تعلق بإستخدام حساب WordPress.com. تسجيل خروج   / تغيير )

صورة تويتر

أنت تعلق بإستخدام حساب Twitter. تسجيل خروج   / تغيير )

Facebook photo

أنت تعلق بإستخدام حساب Facebook. تسجيل خروج   / تغيير )

Google+ photo

أنت تعلق بإستخدام حساب Google+. تسجيل خروج   / تغيير )

Connecting to %s