مواقع وادوات مهمة لمصمم المواقع الجزء الاول

مواقع وادوات مهمة لمصمم المواقع الجزء الاول

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

اسال نفسك الأن ، ماهي المشاكل التي تعترضني وتاخد وقتي عندما اقوم بتصميم موقعي الالكتروني ؟

بالطبع كلنا نمر بخطوات وعوائق معروفه وثابته اثناء تصميم موقع الكتروني ، حتي في اولي خطوات التصميم وهي مرحلة التخطيط الهيكلي حينما يأتي اليك عميل ليطلب منك تصميم موقع لبيع منتجات وادوات رياضية ؟ ماهو اول شئ ستفكر فيه ! اظن انك ستفكر في شكل الموقع المستقبلي وهذه تعتبر اخر مرحلة من مراحل التخطيط الهيكلي لموقعك الالكتروني اذاً كي لا اطيل عليكم هيا بنا نتعرف علي مايجب فعله حين استلام طلب بتصميم موقع الكتروني

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

DeviantArt – www.deviantart.com

مصدر الهام قوي ويعتبر اكبر معارض الفنانين علي شبكة الإنترنت .

Behance – www.behance.net

يمتاز بأعمال احترافية ويعتبر معرض كبير للفنانين حول العالم.

Web design library –www.thedesigninspiration.com/category/websites/

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

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

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

 

Color lovers- http://www.colourlovers.com/

يمثل الموقع ساحة تحتوي علي العديد من الواح الالوان المتناسقة مع امكانية عمل لوحة الوان خاصة بك .

Adobe Kular- kuler.adobe.com

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

colorhunter – http://www.colorhunter.com/

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

الان وقد انتهيت من اختيار اللون المناسب لموقعك الالكتروني

       –  هيا بنا ننتقل الي اختيار الفونت المناسب من خلال الموقع التالي :

Dafont – http://www.dafont.com/

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

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

اليك موقع http://www.myfonts.com/WhatTheFont/

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

–          الان وقد انتقلت الي تصميم موقعك ولكنك تريد وضع نصوص مؤقته افتراضية حتي لا تكتب كلمات عشوائية تضر بشكل موقعك ،كيف ستنفذ ذلك ؟

اليك موقع http://lipsum.com/

يقدم لك نصوص افتراضية جاهزة لتستخدمها اثناء تصميم موقعك وهو متوفر باللغة  العربية والانجليزية.

–          الان ربما تحتار في اختيار نوع خط معين من بين مجموعة من الخطوط وتريد المقارنة بين الخطوط لاختيار الخط المفضل ،كيف يمكنك فعل ذلك ؟

اليك موقع http://www.typetester.org/

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

عن كاتب المقال

محمد واصف : مصمم مواقع الكترونية، مهتم بخبرة المستخدم، تحسين واجهات المواقع لتصبح اكثر قرباً للمستخدم و لديه اهتمامات في تبسيط المعلومات والمفاهيم لمصممين المواقع بالعربية