لوحة المتصدرين

سنتعرف في هذا المقال على مفهوم واجهة برمجية التطبيقات Application Programming Interface، هذا المصطلح السهل المعقد حيث سنحاول فهمه وكيفية بناء مواقع الويب والتطبيقات الحديثة في يومنا هذا بالاعتماد على الواجهات البرمجية ونجيب على سؤال مهم وهو كيف ترتبط الواجهة الأمامية مع الواجهة الخلفية لتطبيق الويب أو الموقع الإلكتروني. هذا المقال هو جزء من سلسلة مقالات حول الواجهة البرمجية API وكيفية الاستفادة منها في بناء تطبيق ويب: مدخل إلى الواجهات البرمجية API الاتصال بواجهة زد البرمجية وفهم عملية الاستيثاق والتصريح أمثلة عملية لاستخدام واجهة برمجة متاجر زد zid API تطوير تطبيق عملي يزيد من احتفاظ العملاء عبر واجهة زد البرمجية مفهوم الواجهة البرمجية للتطبيقات API قبل أن ندخل في أية تفاصيل تقنية عن موضوعنا اليوم، سأحكي لك يومًا في حياة علي. علي هو مبرمج تطبيقات ويب يعمل في إحدى الشركات التقنية العربية، علي يحب تجربة المأكوﻻت المختلفة، بحيث يجرب في كل يوم أكلة جديدة في المطاعم المحيطة وإن سمع بافتتاح مطعم جديد بالقرب من مكان عمله، فإنه ﻻ يتوانى في زيارته وتذوق مختلف اﻷطباق التي يقدمها. ذهب علي ﻷحد المطاعم التي فتحت أبوابها مؤخرا، واختار مكانا هادئًا ونادى النادل يسأله عن اﻷطباق التي يقدمونها من أجل أن يأخذ طلبيته إلى الطباخ لتحضير ما طلبه علي. دوَّن النادل ما يريد علي تناوله من مأكوﻻت وذهب بها إلى الطباخ من أجل تحضيرها، بعد مدة وجيزة، عاد النادل إلى علي وهو يحمل كل ما طلبه وقدمها متمنيا أنه يعجبه اﻷكل، تذوق علي المأكوﻻت وأبدى إعجابه اﻷولي بها، وبدأ في اﻷكل إلى أن أنهى كل ما في الصحون، دفع الحساب، وخرج من المطعم شاكرا النادل على حسن اﻷستقبال. هل تتساءل اﻵن، ما علاقة هذه القصة بالواجهات البرمجية؟ وهل تساءلت يومًا عن طريقة عمل تطبيقات الهواتف الذكية، وكيف تتصل بخوادم الشركات المطورة لها، هل استطعت الوصول إلى إجابات كافية عن ذلك؟ سأبين لك ما العلاقة بين المثال السابق والواجهات البرمجية وكيف أن الواجهات البرمجية ماهي إﻻ تطبيق لمثالنا باختلاف بسيط وهو مكان التطبيق فقط، فمثالنا هو من الواقع الذي نعيشه يوميًا ونراه دائمًا حتى تعودنا عليه حتى أصبحنا ﻻ ندركه، أما الواجهات البرمجية، فقد أصبحت جزءًا ﻻ يتجزأ من حياة مبرمج المواقع وتطبيقات الويب المهنية. كنت قد نوهتك ﻷن تسأل نفسك عن طريقة ربط تطبيقات الهواتف الذكية مع خوادم الشركات. هنالك طريقتين لربط تطبيقات الهواتف الذكية مع خوادم الشركات المطورة، الطريقة اﻷقدم تسمى SOAP وهي اختصار لجملة Simple Object Access Protocol، أما الطريقة اﻷحدث فهي الواجهة البرمجيةللتطبيقات API وهي اختصار لجملة Application Programming Interface، وهي التي سأركز عليها، ولكن باختصار، API هي طريقة لتواصل البرمجيات في ما بينها باستخدام صيغة JavaScript Object Notation والتي تعرف اختصارا بـ JSON. لن أدخل في التفاصيل التاريخية وسأبقى مركزا على الجانب التقني فقط، لهذا أتوقع منك أن تحاول البحث عن تاريخ ابتكار وتطوير تقنية API والتقنية المكملة لها REST والتي هي اختصار لجملة REpresentational State Transfer. مصطلحات وجب معرفتها سنسرد بعض المصطلحات باللغة الإنجليزية والعربية الضروري على كل مطور ويب أن يعرفها: Backend: الواجهة الخلفية، هي المسؤولة عن العمليات المنطقية للنظام، تتعامل مع الملفات أيضا ومع قواعد البيانات. Frontend: الواجهات الأمامية، كل ما يراه المستخدم ويتعامل معه بشكل مباشر، ويتم ربطها مع النظم الخلفية بما يعرف بالواجهة البرمجية للتطبيقات API. API: الواجهة البرمجية للتطبيقات، هي حلقة الوصل ما بين النظم أو الواجهة الخلفية والواجهات الأمامية. Request: الطلب الذي يرسله العميل (قد تكون الواجهة الأمامية) إلى الخادم Server الموجود في الواجهة الخلفية. Header: ترويسة الطلب Request المرسل والذي يحوي بعض البيانات الوصفية التي تصف الطلبية وحالها وأية معلومات إضافية مطلوبة. Body: جسم أو متن الطلب المرسل والذي يحوي غالبًا على البيانات المتبادلة في الطلبية. Response: استجابة أو رد الخادم وهي المعلومات الراجعة من الخادم إلى العميل مقدم الطلب ردًا على طلبه. تحوي المعلومات الراجعة من الخادم إلى العميل على ترويسة Header وأيضا على متن Body. Endpoint: نقطة الوصول، وهي نقطة اتصال الواجهات الأمامية مع موقع محدد في الواجهة الخلفية أي نقطة محددة تتصل عبرها الواجهة الأمامية مع الواجهة الخلفية لغرض محدَّد. HTTP Client Software: عميل خادم HTTP وهو برنامج يساعد على تسريع التعامل مع الواجهات البرمجية بتوفير آلية واضحة في عملية إرسال واستقبال الطلبيات والردود. هل تعرفت على أي من المصطلحات التي ذكرناها قبل قليل؟ لا بأس إن لم تفعل، فسنشرحها لك حتى تكون لديك معرفة مبدئية بموضوع الواجهات البرمجية. لماذا نستخدم الواجهات البرمجية للتطبيقات APIs وما هي فائدتها؟ تُعَد الواجهات البرمجية للتطبيقات طبقة الحماية الأولى First Security Layer للبرمجية الموجودة على خادم الويب، بسبب أنها تفصل ما بين النظم الخلفية والعمليات الجارية على قواعد البيانات عن الواجهات الأمامية سواءً كانت صفحات ويب عادية أو تطبيقات هواتف ذكية. أي أن أي تطبيق ويب أو موقع اليوم يتألف من واجهة خلفية وواجهة أمامية وواجهة برمجية تعد وصلة وصل بينهما. أما الواجهة الخلفية، فتحوي على كامل العمليات والإجراءات والخدمات التي يوفرها التطبيق أو الموقع مثل معالجة صورة أو بيانات أو حتى تقديم خدمة الطقس. أما الواجهة الأمامية فهي الواجهة التي يراها المستخدم والمسؤولة عن عرض البيانات القادمة من الواجهة الخلفية للمستخدم بصورة مناسبة ومتناسقة مع إرسال البيانات من المستخدم إلى الخادم بالشكل الذي يطلبها، فالبيانات المتبادلة تلك تكون بشكلها الخام (تستعمل غالبًا صيغة JSON أو حتى صيغة XML)، أما الواجهة البرمجية للتطبيقات API فهي صلة الوصل كما ذكرنا ووظيفتها استلام البيانات من الواجهة الأمامية وتسلميها للواجهة الخلفية وإرسال البيانات من الواجهة الخلفية إلى الأمامية بطريقة وأسلوب موحد أي هي التي تؤمن عملية التفاهم بين الواجهة الأمامية والخلفية لتأمين التخاطب فيما بينهما. كيف تعمل الواجهات البرمجية للتطبيقات API سأحاول قدر اﻹمكان تبسيط آلية عمل الواجهات البرمجية بمثال عملي من حياتنا اليومية، وليكن مثلا منصة فيسبوك. كما تعلم أنه بإمكانك الدخول إلى حسابك في فيسبوك من أي جهاز تريد، سواءً من هاتفك الذكي أو من جهازك اللوحي أو من جهاز الحاسوب بل بإمكانك الدخول منها مجتمعة وفي نفس الوقت، وهنا يجب أن تطرح سؤاﻻ مهمًا، كيف تتم مزامنة حسابك في كل تلك اﻷجهزة؟ هنا تأتي أهمية الواجهة البرمجية، بحيث أن كل تلك اﻷجهزة متصلة بنظام خلفي واحد وكلها تتصل بالواجهة البرمجية التي تكون حلقة الوصل ما بين كل اﻷجهزة المتصلة و النظام الخلفي. سنأخذ مثاﻻ من حياتنا اليومية وهو موقع فيسبوك، سنقوم بالدخول إلى حسابنا باستخدام الأجهزة التي بحوزتنا، إن لم تكن لديك أجهزة غير جهاز الحاسوب، افتح أكثر من متصفح، ليس نفس المتصفح، مثلا متصفح كروم Google Chrome ومتصفح فايرفوكس Mozilla Firefox، في هذه الحالة يمكنك فتح حسابك 4 مرات باستخدام التصفح الخفي، في متصفح كروم يسمى Incognito Mode أما في متصفح فايرفوكس فيسمى Private Mode. هل قمت بذلك؟ كيف تستطيع إرسال رسائل إلى أصدقائك من أي متصفح وتشاهدها في نفس الوقت من بقية المتصفحات؟ قم بالدخول إلى حسابك على فيسبوك من هاتفك الذكي، من التطبيق الرسمي أو من المتصفح، هل تستطيع أن ترى الرسائل التي قمت بإرسالها على هاتفك أيضا، كيف يحدث ذلك؟ كيف تستطيع الدخول إلى حسابك من أماكن مختلفة في نفس الوقت؟ سأشرح العملية بأكملها بشكل بسيط وبالمقارنة مع مثالنا في بداية المقال وبدون الدخول في التفاصيل الدقيقة في الوقت الحالي. عند دخول علي مطور الويب إلى المطعم، كان عليه أن يختار طاولة محددة برقم حتى يعلم النادل موقعه وأنه يريد تناول الطعام وبالتالي يستطيع تقديم مختلف الخدمات التي يعرضها المطعم. هنا الطاولة وتفاصيلها (من رقم وحجم وغيرهما) تعتبر المكان المتفق عليه من أجل اﻹستفادة من خدمات المطعم، ويمكن القول أنها نقطة الوصول إلى خدمات المطعم Endpoint. في حالة موقع فيسبوك، وعند قيامك فتح التطبيق مثلا، سيتصل تطبيقك بخادم الشركة، في نقطة متفق عليها ومحددة مسبقًا في التطبيق وفيها فقط يستطيع الخادم أن يقدم خدماته للتطبيق. جاء النادل إلى عليٍ والذي يسمى العميل client ليأخذ الطلبات منه، ودون أية ملاحظات أو أي خدمات أخرى، وبعدها ذهب إلى المطبخ ليخبر الطباخ بالطلبات من أجل تحضيرها. هنا نسمي العملية: إرسال طلب Send Request من العميل علي إلى الطباخ في المطعم مقدمة الخدمة. في حالة موقع فيسبوك، أقرب عملية لذلك المثال عملية تسجيل الدخول حيث تُدخل اسم المستخدم الخاص بك مع كلمة المرور، تأخذ الواجهة الأمامية منك هذه المعلومات وترسلها للواجهة الخلفية لموقع فيسبوك لتتحقق منها ومن الطلب الخاص بك، طلب تسجيل الدخول. يستلم الطباخ الطلبية ويتأكد من أنها طلبية صالحة ويمكنك تحضيرها (أي ليست طلبية شراء ملابس مثلًا) ثم يبدأ بتحضيرها وعندما ينتهي منها، يعطيها للنادل الذي يرتبها بدوره في صينية ويأخذها إلى علي ليضعها على طاولته حتى يتسنى له البدء في تذوقها. هذه العملية تسمى: اﻹستجابة Send Response أي استجاب الطباخ لطلبية علي وقدم له ما يريد. وفي حالة موقع فيسبوك، إن كانت المعلومات المقدمة صالحة، سيقوم خادم فيسبوك بالسماح لك بالدخول واستعراض مختلف الصفحات واﻷجزاء الخاصة به والاستفادة من خدمته التي يقدمها. هل اتضحت الصورة العامة اﻵن؟ ببساطة، الواجهة البرمجية تنفذ عمل النادل في المطعم، حيث أن النادل يقوم بأخذ طلبات الزبائن إلى الطباخ وفريقه لتحضيرها وبعد ذلك، يقوم بأخذ تلك استجابة الطباخ لتلك الطلبات إلى أصحابها، أي أن الواجهة البرمجية تأخذ الطلبات من المستخدمين (الواجهة الأمامية) إلى النظام الخلفي لتقوم بعمل محدد ومن ثم تعيد النتائج المتحصل عليها إلى طالبيها أي تعيدها للواجهة الأمامية مرةً أخرى. خاتمة تعرفنا على ماهية الواجهة البرمجية للتطبيقات وأهم المصطلحات فيها وكيف يستفيد منها المطورون في بناء تطبيقات الويب الحديثة واستثمارها في التواصل ما بين الواجهة الأمامية والخلفية لتطبيقات الويب والمواقع الحالية، فالتعامل مع الواجهة البرمجية للتطبيقات ضروري لأي مبرمج متخصص في تطوير الويب، وعليه أن يعي مفهوم الواجهة البرمجة تمامًا إذ أصبح هذا المفهوم هو المفهوم الحديث في التواصل ما بين الواجهة البرمجية الخلفية والأمامية للمواقع وتطبيقات الويب، أضف إلى ذلك أن الكثير من الخدمات والمواقع أصبحت تتيح واجهتها البرمجية (مثل الواجهة البرمجية للمطورين من فيسبوك وتويتر وغيرهما) للاستفادة منها أو حتى هنالك واجهة برمجية مخصصة فقط لتقديم خدمات محددة (مثل واجهة برمجية للحصول على معلومات الطقس) وتقدمها للمطورين للاستفادة من تلك الخدمات في مختلف المشاريع. اقرأ أيضًا المقال التالي: الاتصال بواجهة زد البرمجية وفهم عملية الاستيثاق والتصريح كيفية إنشاء متجر إلكتروني متكامل باستعمال منصة زد الواجهة البرمجية Fetch API في جافاسكريبت

للألوان تأثير لا يمكن إنكاره، فهي قادرة على الإقناع والتعبير والتواصل، كما يمكن أن تكون أدوات فعالةً للتواصل مع المستخدمين، إذ لكل لون خصوصية معينة توجب استخدامه في السياق الذي يناسبه، ويُعَد سياق علاقتنا مع الألوان سياقًا معقدًا متجذرًا في علاقاتنا البيولوجية والثقافية والشخصية، لذا بقدر قوة وتأثير الألوان، هل تعتقد أنه يمكن أن تؤثر على مزاجك؟ هل يمكن أن يؤثر اللون على مزاجنا الجواب هو نعم ولا في الوقت نفسه، فلسوء الحظ لا توجد الكثير من الأبحاث الكافية حول كيفية استجابة أدمغتنا للألوان، فمعظم ما يسمى بحقائق علم نفس الألوان ليست مثبتةً علميًا في الواقع. كما ذكرنا سابقًا، يستجيب البشر للألوان بثلاث طرق مختلفة: الأولى هي استجابتنا البيولوجية، فمثلًا، يمكننا أن ندرك ولو بشيء يسير، أن استجابتنا البيولوجية للأشياء ذات اللون الأحمر، من شأنها أن تثير فينا الخوف والعواطف الحميمة، كما نعلم أن استجابتنا البيولوجية للضوء الأزرق، من شأنها أن تساعدنا بما يسمى بالاضطراب العاطفي الموسمي SAD ومشاكل ساعاتنا البيولوجية وحتى مشاكل التركيز. والثانية هي استجابتنا الثقافية، إذ يُعَد اللون الأزرق مثلًا، -في الدول الغربية- اللون المفضل بالموازنة مع اللون الأصفر الأقل تفضيلًا، بينما إذا ذهبت إلى شرق الكرة الأرضية، فسترى أن اللون الأصفر يتربع على رأس الهرم، وتعبر هذه الاختلافات عن علاقاتنا الثقافية مع الألوان المختلفة. أما الثالثة فهي علاقتنا الشخصية بالألوان، فمثلًا، هل سبق لك أن دخلت السجن واحتُجزت في زنزانة مطلية باللون الوردي؟ في هذه الحالة سيكون اللون الوردي غير محبذ بالنسبة لك، أو هل ترعرعت في طفولتك في غرفة نوم وردية اللون في منزل يملؤه الحب والاحترام؟ في هذه الحالة سيزداد انجذابك أكثر نحو اللون الوردي. الصورة لزنزانة في سجن في ولاية ميسوري الأمريكية، تظهر فيها الجدران مطليةً باللون الوردي. استُخدم هذا اللون، والذي جاء به عالم النفس ألكسندر شاوس في أواخر السبعينيات، في السجون بسبب نتائج الدراسات التي أثبتت أن اللون الوردي يساعد على تهدئة أعصاب السجناء. لا تنخدع بالادعاءات التي تقول إن اللون القرنفلي يثير الشهية، أو إن اللون الوردي يهدئ الأعصاب، أو إن اللون الأصفر يرفعها، فربما يكون هذا الأمر صحيحًا بالنسبة لبعض الأشخاص الذين تتوافق استجاباتهم الشخصية والثقافية والبيولوجية مع هذه الادعاءات، أي في حال اختبرنا هذا الأمر على أشخاص من جميع أنحاء العالم (أو حتى داخل عائلة واحدة)، فقد نجد نتائج مختلفةً تمامًا فيما بينهم. يمكن بالطبع أن يؤثر اللون على الحالة المزاجية للإنسان في حال وضعت مثلًا مجموعةً من الأشخاص في غرفة مطلية جدرانها وأرضيتها وسقفها باللون الأصفر، فمن المؤكد أنهم سيشعرون بشيء ما؛ أما إثبات أن كل من في هذه الغرفة يشعر بنفس الشيء وللأسباب نفسها، فهذا أمر يصعب جدًا إثباته. الآن، وبعد أن فهمت كيف يمكن أن تؤثر الألوان على حالتك المزاجية، دعنا نتعمق أكثر في ألوان محددة، لكن قبل أن نبدأ بذلك، يُفضَّل أن تتذكر دائمًا أن سر التعامل الصحيح مع الألوان يكمن في معرفة السياق المناسب لاستخدامها. تُعَد علاقتنا مع الألوان علاقةً معقدةً ومتجذرةً على شكل علاقات بيولوجية وثقافية وشخصية، لذا يجب أن تُجرِي أبحاثًا حول المستخدم الذي تستهدفه، وتكون حساسًا بالتعامل معه وتهتم بقِيَمه الثقافية، وذلك من أجل أن تستطيع إنشاء تصميم جيد له، ولا تفترض أبدًا أن اللون الذي يعجبك سيعجب كذلك شخصًا آخر. سوف نتعرف في هذا المقال على رمزية الألوان من خلال آراء كل من أرييل وجوان إيكستوت، مؤلفي كتاب لغة الألوان السرية Secret Language of Color، لنستكشف معهما معاني الألوان ونتعرف على أهمية ورودها في سياقها الصحيح. الأحمر اللون الأحمر هو أحد أكثر تدرجات الألوان بريقًا وإشراقًا، وهو اللون الذي أشعل نيران الثورات، والذي تبنته كيانات متنوعة حول العالم مثل الشيوعيين وحزب المحافظين الأمريكيين، كما استُخدم اللون الأحمر للتعبير عن أمرين متناقضين هما: الحب والكراهية، وقد يشير إلى الخطيئة أو الخصوبة أو الشجاعة أو الذنب أو الحظ السعيد، وذلك اعتمادًا على الثقافة التي تعيش فيها، وسواءٌ كنت ترى في اللون الأحمر رمزًا للغضب، أو اتبعت رمزيته المستخدمة في إشارات الطريق بوصفك مواطنًا يلتزم بالقانون، ففي كلتا الحالتين سيعرقل طريقك. يرمز اللون الأحمر -وخاصةً في الثقافات الغربية- إلى كل ما يلي: الحب العاطفة القوة السلطة الخطر الإثارة الطاقة البرتقالي عُدَّ اللون البرتقالي لآلاف السنين لونًا بلا هوية، إذ يُعَد هذا اللون -في العديد من اللغات- أحد الألوان الأخيرة -إن لم يكن الأخير- المُسمَّاة بطيف قوس قزح، إذ لا تزال العديد من الثقافات العريقة ترى أنه لا داعي لإعطاء اللون البرتقالي تسميةً خاصةً به. لقد كان اللون البرتقالي موجودًا دائمًا بالطبع في الحضارة البشرية، سواءٌ على شكل أزهار أو فواكه أو خضروات أو حيوانات أو لون السماء عند غروب الشمس، ومن خلال أصباغ مثل الزعفران، لَوَّنَ ملابس وأقمشةً كثيرةً، كما استُخدم ليرمز إلى القومية والهوية الدينية والأنشطة الرياضية. ومع ذلك، فهو لا يقترب من جاره الأحمر من حيث مكانته في العالم، وقد يكون لهذا الأمر علاقة بطبيعة اللون البرتقالي الذي يُعَد تدرجًا أكثر من كونه لونًا مستقلًا، فعندما يكون شاحبًا يُنظر إليه عادةً على أنه أصفر، وعندما يكون قاتمًا يُنظر إليه على أنه بني، أي أن هناك منطقةً ضيقة الحدود يمكن أن يَظهر فيها اللون البرتقالي على حقيقته، لكنه في نفس الوقت تراه يضيء مثل نجم في هذه المنطقة الضيقة. يرمز اللون البرتقالي -وخاصةً في الثقافات الغربية- إلى كل ما يلي: الدفء الإبداع المغامرة النضارة السعادة الجاذبية النجاح الأصفر أثناء سيرك في الطريق، تلمح سيارة أجرة ذات لون أصفر على بعد عشرات الأمتار منك، فتشير لسائقها ليتوقف لك وتركب، وينطلق سائق السيارة مسرعًا حتى قبل أن تغلق الباب، فيقود بسرعة؛ لكنه يبطئ من سرعته عندما يرى لافتة طريق صفراء تشير إلى منحنى خطير أمامه، ثم يضغط على المكابح مرةً أخرى عندما يرى رافعةً شوكيةً ستمر من أمامه، وأثناء كل ذلك، تسحب ورقة ملاحظة صفراء اللون كانت قد لصقت لتشير لك إلى الصفحة التي تتطلب توقيعك. وأثناء قراءتك لتلك الصفحة، ترى خطًا أصفر شُخط ليدلك على المكان الذي يجب أن ترسم فيه توقيعك بالضبط. كل هذه العناصر التي لفتت انتباهك وانتباه السائق هي باللون الأصفر. هذا اللون الذي قد أذهل تألقه الأباطرة العظماء من قبلنا، كما رسم الملايين منا بأقلام الرصاص التي كانت تأتي باللون الأصفر والأسود، كما حذرتنا العديد من الإشارات المرورية صفراء اللون من عدم الإسراع، ونجحت في لفت انتباهنا. يرمز اللون الأصفر -وخاصةً في الثقافات الغربية- إلى كل ما يلي: التفاؤل الابتهاج السعادة الدفء الحذر الطاقة الفكر الأخضر تتطابق مع اللون الأخضر عدة أمور، مثل: المال وقلة الخبرة والجنة والغيرة وإعادة التدوير والبستنة. ومع ذلك فإن اللون الأخضر أكثر جوهريةً في معناه، فمن غابات الأمازون، إلى الغابة الخرسانية (لقب يطلق على مدينة نيويورك الأمريكية لكثرة أبنيتها الخرسانية الشاهقة)، فإن خضرة الطبيعة هي التي تجعلنا نستطيع العيش والتنفس، والكلوروفيل هو اسم الصبغ المسؤول عن كل تلك المساحات الخضراء التي تحيط بنا، ومع أن المصطلح يبدو علميًا بعض الشيء، إلا أنه مشتق ببساطة من الكلمات اليونانية "أخضر" و"ورقة". هذا الكلوروفيل هو الذي ينتج الأكسجين الذي نحتاجه للبقاء على قيد الحياة. لذا فببساطة، اللون الأخضر هو جوهر الحياة. يرمز اللون الأخضر -وخاصةً في الثقافات الغربية- إلى كل ما يلي: الطبيعة النمو الثروة الحظ الحسد النضارة الجودة الأزرق من سماء الليل إلى البحار العميقة، يوسع اللون الأزرق آفاقنا ويغطي أحلامنا، فيجعلنا نثق به لنعطيه مكانةً على رجالنا ونسائنا باعتماده لونًا رسميًا لأزيائنا الموحدة، ونراه لونًا ذكوريًا فنختاره لأطفالنا الذكور لنزين به أسرتهم وملابسهم، كما ننظر له بوصفه مهدئًا ورمزًا للبرودة وانخفاض الحرارة، ويُعَد اللون الأزرق هو الجانب المزاجي الآخر لتصرفاتنا الوردية. يرمز اللون الأزرق -وخاصةً في الثقافات الغربية- إلى كل ما يلي: الثقة الهدوء الحزن السلام الولاء العمق الأصالة البنفسجي لا يوجد لون يضاهي غرابته أو روعته أو لذته أو جاذبيته. يبدو هذا اللون أنه يتناسب مع كل هذا التناقض الساحر. يرمز اللون البنفسجي إلى العلو والمكانة؛ فقد ارتبط بالملوك لعدة قرون، وكان ذلك لسبب وجيه، وهو أن الطبيعة لم توفر لنا وسيلةً سهلةً لصبغ الأقمشة باللون البنفسجي مما جعل وجوده نادرًا، كما أنه من الناحية التاريخية، كان إنتاج الأصبغة يُعَد من أكثر العمليات ضررًا ومشقةً واستهلاكًا للوقت والتكلفة، لذا كان الوصول إليه حكرًا على الأغنياء وأهل السلطة والمكانة، وبغض النظر عن سيطرته على أردية الملوك وشالات الكهنة، إلا أنه كان من الصعب الحصول على تدرجات لهذا اللون في المقام الأول، لذا فأولئك الذين استطاعوا ارتداءه، تزينوا به ليمنحهم علوًا ومكانةً بين من هم حولهم. يرمز اللون البنفسجي -وخاصةً في الثقافات الغربية- إلى كل ما يلي: الملوك النُبل الحكمة الترف الخيال الغموض الروحانيات الأبيض يرتبط اللون الأبيض -وهو لون إيجابي بطبيعته- بالنقاء والبساطة والبراءة، فهو لون الثلج ورمز الهزيمة ووجود كل الألوان، وهو اللون التقليدي الذي ترتديه العرائس في يوم زفافها في معظم دول العالم تقريبًا، أما في بعض البقع الجغرافية، فيرتديه الناس في الجنازات. يرمز اللون الأبيض -وخاصةً في الثقافات الغربية- إلى كل ما يلي: النقاء البساطة البراءة السلام النظافة الفراغ الخير الأسود يرتبط اللون الأسود -وهو لون سلبي بطبيعته- بالتطور والحزن والغموض، فهو لون سماء الليل ورمز الموت وغياب كل لون. قد تراه على عين أحدهم بعد تلقيه للكمة، وذلك أثناء تدربه لنيل الحزام الأسود في لعبة الكاراتيه، كما يُعَد لون الحداد ورمزًا للحزن في الغرب، ولكنه كذلك لون التنحيف عندما ترتديه من أجل حدث مهم فتبدو أنيقًا مع ربطة عنق سوداء. يرمز اللون الأسود -وخاصةً في الثقافات الغربية- إلى كل ما يلي: الرقي الرسميات الحزن الجرأة الأناقة الموت الغموض الآن، وبعد أن أصبحت تعرف أن علاقتنا مع الألوان معقدة ومتجذرة في علاقات بيولوجية وثقافية وشخصية، فتخيل مثلًا لو طُلب منك تصميم لوحة ألوان تتكون من 17 لونًا مختلفًا، بحيث تكون مقبولةً عالميًا في جميع دول العالم. فكر في الأمر قليلًا ودعه يتغلغل مخيلتك. هذا التحدي بالضبط هو الذي واجه المصمم جاكوب ترولباك، وهو مؤسس شركة ترولباك، من أجل تصميم شعار لمبادرة الأهداف العالمية Global Goals، لذا دعنا نتعرف عليه. كيف تدعم الألوان القضايا العالمية مبادرة الأهداف العالمية بدأت قصة مبادرة الأهداف العالمية في خريف عام 2014 مع ريتشارد كيرتس، وهو مخرج أفلام ومؤسس مبادرة بروجيكت إيفري ون، فقد التقى جاكوب ترولباك -مؤسس شركة ترولباك للتصميم- لمناقشة أفضل السبل لجعل هذه الأهداف تلقى صدى عالميًا، كما تولى جاكوب المهمة وأول ما بدأ به هو تحويل اسم المبادرة من "أهداف التنمية المستدامة" إلى ما يُعرف اليوم باسم "الأهداف العالمية"، ودعمت الأفكار القيمة لسفراء الأمم المتحدة والمنظمات غير الحكومية جاكوب وفريقه من أجل تطوير أيقونات يمكن فهمها عالميًا. لذا اختار التصميمات ولوحة الألوان بعناية وأخذ أهميتها ورمزيتها بين الثقافات في الحسبان، كما صمم شعارًا دائري الشكل تعبيرًا عن الوحدة، ونتيجةً لهذه المبادرة صدرت اتفاقية وَقَّعَت عليها جميع الدول الأعضاء البالغ عددها 193 دولةً، واليوم تُتَبنَّى عالميًا وتُستخدَم بوصفها لغةً تعبر عن التغيير، مفعمةً بالأمل، وتلهم الناس لاتخاذ خطوات جريئة نحو مشاريع عالمية أكثر استدامةً. شعار مبادرة الأهداف العالمية Leave No One Behind أي لن نترك أحدًا وراءنا، إذ يتكون الشعار الدائري من 17 لونًا على شكل أيقونات مصغرة. لقد كان تحديًا إبداعيًا اختيار 17 لونًا، بحيث تبدو متناسقةً مع بعضها دون أن تتشابه فيما بينها، كما كان من المهم الاحتفاظ ببعض ارتباطات الألوان، مثل وضع الهدفين: Life Below Water (أي الحياة المائية)، وClean Water and Sanitation (أي المياه النظيفة والصرف الصحي) باللون الأزرق؛ أما هدف الطاقة النظيفة وبأسعار معقولة Affordable and Clean Energy، فوُضِع باللون الأصفر مثل لون الشمس، وقد صرح جاكوب في إشارة منه إلى مدى تعقيد التصميم: الأهداف العالمية السبعة عشر للتنمية المستدامة. بدأ جاكوب عملية التصميم من خلال إعطاء أهداف التنمية المستدامة أسماءً رنانةً مقنعةً، وتحويل اسم المبادرة من Sustainable Development Goals (أي أهداف التنمية المستدامة) إلى اسم أقصر وأكثر جاذبية هي The Global Goals (أي الأهداف العالمية)، وسنستكشف في الصور التي سنعرضها أدناه كيف كتب شعار المبادرة بعدة لغات مختلفة، إذ سيتضح لنا في هذه الصور الاهتمام الدقيق بمبدأ التوطين Localization، أي اختيار عناصر تصميمية تتلاءم مع البيئة الجغرافية للمشروع، وهو مبدأ مهم في التصميم. شعار أهداف التنمية المستدامة مكتوبًا بعدة لغات مختلفة بعد إعادة تسمية شعار المبادرة، أعطى جاكوب كل هدف من الأهداف السبعة عشر اسمًا رنانًا يسهل الحديث عنه وتذكره، كما أعطى لكل هدف رمزًا ملونًا خاصًا للتعبير عن روح الإصرار، والتفاؤل بالجهود التي ستبذل، بعد ذلك صمم شعارًا رسميًا للمبادرة، وهو عبارة عن دائرة مشرقة مكونة من ألوان الأهداف الفردية السبعة عشر لتذكيرنا بضرورة حلها جميعًا معًا دون التخلي عن أحدها. شعار مبادرة الأهداف العالمية تُعَد عملية التصميم -في رأي جاكوب- مدفوعةً على نحو كبير بالأهداف، إذ يبدأ الإبداع عندما تجد طريقةً جديدةً لتقديمها للمستخدمين، وذلك لتمنحهم بها طريقةً مختلفةً للتفكير. ومن خلال وضع هذا المفهوم في الحسبان، ترجم جاكوب الأهداف العالمية إلى حملة شاملة تضمنت تصميمه لموقع إلكتروني وملصقات ودبابيس إعلانية. صورة تعرض الموقع الإلكتروني والملصقات والدبابيس والشعار التي صممها جاكوب لمبادرة الأهداف العالمية خاتمة للألوان تأثير لا يمكن إنكاره، إذ تستطيع الإقناع والتعبير والتواصل، كما يمكن أن تكون أدوات فعالةً للتواصل مع المستخدمين، ولكل لون خصوصية معينة توجب استخدامه في السياق الذي يناسبه، ويُعَد سياق علاقتنا مع الألوان سياقًا معقدًا ومتجذرًا في علاقاتنا البيولوجية والثقافية والشخصية. تعلمنا في هذا المقال أن سياق علاقتنا مع اللون هو سياق معقد متجذر في علاقاتنا البيولوجية والثقافية والشخصية، كما تعلمنا الفرق بين الألوان الدافئة والباردة والرمزية الثقافية لألوان معينة في الثقافات الغربية. الأحمر = الحب والشغف والقوة والسطوة والخطر والإثارة والطاقة. البرتقالي = الدفء والإبداع والمغامرة والنضارة والسعادة والجاذبية والنجاح. الأصفر = التفاؤل والابتهاج والسعادة والدفء والحذر والطاقة والعقل. الأخضر = الطبيعة والنمو والثروة والحظ والحسد والنضارة والجودة. الأزرق = الثقة والهدوء والحزن والسلام والولاء والعمق والأصالة. البنفسجي = لون الملوك والنبل والحكمة والترف والخيال والغموض والروحانية. الأبيض = الطهارة والبساطة والبراءة والسلام والنظافة والفراغ والخير. الأسود = الرقي والرسميات والحزن والجرأة والأناقة والموت والغموض. أخيرًا، تعرفنا على مبادرة الأهداف العالمية والتحديات الخاصة التي استطاع حلها جاكوب ترولباك وفريقه من خلال البحث ومبدأ التوطين والرمزية الثقافية، كما يجب أن تتذكر من كلامه، أن التصميم مدفوع بالأهداف ويبدأ الإبداع عندما تجد طريقةً جديدةً لتقديمها للمستخدمين، لتمنحهم بها طريقةً مختلفةً للتفكير. ترجمة -وبتصرّف- للمقال Understand Color Symbolism لصاحبه Daniel Skrok. اقرأ أيضًا استخدام علم النفس في مجال تجربة المستخدم لتكييف المستخدم وإقناعه مفهوم الثقل المرئي (Visual Weight) والألوان في مجال تجربة المستخدم كل ما يجب عليك معرفته عن نظرية الألوان لغير المصممين سيكولوجية الألوان في عالمي التسويق والعلامات التجارية

يُدرك كل مصمّم جرافيك أنّ مهمّة اختيار تركيب ومزج الألوان وتناسقها هي واحدة من أهم أجزاء عمليّة التّصميم، سواء أكان ذلك التّصميم موجّه للطّباعة أم للعرض على شبكة الويب. لا يوجد أي تركيبة ألوان عالميّة وموحّدة بإمكانها أن ترضي جميع العملاء. بالنّسبة لبعض المصمّمين فإنّ عمليّة تركيب الألوان هي مسألة التّجربة وتحديد الأخطاء ثم التجربة مجدّدًا وهكذا، إلى غاية الحصول على التّركيبة المناسبة، ولكن اعتماد هذه الطّريقة يعني إهدار الكثير من الوقت الثمين. الوقت الذي يُعتبر سلعةً هامة في عالم تصميم الجرافيك والذي يسير بخطوات متسارعة. إلاّ أنّه يُمكن التّقليل من ذلك الوقت عن طريق الاعتماد على بحوث ودراسات متخصّصة ومناسبة، وكذلك من خلال استخدام الذّوق الذي تتمتّع به كمصمّم أو حدسك السّليم تجاه الأنماط. كيف تفهم أساسيات عجلة الألوان Color Wheel قبل كلّ شيء، من المهم أن تعرف أساسيّات عجلة الألوان، ويجب على كلّ مصمّم أن يطّلع عليها عن ظهر قلب. الضّوء الأبيض هو مزيج من كل ألوان الطّيف، والتي تنقسم إلى ثلاث مجموعات أساسيّة هي: الأحمر، الأزرق والأصفر، ومن خلال المزج بين تلك الألوان الثلاثة بإمكانك أن تركّب أي لون تتخيّله ويمكن للعين البشرية أن تراه. وحتّى تكون قادرا على خلق تركيبات ألوان جميلة وجذّابة يجب عليك أوّلا أن تعرف عجلة الألوان Color Wheel، حيث سأحاول شرحها لك بطريقة سهلة خالية من التّعقيدات. الألوان الأحادية monochromatic colors تجعلك تستخدم لون واحد من مجموعة ألوان مختلفة، على سبيل المثال: بإمكانك استخدام تركيبة هذه الألوان لتصميم موقع معيّن : الّلون الأساسي الذي قمنا باستخدامه في الصورة السابقة هو الّلون الأخضر، الأخضر الفاتح (50% أبيض) والأخضر الغامق (50% أسود). واستخدام الألوان الأحادية monochromatic colors في التصاميم يضيف لها رونقًا واحترافية، فيكون التصميم بسيطًا لا تعقيد فيه (خاصة إذا كان التصميم يستخدم قليلا من الإضافات والتأثيرات إلا أن ذلك قد يجعل منه تصميما مملًا ومنفرًا. الألوان المكملة Complementary colors من أكثر تركيبات الألوان جاذبيّة هي تلك التي تُظهر التّناقض وتلفت الانتباه. وتنتج تلك النّوعية من خلال المزج بين الألوان التي تكون متقابلة في الدّائرة اللّونيّة، حيث تتميز بكونها ألوانا جريئة، مثيرة للاهتمام وجذّابة بصريا. تأكّد خلال تركيبك للألوان الخاصة بتصاميم عملائك أن تختار تلك التي تظهر بشكل جميل حين تقوم بمزجها، بعض التّركيبات سينتج عنها ألوانا جدّ صارخة، حاول أن تتجنّبها. الألوان التماثلية Analogous colors الألوان التّماثلية Analogous colors هي الألوان التي تصطف بجانب بعضها البعض علي عجلة الألوان الأساسية، وهي شبيهة بالألوان الأحادية monochromatic colors في كونها مناسبة جدا للتّصاميم المهنية والتّجارية، كما أنّها ملفتة للانتباه باعتبارها تضيف نوعا من التباين والجاذبية على التّصميم. الألوان التّماثلية سهلة الاستخدام ودائما تظهر بشكل جميل. الألوان المثلثية Triadic colors الألوان المثلّثية Triadic colorsهي ألوان مستقلة موجودة على العجلة والتي تشكل مثلّثا بمجرد الربط فيما بينها، ويتميز هذا النمط من الألوان في كونه يخلق نوعا من الجماليّة والتوازن. إرضاء العملاء باستخدام تركيبات لونية صحيحة ومناسبة كما ذكرنا سابقا فإنّه لا يمكننا إقناع جميع العملاء باستخدام نموذج ألوان معيّن، يجب أن تعرف أولا مؤسّسة عميلك (إذا كان التصميم مثلا خاص بمؤسّسته)، وقبل أي شيء آخر يجب أن تعرف ما تقوم به الشركة والمنتجات أو الخدمات التي تقدّمها، ذلك سيعطيك فكرة أولية حول نوعيّة الألوان التي ستختارها، وأيضا لا تنسى أن تطلع على مجموعة من تصاميم لشعارات ناجحة. المطاعم، الوجبات السريعة والمنتجات الغذائية بالنّسبة للشّركات التي تركّز على الغذاء والطعام، حاول أن تستخدم اللّونين الأحمر والأصفر بكثرة، لأنها تعتبر ألوانًا جذّابة وسهلة الالتصاق بذهن المتلقي (الشخص الذي يراه)، بالإضافة إلى أنه يُنصح باستخدام الألوان الحارة والصّلبة، لأن اللونين الأصفر والأحمر يحفزان على الشعور بالجوع من خلال تسريع عمليّة الأيض، الأمر الذي يؤدّي إلى فتح الشهية ورفع من نسبة الطلب على الأكل أكثر مما ينبغي، تجنب استخدام اللون الأزرق والأرجواني للمطاعم نهائيا، لأنها تعمل على التخفيف من شهية الأكل لا شعوريا. أجسامنا تتفاعل سلبيا مع اللون الأزرق والأرجواني، أما الأخضر والبني فهما لونين مناسبين للاسترخاء و الأطعمة غير الرسمية (casual) كالمقاهي مثلا، كذلك جرّب أن تستخدم الألوان المكمّلة والألوان المثلثية. هذه مجموعة من لوحات الألوان الجذابة والتي يمكن استخدامها للمطاعم، الوجبات السريعة والمنتجات الغذائية: مساحيق التجميل ومواد التنظيف هنا نختار الألوان التي تعبر عن الأنوثة، النعومة والنّظافة. ألوان الباستيل مثل الأبيض، الأرجواني، الأزرق الفاتح، والزهري الفاتح هي اختيار رائع يمكنك استخدامه. تجنّب الألوان الحارّة وغير الناعمة، كما بإمكانك استخدام الألوان الأحادية والألوان الحيادية لأنها تدل على النظافة والبساطة. هذه مجموعة من لوحات الألوان الجذابة والتي يمكن استخدامها لمساحيق التّجميل ومواد التّنظيف: المؤسسات الحكومية، المؤسسات العامة، المنظمات الحكومية وغير الحكومية عند قيامك بتصميم لإحدى المؤسّسات الحكومية، أو المؤسسات العامة أو لإحدى المنظمات، عليك أن تأخذ بعين الاعتبار أنها يجب أن تظهر كمؤسسات محترمة، جديرة بالثقة وذات كرامة. لذا اختر ألوانا تكون إيجابية وجميلة في نفس الوقت، كاللون الأخضر والأزرق. تمنح هذه الألوان الجميلة نوعا من الإيجابية وتعطي صورة عن المؤسسة أنها صلبة، قوية وجديرة بالثقة. المنظّمات الحكومية وغير الحكومية تفضل أن تستخدم الأحمر، الأبيض والأزرق في تصاميم شعاراتها مثل ما هو مستخدم في العلم الأمريكي وهي أيضا علامة على القومية والنزاهة. حاول استخدام الألوان الأحادية والتماثلية وقلل من استخدام الألوان المتباينة (الألوان المكملة). هذه مجموعة من لوحات الألوان الجذابة والتي يمكن استخدامها للمؤسّسات الحكومية، المؤسسات العامّة، المنظّمات الحكومية وغير الحكومية: الشّعارات أو التّصاميم الجرافيكية الخاصّة بالمؤسّسات التّعليمية، شركات التّأمين والمستشفيات أيضا تتبنّى ذات القاعدة. الفنادق، المنتجعات ومنشآت الضيافة الأخرى عند قيّامك بتصاميم تخص الفنادق والمنتجعات ركز على الشعور بالراحة، الاسترخاء والضيافة واختر الألوان الترابية والطبيعية. اللون البني، الأخضر والأزرق هي من أكثر الألوان التي توحي بالاسترخاء والهدوء، تجنب الألوان الصّارخة كما بإمكانك استخدام الألوان الأحادية monochromatic colors. لكن حاول أن تستخدم الألوان بحد أدنى. الأسود، الأبيض، الفضي والذهبي هي الأخرى اختيارات رائعة لتصاميم الفنادق والمنتجعات، خاصة إذا كانت من تصنيف خمس نجوم وكانوا يرغبون في الاستفادة من الترف والرقي. الخلاصة تعتبر الألوان طريقة جيدة لجذب انتباه المشاهدين، إلا أن استخدام الكثير منها سيصرف القرّاء، لذلك حاول التقليل قدر الإمكان من استخدامها واكتف فقط باستخدام من 2-4 ألوان. عمليّة مزج وتركيب الألوان ليست مجرّد عملية تتم حسب مزاج المصمم، وإنما تتم من خلال البحث والدراسة المتأنية، وكذلك من خلال معرفة أساسيات عجلة الألوان والتركيب، كلّ ذلك سيمكنك من إنشاء الآلاف من تركيبات الألوان الرّائعة والمبهرة. ترجمة -وبتصرّف- للدّرس Guide to Choosing Color Combinations When Building Sites For Clients لصاحبه James Richman. حقوق الصورة البارزة: Designed by Freepik.