كن مصمماً بارعاً ... لا مصمماً جيداً


أن تكون مصمماً حكيماً وبارعاً فأنت ممن سلك طريق الخبراء واستلهم من أفكار المبدعين .
إليك بعض الأفكار التي تجعل منك مبدعاً في مجال التصميم عموماً وتصميم المواقع على وجه الخصوص.
دائماً تذكر أن لا تكون طالباً أو إنساناً جيد فحسب بل كن طالباً أو إنسانا ًمتميز(مذهل - مدهش)
المصمم (Designer) : ينشئ المظهر الخارجي (Looks) بمايتناسب وأهداف الموقع .
المطور(Developer) : يقوم ببناء وإحياء(بث الحياة) في ما توصل إليه المصمم .
عند البدء بتصميم موقع إلكتروني يجب مراعاة عدة أمور ومسائل تقنية ومن المهم التقيد بها حتى يكون المنتج مطابق للمواصفات القياسية والتي هي خلاصة التجارب السابقة التي عالجها الخبراء وتوصلوا لأفضل الحلول .
سنتحدث عن أغلب المسائل والقضايا التي يجب أخذها بعين الإعتبار وهي كثيرة ولايمكن حصرها بمقال واحد لذلك سنقتصر على الأهم وهي كالتالي :
أولاً : أسلوب الطباعة أو الطبوغرافيا (Typography) :
الطبوغرافيا هي الفن والتقنيات التي تستخدم لإنتاج نص مكتوب قابل للقراءة بشكل جميل ورائع
يمكن تحقيق ذلك أثناء تصميم المنتج .... باتباع النقاط التالية :
1- استخدام قياس للخط ضمن جسم الصفحة  يترواح بين 15 – 25 px .


 

2- استخدام خطوط كبيرة بشكل مناسب في ترويسات الفقرات أوالصفحات.


 

3- استخدام تباعد للأسطر (line spacing) يتراوح بين (120 – 150)% .


 

4- مراعاة أن يكون عدد المحارف في الأسطر مناسب حسب شكل التصميم بحيث لايكون السطر طويل جداً ولا قصير..أي اعتماد طول مناسب .


 

5- استخدام نوع خط جيد من خلال اعتماد عدة نقاط كمايلي :
   * – استخدام نوع خط مميز يعكس الوظيفة والهدف من الموقع و يشعر زائر الموقع من خلاله بالحيوية والانسجام ويكون مناسب لتصميم الموقع
   * – تحديد الخط هل سيكون من النوع الرقيق (serif font) أو (san-serif font)
   * – التقيد بنوع خط واحد ضمن الموقع.

 




ثانياً : التعامل مع الصور
أثناء التعامل مع الصور ضمن موقع الويب يفضل التقيد بعدة نقاط مهمة جداً حتى يتم الاستفادة من وجود الصورة بالموقع بشكل مؤثر وجذاب دون التأثير على باقي العناصر .. وذلك من خلال مايلي :
1- إذا كان التصميم من النوع المسطح ..يفضل كتابة النص بسكل مباشر فوق الصور.


 

 

2- التسطيح overlay أي (تغطية الصور بأحد الألوان المناسبة يجب أن تكون من نفس روح الموقع) .


 

3- وضع النصوص ضمن صندوق(box) .


 

4- استخدام التمويه أوالخاصية الضبابية (blurring) في الصور بحيث يتم تمييز الهدف من الصورة وتعتيم الأجزاء الأخرى .


 

5- استخدام خاصية (floor fade) وهي تقنية تفيد في تظليل الجزء السفلي من الصورة بحيث يمكن من خلالها قراءة الكتابة التي فوقها بشكل أوضح .


 

6- استخدام لون واحد من الألوان الأساسية ..والتغيير من خلال تدرجاته.


 

7- الابتعاد عن استخدام اللون الأسود .. واستخدم الألوان بحمكة حسب أهداف الموقع لأنه لكل لون دلالة معينة 
8- التعامل مع الأيقونات أثناء كتابة مزايا أو مواصفات معينة أو أثناء التسلسل بأفكار معينة أو ضمن القوائم.


 

9- استخدام (vector icon fonts) بدلاً من استخدام الأيقونات من نوع الصور لأن الأولى تتميز بدقة عالية مهما كبر حجم الخط على عكس النوع الثاني حيث تقل الدقة كلما تم تكبير الصورة .


 

10- استخدام المساحات البيضاء (wihtespace) من خلال وضعها بين العناصر أو بين مجموعات العناصر أو بين مقاطع الموقع (sections) دون التفريط والمبالغة باستخدامها لأنها تعطي جمالية وتضفي الترتيب والتسلسل الهرمي للموقع .


 


ثالثاً : واجهة المستخدم  (user interface)  &  تجربة أو انطباع المستخدم  (user experience).
1- واجهة المستخدم (user interface) :
تعبر عن آلية عرض محتوى الموقع وكيفية ظهوره للمستخدم .
2- تجربة أو انطباع المستخدم (user experience):
تعبر عن كيفية تعامل المستخدم وتفاعله مع عناصر الموقع والتي سيكون لها تأثير كبير على التصميم لأن التصميم يجب أن يكون مناسب ومرن بحيث يجذب اهتمام المستخدم و يبعده عن الملل كمثال (مراعاة أن يكون التصميم متجاوب مع مختلف قياسات الأجهزة ويمتاز بسرعة التحميل والانتقال بين العناصر أو الصفحات بسهولة واستخدام الحركات الفعالة والمؤثرة - إيجاباً لا سلباً - على التصميم) بالإضافة إلى الأخذ بعين الاعتبار دراسة الجدوى الاقتصادية للمنتج بحيث يكون ملائم لأهداف ورغبات المستخدم.

 


 

 

رابعاً : ينصح بتتبع المواقع الشهير وذات التصميم الجميل للاستفادة من الميزات المستخدمة فيها ومعرفة أسباب تميزها .

وعند الالتزام بهذه القواعد الآنفة الذكر و التي تعتبر قواعد قياسية ومستخدمة في أغلب المواقع الحديثة ذات التصاميم الرائعة...فإن الموقع سيكون مميز وذو ألوان متناسقة وصور واضحة ومعبرة و مناسب لكل الأذواق ..

 

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

يتم ذلك من خلال التركيز على عدة نقاط وهي :

1- تحديد المشروع من خلال :

    * تحديد الهدف من المشروع .

    * تحديد الجمهور المستهدف .

    * البدء بالتصميم وانتقاء الأفكار اعتماداً على النقطتين السابقتين .

2- التخطيط لانتقاء كل الأدوات والمكونات المطلوبة كـ نوع الخط المناسب والصور والأيقونات ..وغيرها بالإضافة إلى وضع البنية الهرمية للمشروع و تهيئة المخطط أو الشكل النهائي للمشروع .

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

4- بعد الانتهاء من الشكل النهائي ورسمه على الورق ...يتم الانتقال إلى التصميم الفعلي ..وهو إما البدء مباشرة باستخدام لغات التصميم الرئيسية (html - css) ومن ثم بث الحياة فيها عبر لغة (javascript) أو استخدام أحد برامج التصميم مثل (photoshop) ورسم الشكل العام وانتقاء الألوان والصور المناسبة ..وبعدها البدء باستخدام لغات التصميم.

5- بعد االنتهاء من تصميم المشروع  والوصول لشكله النهائي .. يتم الانتقال إلى عمليات التحسين (optimization) ..وهي خطوة مهمة جداً .حيث يتم فحص سرعة تحميل الموقع وتجربته على كل المتصفحات المستخدمة وكذلك تهيئته لعمليات البحث في محرك البحث غوغل (seo) .

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

 

 

إضافة تعليق

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