بسم الله الرحمن الرحيم

وبه نستعين

التصميم الجرافيكي / التصميم بهدف العرض على الإنترنت

Design for the Web

 

التصميم بهدف العرض على الشاشات – والتصميم للإنترنت

Design for Display – Design for the Web

بالتأكيد ليس هناك جدال في تأثير ثورة الإنترنت على حياتنا. يستمر نمو مواقع الويب بمعدل غير مسبوق، ويواجه مصممو الجرافيك تحديًا في تطبيق ممارسات التصميم التقليدية في هذه البيئة الرقمية، وهو أمر مثير ومُرهِق في بعض الأحيان، حيث مواكبة التطور أمر لا مفر منه. في بدايات الإنترنت، كان إنشاء صفحات الويب عملية بسيطة نسبيًا.

وكانت قيود العمل تعني أن المصمم يجب أن يأخذ بعض الاعتبارات التقنية والتصميمية البسيطة، ولم يتجاوز ذلك مجرد وضع صور صغيرة في سياق النص. أما اليوم، فقد توسّع دور مصممي الويب بشكل كبير. أدت التكنولوجيا الجديدة والوظائف المُحسّنة على الويب إلى تمكين المصممين الآن من استخدام الأفلام والصوت والرسوم المتحركة وغيره لتحسين تجربة المستخدم.

ومع تقنيات مثل ماكروميديا ​​فلاش Macromedia Flash، التي تدعمها الآن معظم أجهزة الكمبيوتر الشخصية، أصبح محتوى الويب الديناميكي والتفاعلي أمرًا شائعًا. من نتائج هذا التقدم تضييق الفجوة بين مبرمجي ثورة الإنترنت الأوائل ومصممي الجرافيك التقليديين، لدرجة أن التخصصين أصبحا الآن مرتبطين ارتباطًا وثيقًا.

يتمتع المصمم بمجال إبداعي أوسع بكثير، لكن عليه في المقابل أن يتعلم مهارات تقنية جديدة. حيث أن هذا المجال سريع التغير للغاية، يمكن للمصممين ترك بصمتهم، مستخدمين الأدوات القوية المتاحة لهم لابتكار تصاميم وحلول ناجحة، والتي تؤدى إلى تواصل فعال مع جمهور عالمي من مختلف الجنسيات والفئات.

يجب على المصممين دراسة التقنيات الناشئة وتحقيق التوازن بين تطبيق مبادئ التصميم المجربة واستكشاف الإمكانيات التي تعتمد على التكنولوجيا. في الوقت نفسه، يعتمد النجاح بشكل متزايد على الالتزام بمجموعة من المعايير التقنية. تتنوع مواقع الويب بقدر تنوع الإنترنت نفسه، والتي قد يُطلب من المصممين العمل عليها، بدء من المؤسسات التعليمية والثقافية وغير الربحية إلى المشاريع التجارية والمالية الطموحة.

تُشكل إعادة صياغة هويات الشركات الحالية جزءًا كبيرًا من أعمال تصميم المواقع الإلكترونية، وقد أدركت العديد من الشركات التي دخلت السوق الإلكترونية مبكرًا الحاجة إلى إعادة النظر في حضورها الإلكتروني وتأثير الإنترنت عليها كل فترة قصيرة، حوالي عامين. 

مع تزايد سهولة تنفيذ أنشطة مثل التجارة الإلكترونية بفضل الأدوات الجديدة، تتزايد الحاجة إلى واجهات بصرية فعّالة. وبشكل عام، سيجد مصممو الجرافيك آفاقًا متنوعة وتحديات في عالم تصميم الإنترنت، حيث يجب عليهم دائما مواكبة التطور وتوصيل كل من الشركة أو العميل والجمهور.

الأدوات الرقمية المستخدمة للتصميم الإنترنت

Digital Tools for Internet Design

يتم إنشاء تصميم بهدف العرض على الإنترنت باستخدام مزيج من أدوات التصميم العامة والبرامج المخصصة لأعمال الويب. ويشمل ذلك برامج تحرير صفحات الويب مثل: Macromedia Dreamweaver، وAdobe GoLive، وMicrosoft FrontPage، وNetObjects Fusion، وSoftPress Freeway.

من بين هذه البرامج، يُعدّ Dreamweaver وGoLive الخيارين الأكثر شيوعًا بين المحترفين. يتكامل GoLive بشكل ممتاز مع Photoshop، بينما يُعتبر Dreamweaver الحل الأكثر نضجًا، حيث أنه برنامج قادر على إنشاء صفحات متوافقة للغاية ومتناسبة مع كل المعايير. أما Freeway - وهو برنامج متوفر فقط لأجهزة كمبيوتر Macintosh – ومع ذلك فإنه يفتقر إلى الموثوقية التقنية.

ولكنه يوفر أدوات تخطيط مألوفة لدى مصممي الجرافيك. يتم إنتاج المحتوى الرسومي باستخدام برنامج فوتوشوب Photoshop، الذي يتضمن برنامج ImageReady، وهو برنامج مخصص لتحسين الصور للاستخدام على الويب. ويعد برنامج Macromedia Fireworks أداة مشابهة تؤدى نفس الوظائف.

يُفضل إنشاء محتوى فلاش باستخدام Macromedia Flash، مع إمكانية إنشاء رسوم متحركة بسيطة باستخدام FreeHand أو Adobe Illustrator. يعد (فلاش Flash هو التنسيق الوحيد الشائع الاستخدام الذي يوفر رسومات متجهة vector قابلة للتطوير على الويب، مع إمكانية استخدام برامج الرسم لإنشاء رسومات تُحوّل إلى تنسيق نقطي rasterized بالحجم المطلوب). يتم إنشاء محتوى أفلام باستخدام QuickTime وباستخدام أي برنامج، بدءًا من Apple iMovie وصولًا إلى Final Cut أو Adobe Premiere.

أمثلة عن التصميم للإنترنت

Examples of Design for the Web

مثال (1)

تصميم مخصص للعرض على الإنترنت خاص بموقع www.2advanced.com. وهو موقع مصممي هذه الاستوديوهات، ومقرها كاليفورنيا، وهو مُصمم خصيصاً لخبراء الإنترنت، ويستهلك كميات هائلة من البيانات، حيث يستخدم تقنية فلاش لعرض النصوص المطبوعة، ورسومات واجهة المستخدم عالية الدقة، وكذلك الأصوات، ومقاطع الفيديو والتي يتم عرضها في نافذة واسعة الحجم. 

مثال (2)

تصميم مخصص للعرض على الإنترنت خاص بموقع www.empireonline.co.uk. وهو موقع يتطلب تصميم أنظمة تصفح المواقع الإلكترونية ببراعة ومهارة فنية عالية. ولكن، قد لا يكون المستخدمون متأكدين أحياناً من مكان البحث، وعادةً ما يتم تضمين خريطة موقع بسيطة - وهي عبارة عن قائمة نصية بسيطة للصفحات مُصنفة تحت عناوين - كوسيلة مساعدة أخيرة للتصفح. في هذا المثال، ينعكس ترميز الألوان المستخدم لتحديد المواضيع في جميع أنحاء الموقع في خريطة الموقع.

مثال (3)

تصميم مخصص للعرض على الإنترنت خاص بموقع www.yugop.com. يُطبّق موقع يوغو ناكامورا جماليات تصميمية غنية على جميع جوانب موقعه. مستوى برمجة فلاش المطلوب لإنشاء طاولات تفاعلية معقدة كهذه متقدم للغاية - يعد هذا التصميم مزيج ناجح من المعرفة التقنية والحرفية البصرية.

مثال (4)

تصميم مخصص للعرض على الإنترنت خاص بموقع www.pokelondon.com. يقدم التصميم نوع من التواصل بين وكالات تصميم المواقع الإلكترونية الرائدة اليوم والتي تعمل على تسويق إبداعها وابتكارها، لكنها تُركّز على مؤهلاتها التقنية وخبرتها التجارية أكثر مما كان عليه الحال في السنوات التي سبقت انهيار شركات الإنترنت. يُقدّم هذا الموقع أعماله بأسلوب مباشر، ويُظهر نهجًا مُركّزًا على حل المشكلات، حيث يُركّز على العميل بدلًا من "النمط التجاري" المُحدّد.

 

أرجو أن تنال التدوينة إعجابكم وإلى لقاء قريب بإذن الله

 

المراجع والمصادر

الدليل الكامل للتصميم الجرافيكي الرقمي.

The Complete Guide to Digital Graphic Design

 

لمزيد من التواصل تابعونا على وسائل التواصل الاجتماعي

حساب "مدونة ألوان" على فيسبوك.

حساب "مدونة ألوان" على انستجرام.

حساب "مدونة ألوان" على تويتر.