في شارع وصفي التل بعمّان، طلب صاحب مخبز صغير ملصقًا يعلن به افتتاح فرعه الثاني. سلّم المصمم قائمة من أربعة عشر بندًا: اسم المخبز، خبر الافتتاح، الخصم، أصناف الخبز الأربعة، ساعات العمل، العنوان، التوصيل المجاني، رقم الهاتف… وأنهى الطلب بجملة يسمعها كل مصمم عربي كل أسبوع: «خلّي كل شي واضح». نفّذ المصمم الطلب حرفيًا، فكتب البنود الأربعة عشر بحجم واحد تقريبًا، وملأ بها الملصق حتى الحواف، وعُلّق على الواجهة يوم الخميس.
بعد أسبوع كان صاحب المخبز غاضبًا: «ولا زبون سأل عن الخصم». الملصق لم يكن قبيحًا، وكل معلومة فيه كانت صحيحة ومقروءة، والخط كان مرتبًا. المشكلة أنه لم يقل شيئًا واحدًا؛ قال أربعة عشر شيئًا في اللحظة نفسها، فسمع المارّ صمتًا. من هنا يبدأ هذا الكتاب، ومن هنا يبدأ التصميم: لا عند اختيار اللون الجميل، بل عند السؤال الصعب: ما الشيء الوحيد الذي يجب أن يصل قبل أن يشيح الناظر بعينه؟
مرحباً بك في رحلة التصميم الجرافيكي. إن كنت تقرأ هذه الكلمات الآن فأنت أمام مهارة تُبنى بالتمرين، لا موهبة تُولد معك. وأول ما يبنيه هذا الفصل ليس مهارة يدوية في برنامج، بل طريقة نظر: أن ترى في كل ملصق وكل واجهة وكل عبوة قرارًا اتُّخذ لحلّ مشكلة تحت ضغط قيود.
هذا هو ملصق مخبز الرابية نفسه. بدّل بين النسختين وراقب أن المحتوى لم يتغيّر — تغيّر ترتيبه فقط. الوسوم الأربعة تحت اللوح تشرح ما الذي تغيّر ولماذا.
خبز الصاج والمناقيش يخرج من الفرن كل نصف ساعة، من السابعة صباحًا.
ما تجرّبه هنا: زرّان يبدّلان معالجة المحتوى نفسه. لاحظ أن النسخة الثانية لم تحذف معلومة واحدة — رتّبتها فقط. هذا هو الفرق بين «تزيين» و«حلّ مشكلة ضمن قيود».
ما هو التصميم الجرافيكي حقاً؟
التصميم الجرافيكي ليس مجرد "جعل الأشياء تبدو جميلة" كما يظن البعض. إنه فن حل المشاكل بصرياً. إنه الجسر الذي يربط بين الأفكار المعقدة والفهم البسيط، بين الرسالة والمتلقي، بين الحلم والواقع.
التصميم حلّ مشكلة ضمن قيود، لا تزيين. كل كلمة في هذه الجملة تحمل وزنها: «مشكلة» تعني أن هناك شيئًا لا يعمل الآن — رسالة لا تصل، زبون لا يجد الفئة، مستخدم لا يكمل الطلب. و«قيود» تعني أن الحل ليس حرًّا: مساحة محدودة، ميزانية طباعة بلونين، شاشة بعرض ٣٦٠ بكسل، ثانيتان يعطيهما المارّ للوحة، اسم طويل لا يمكن اختصاره. و«لا تزيين» تعني أن الحكم على التصميم ليس «هل أعجبني؟» بل «هل حلّ المشكلة داخل هذه القيود؟».
الفارق العملي بين التعريفين ضخم. من يظن التصميم تزيينًا يبدأ من الأدوات: أي خط جميل، أي تدرّج لوني، أي أيقونة رائجة. ومن يفهمه حلًّا لمشكلة يبدأ من سؤالين قبل فتح أي برنامج: من سيرى هذا، وفي أي ظرف؟ ملصق يُقرأ على بعد نصف متر في مصعد ليس كملصق يُقرأ من سيارة تسير بسرعة ثمانين كيلومترًا. القيد هو الذي يحدد الحجم والتباين وعدد الكلمات، لا الذوق.
صيدلية صغيرة في جبل الحسين بعمّان أرادت لافتة خارجية. المشكلة الحقيقية لم تكن «شكل اللافتة» بل أن المارّة كانوا يمرّون بجانب الباب دون أن ينتبهوا لوجود خدمة قياس ضغط مجانية بالداخل. والقيود كانت أربعة: عرض الواجهة متر ونصف فقط، الميزانية تكفي لونين لا أكثر، اللافتة تُقرأ من الرصيف المقابل بزاوية مائلة، والنص يجب أن يُقرأ ليلًا بإضاءة الشارع وحدها.
القرار الذي خرج من هذه القيود: سطر واحد كبير «قياس الضغط مجانًا» بلون واحد عالي التباين، واسم الصيدلية أصغر منه لأن الزبون القريب يعرف أين هو أصلًا، وحذف رقم الهاتف تمامًا لأن من يقرأ اللافتة يقف على بعد خطوتين من الباب. النتيجة: زاد الداخلون لقياس الضغط، ومنهم من اشترى. لاحظ أن أيًّا من هذه القرارات لم يكن قرار «جمال» — كلها قرارات فرضتها القيود.
التصميم من حولنا في كل مكان
من اللحظة التي تستيقظ فيها صباحاً وحتى تنام ليلاً، أنت محاط بآلاف القرارات التصميمية:
- هاتفك الذكي: تصميم الأيقونات، ألوان الواجهة، ترتيب العناصر
- علبة الحليب: شكل العبوة، الألوان، الخط المستخدم
- إشارات المرور: الألوان الواضحة، الأشكال المفهومة عالمياً
- مواقع التواصل: تخطيط المنشورات، أزرار التفاعل
انظر حولك الآن واختر 5 أشياء تراها. فكر في التصميم وراء كل واحد منها - لماذا اختيرت هذه الألوان؟ لماذا هذا الشكل؟ ما الرسالة التي تحاول توصيلها؟
ما الذي يحدث قبل أن تقرأ؟
ستقرأ في كثير من المواد المتداولة أرقامًا مبهرة عن سرعة الدماغ في معالجة الصور. لن نكرّرها هنا، لأن أغلبها يُتداول بلا مصدر يمكن التحقق منه، ولأنك لا تحتاجها أصلًا. الملاحظة النوعية الصادقة تكفي وهي قابلة للاختبار عليك أنت: العين تلتقط بنية الصفحة قبل أن تقرأ كلماتها. قبل أن تفكّ حرفًا واحدًا، تكون قد أدركت أين الكتلة الكبيرة، وأين الفراغ، وكم عنصرًا يتنافس، وهل الشيء منظم أم مبعثر.
وينبني على ذلك أمر أهم: الحكم على الصفحة يسبق قراءتها. القارئ يقرر أن هذه اللافتة «فوضى» أو أن هذا الموقع «يبدو غير جاد» قبل أن يعرف ماذا يقول أيٌّ منهما. ولهذا يعمل المصمم على مستويين: مستوى ما يُقرأ، ومستوى ما يُلتقط قبل القراءة. الملصق الذي فشل في مخبز الرابية لم يفشل في مستوى القراءة — كل كلمة فيه مقروءة — بل في المستوى الذي يسبقها.
ولأن الأرقام المنسوبة لا تعني شيئًا، جرّب المرئية التالية بنفسك. ستبحث مرتين عن عنصر مختلف داخل شبكة: مرة يكون الاختلاف نصيًا فقط (رقم مختلف بنفس اللون والحجم)، ومرة يكون بصريًا (لون وشكل مختلفان). المتصفح يقيس زمنك أنت في كل مرة ويعرضه لك. النتيجة رقمك الشخصي في هذه اللحظة، لا إحصاء منسوب لأحد.
في كل جولة توجد خانة واحدة مختلفة بين ثمانٍ وأربعين خانة. اضغط عليها فور أن تجدها. الزمن يبدأ لحظة ظهور الشبكة ويتوقف لحظة نقرك الصحيح.
ما تجرّبه هنا: بحثان عن الشيء نفسه، يتغيّر بينهما نوع الاختلاف لا مقداره. الأزمنة المعروضة هي أزمنتك أنت في هذه الجلسة — ليست إحصاءً ولا متوسطًا منسوبًا لأي دراسة، وقد تختلف تمامًا في المحاولة التالية.
الدرس العملي من الجولتين ليس الرقم، بل المقارنة بين إحساسك في الحالتين: في الجولة النصية كنت تقرأ خانة بعد خانة، وفي الجولة البصرية رأيت الهدف قبل أن تبحث عنه. هذا بالضبط ما تفعله في كل تصميم: تحوّل ما تريد إيصاله من شيء يحتاج قراءة متسلسلة إلى شيء يُلتقط دفعة واحدة. اللون والحجم والفراغ والموضع هي أدواتك لنقل معلومة من الطابور إلى المقدمة.
متى تنقلب هذه النصيحة إلى ضرر؟
قاعدة «اجعل عنصرًا واحدًا هو البطل» صحيحة في الملصق واللافتة والإعلان، وتصبح خطأً فادحًا في مواضع أخرى. في جدول أسعار أو نموذج طلب حكومي أو قائمة مواعيد عيادة، تكون المساواة البصرية بين البنود هي الرسالة نفسها. إذا كبّرت بندًا واحدًا في قائمة الأسعار فقد أوحيت للقارئ بأن البقية أقل أهمية أو أقل جدية، وربما أوحيت بأن هذا هو الخيار «الصحيح» في موضع يجب أن يكون فيه القرار للقارئ وحده.
والقاعدة تنقلب كذلك حين يكون المحتوى مرجعيًا لا إعلانيًا: صفحة تعليمات دواء، أو شروط استخدام، أو دليل صيانة. هنا لا يمسح القارئ الصفحة بحثًا عن بطل، بل يبحث عن بند بعينه، فيصبح الاتساق وسهولة المسح المنتظم أهم من التباين الدرامي. الحكم دائمًا يعود إلى التعريف: ما المشكلة، وما القيد؟ لو كانت المشكلة «الزبون لا يجد بند التأمين»، فالحل ليس تكبير بند واحد بل تنظيم البنود في مجموعات بعناوين واضحة.
ما يحدث: مصمم يبني مطوية عربية فوق قالب جاهز إنجليزي، فيترك الشعار في أعلى اليسار كما كان في القالب، ويترك الأسهم والمخططات تسير من اليسار إلى اليمين. النتيجة أن الشعار يقع خارج نقطة الدخول الأولى لعين القارئ العربي — وهي أعلى اليمين — ويصبح تسلسل الخطوات معكوسًا عمليًا لمن يقرأ عربيًا.
لماذا يبدو صحيحًا: لأن التصميم يبدو «مرتبًا» في المعاينة، والمصمم يفحصه بعينه هو لا بعين القارئ، وقد رأى آلاف النماذج الغربية حتى صار الشكل مألوفًا له.
البديل: اعكس المحور قبل أن تبدأ التنفيذ لا بعده: نقطة الدخول أعلى اليمين، وتدفّق الخطوات من اليمين إلى اليسار، والأسهم تشير إلى اليسار. ثم اختبر بأبسط اختبار: أرِ التصميم لشخص لثانيتين ثم اسأله «ما أول شيء رأيته؟» — إن لم يكن ما قصدته، فالمشكلة في التصميم لا في عين المشاهد.
التصميم كلغة عالمية
إحدى أجمل خصائص التصميم الجرافيكي أنه يتخطى حواجز اللغة والثقافة. الابتسامة تُفهم في اليابان كما تُفهم في البرازيل. اللون الأحمر ينبه للخطر في معظم أنحاء العالم. الخط المائل يوحي بالحركة والديناميكية في كل مكان.
رغم وجود عناصر عالمية، هناك اختلافات ثقافية مهمة في التصميم. ما يُعتبر جميلاً أو مناسباً في ثقافة قد يكون مسيئاً في أخرى. المصمم الماهر يدرك هذه الفروقات ويحترمها.
لماذا تتعلم التصميم الآن؟
نعيش في عصر بصري بامتياز. وسائل التواصل الاجتماعي، المواقع الإلكترونية، التطبيقات، الإعلانات - كلها تتنافس على جذب انتباهنا البصري. في هذا العالم، من لا يجيد التواصل بصرياً، يفقد فرصاً ذهبية.
التصميم الجرافيكي ليس مقتصراً على "المصممين" فقط. إنه مهارة أساسية مفيدة لـ:
- رجال الأعمال: لتقديم أفكارهم بوضوح وإقناع
- المعلمين: لجعل دروسهم أكثر تأثيراً وفهماً
- الطلاب: لتقديم مشاريعهم بطريقة مميزة
- المسوقين: لخلق حملات تجذب العملاء
- أي شخص: يريد أن يكون أكثر تأثيراً في تواصله
أدوات تفاعلية في هذا الكتاب
رحلتك تبدأ الآن
في هذا الكتاب التفاعلي، ستتعلم ليس فقط كيف تصمم، بل لماذا تصمم بطريقة معينة. ستكتشف الأسرار النفسية وراء الألوان، ستفهم قواعد التكوين التي تجعل التصميم متوازناً، وستتعلم كيف تحكي قصصاً مؤثرة من خلال الصور والنصوص.
لا تحاول أن تتعلم كل شيء دفعة واحدة. التصميم رحلة طويلة وممتعة. استمتع بكل خطوة، ومارس ما تتعلمه، ولا تخف من الأخطاء - فهي جزء من التعلم!
مرحباً بك في عالم لا نهاية له من الإبداع والجمال والتأثير. مرحباً بك في عالم التصميم الجرافيكي!
خرجت من هذا الدرس بتعريف واحد تحمله معك: التصميم حلّ مشكلة ضمن قيود. لكن التعريف وحده لا يقنع أحدًا — لا صاحب المخبز الذي يظن أن الملصق «مجرد ورقة»، ولا المدير الذي يعدّ ميزانية التصميم بندًا يمكن حذفه أولًا. لهذا يأتي الدرس التالي، «لماذا نحتاج للتصميم الجرافيكي؟»، ليجيب عن السؤال من الجهة العملية: ما الذي يخسره فعلًا من يتجاهل التصميم، في المتجر والمدرسة والشاشة الصغيرة، وكيف تشرح ذلك لمن لا يرى في التصميم إلا ذوقًا شخصيًا.