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

وبه نستعين

التصميم الجرافيكي / دور مصمم الجرافيك في مجال الإنترنت

The Graphic Designer's Role on the Web

 

أهمية الإنترنت

The Importance of the Internet

تتصل أجهزة الكمبيوتر في جميع أنحاء العالم بوسائل متنوعة، من خطوط الهاتف النحاسية إلى كابلات الألياف الضوئية عالية السعة. ما يربطها معًا في شبكة الإنترنت هو استخدام "بروتوكولات protocols" مشتركة لإرسال واستقبال المعلومات. 

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

دور مصمم الجرافيك في مجال الإنترنت

The Graphic Designer's Role on the Web

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

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

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

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

إذ يكتشفون بسرعة الجوانب التي تحتاج إلى تعلّم متعمق، وتلك التي يمكن تركها لأدوار أخرى، فيستطيعون تحديد الأولويات قبل البدء في تنفيذ مهمات العمل. يُعدّ التفاعل وتصميم واجهة المستخدم من المهارات الأساسية الأخرى التي ستحتاج إلى تطويرها كمصمم جرافيكي. يعد التنقل "غير الخطي non-linear" في الويب ميزة كبيرة، حيث يُمكن للمستخدمين التنقل عبر الموقع بالنقر على الروابط، مما يجعل التنقل الواضح ميزة أساسية لكل موقع.

كيف يعمل الإنترنت؟

How the Internet Works

كل ما يُشكّل جزءًا من صفحة الويب مُضمّن في حزم بيانات رقمية يجب نقلها من خادم الموقع site's server إلى جهاز كمبيوتر المستخدم user's computer. الخادم server، الذي تُشغّله عادةً شركة خدمات، وليس مالك الموقع، عبارة عن مجموعة قوية من أجهزة الكمبيوتر ذات اتصال عالي النطاق الترددي بالإنترنت، لذا فإن أي حد للسرعة يفرضه نظام المستخدم.

يُشغّل مزود خدمة الإنترنت (ISP) الرابط بين جهاز الكمبيوتر الفردي وشبكة الويب العالمية، مما يُتيح نقلاً ثنائي الاتجاه بسرعات تُحدّدها سرعة اتصال المستخدم، والتي قد تتراوح بين مودم قديم على خط هاتف تناظري وخدمة "نطاق عريض" عبر الكابل أو خط المشترك الرقمي (DSL) تعمل بسرعة تصل إلى حوالي ٥٠ ضعفًا.

تُنشأ صفحات الويب باستخدام لغة ترميز النص التشعبي (HTML)، والتي يستقبلها جهاز الكمبيوتر الخاص بالمستخدم ويفكّ تشفيرها بواسطة برنامج "متصفح browser" يعرض الصفحة على الشاشة وفقًا للمعايير التي وضعها اتحاد شبكة الويب العالمية (www.w3.org). يتم استقبال الصور ورسوم فلاش المتحركة وغيرها من المحتويات وعرضها كجزء من العملية.

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

Examples of The Importance of the Internet

مثال (1)

صورة توضح عنوان الموقع www.tate.org.uk، حيث جميع المواقع الإلكترونية، بغض النظر عن محتواها أو مظهرها، مدعومة برموز HTML، والتي قد تتضمن أيضًا JavaScript. يمكن عرض "رمز المصدر source code" هذا في أي متصفح ويب، مما يسمح للمستخدمين المتمرسين في HTML برؤية كيفية عمل الموقع. لا تظهر العناصر المكتوبة بصيغ غير HTML، مثل Flash، في نافذة المصدر. 

مثال (2)

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

مثال (3)

واجهة موقع www.google.com القديمة، تُعد محركات البحث أداة أساسية لمستخدمي الإنترنت، حيث تساعدهم على البحث بين مليارات الصفحات للعثور على المواد المطلوبة. تُستخدم مواقع مثل جوجل وغيرها خوارزميات متطورة للعثور على نتائج البحث وترتيبها، ويُعد تعديل كود الموقع الإلكتروني لتحسين ترتيبه مهارة متخصصة في تصميم المواقع.

مثال (4)

واجهة موقع www.apple.com/ukstore صُمم موقع Apple الإلكتروني ليعمل بشكل صحيح في أكبر عدد ممكن من المتصفحات باستخدام كود HTML القياسي. تُلزم علامات الخطوط المتصفح بعرض النص بخط جينيفا Geneva، وهو خط مُثبت على جميع أجهزة ماك Macs، ولكنها تُحدد خطي Arial وHelvetica - القياسيين على أجهزة الكمبيوتر - كبدائل.

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

 

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

 

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

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

The Complete Guide to Digital Graphic Design

 

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

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

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

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