الدرس الثالث

قصص نجاح ملهمة من عالم التصميم

كيف غيّر مصممون مبدعون وجه العالم بأعمالهم

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

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

ستيف جوبز

«التصميم ليس كيف يبدو الشيء ويُحسّ به فقط؛ التصميم هو كيف يعمل.» — مقولة منسوبة إلى ستيف جوبز، مؤسس Apple

خمس حالات مشهورة، مفكَّكة إلى أربع خانات

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

المشكلة الخرائط كانت ترسم مسارات القطارات فوق الجغرافيا الحقيقية للمدينة، فتزدحم المحطات في المركز وتتباعد في الأطراف حتى يعجز الراكب عن قراءتها.
القيد الراكب لا يحتاج المسافة الحقيقية ولا الاتجاه الحقيقي؛ يحتاج شيئين فقط: على أي خط أنا، وأين أبدّل. والخريطة تُقرأ واقفًا في نفق مزدحم، وتُطبع بحجم صغير يُطوى في الجيب.
القرار التخلي عن الدقة الجغرافية عمدًا: مسافات متساوية بين المحطات، وخطوط مستقيمة بزوايا ثابتة، ولون مستقل لكل خط، وعلامات واضحة لنقاط التبديل.
الأثر صار هذا النمط لغة عالمية لخرائط شبكات النقل، وتبنّته مدن كثيرة حول العالم — والدرس الباقي منه أن حذف معلومة صحيحة قد يكون هو الحل حين لا يحتاجها المستعمل.
المشكلة مع ظهور الطرق السريعة صارت اللافتات القديمة تُقرأ ببطء شديد على السرعات العالية، فيتأخر السائق في اتخاذ قراره أو يفوّت المخرج.
القيد اللافتة تُقرأ من مركبة متحركة، بزاوية تتغيّر باستمرار، في ضوء نهار أو مصابيح ليل، ولمدة أجزاء من الثانية. والمساحة على العمود محدودة والتكلفة عالية.
القرار حرف مصمَّم خصيصًا لسهولة التعرّف على السرعة، وتخلٍّ عن الحروف الكبيرة وحدها لأن اختلاف أشكال الحروف الصغيرة يساعد التعرّف، ونظام ألوان وأشكال ثابت يميّز نوع الطريق قبل قراءة الكلمات.
الأثر نظام لافتات صمد عقودًا وأثّر في أنظمة كثيرة بعده — ودرسه أن «المقروء على الورق» شيء و«المقروء في ظرف الاستعمال» شيء آخر تمامًا.
المشكلة شركة تقنية ضخمة تحتاج علامة واحدة تظهر على آلاف الأشياء المختلفة — من واجهة مبنى إلى ورقة مطبوعة إلى جانب جهاز — وتظل معروفة في كل حجم.
القيد طرق الطباعة والاستنساخ في ذلك العصر كانت تفقد التفاصيل الدقيقة، والشعار يجب أن يعمل بلون واحد، وأن يُطبع صغيرًا جدًا دون أن يتحوّل إلى بقعة.
القرار حروف عريضة هندسية تُقطع بخطوط أفقية متساوية، فتصبح البنية نفسها هي العلامة المميزة — شيء يُتعرَّف عليه حتى قبل قراءة الحروف، ويحتمل التصغير لأنه لا يعتمد على تفصيل دقيق.
الأثر صار مرجعًا في تصميم الهويات المؤسسية، وأرسى فكرة أن الشعار ليس رسمًا جميلًا بل نظامًا يجب أن يصمد في أسوأ ظروف إعادة الإنتاج.
المشكلة دقائق افتتاح الفيلم كانت تُهدر في قوائم أسماء ساكنة يتجاهلها الجمهور، بينما يدخل المشاهد القاعة بمزاج لا علاقة له بمزاج الفيلم.
القيد يجب عرض أسماء محدّدة بترتيب تعاقدي لا يمكن حذفه ولا تغييره، خلال مدة قصيرة ثابتة، وبإمكانات إنتاج بسيطة نسبيًا في ذلك الوقت.
القرار معاملة قائمة الأسماء نفسها بوصفها مادة بصرية: أشكال وحركة وإيقاع يبني الحالة النفسية للفيلم، دون حذف أي اسم ودون كسر الترتيب المطلوب.
الأثر نشأ تخصّص قائم بذاته لتصميم العناوين، وامتد أثره إلى الهويات المتحركة على الشاشات — ودرسه أن القيد التعاقدي الجامد يمكن أن يتحوّل إلى مادة للحل بدل أن يكون عائقًا.
المشكلة حدث دولي يستقبل زوارًا لا يقرؤون اللغة المحلية ولا يشتركون في أبجدية واحدة، ويحتاجون إلى إيجاد المرافق والمنشآت بأنفسهم دون سؤال.
القيد لا يمكن ترجمة كل لافتة إلى عشرات اللغات؛ والمساحة على اللافتة ثابتة؛ والرمز يجب أن يُفهم من مسافة بعيدة وبسرعة، وأن يبقى مفهومًا حين يُصغَّر أو يُطبع بلون واحد.
القرار بناء نظام رموز موحّد الأسلوب: أشكال مصمتة مبسّطة بقواعد ثابتة للسُّمك والنِّسب، فيصبح النظام كله قابلًا للتعلّم من أول رمزين.
الأثر صارت الرموز التصويرية أساس أنظمة الإرشاد في المطارات والمستشفيات والمرافق العامة حول العالم — ودرسها أن الاتساق داخل النظام أهم من جمال كل رمز على حدة.

ما تجرّبه هنا: خمس حالات بنفس الخانات الأربع. لا صور أشخاص ولا أرقام أداء منسوبة — فقط تفكيك بنيوي يبيّن أن كل عمل شهير هو جواب على قيد.

ستيف جوبز - الرجل الذي أعاد تعريف التصميم

SJ

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

فلسفته في التصميم كانت بسيطة: "البساطة هي أقصى درجات التطور". هذا المبدأ قاد إلى إبداعات مثل الـ iMac، الـ iPod، الـ iPhone، والـ iPad - أجهزة غيّرت وجه التكنولوجيا إلى الأبد.

التأثير: تحوّلت الشركة من حافة الانهيار إلى واحدة من أكثر الشركات تأثيرًا في صناعات الحاسوب والموسيقى والهواتف — والدرس الباقي أن القرار المؤثر كان تقليل عدد المنتجات لا زيادتها، أي حلّ مشكلة التشتّت ضمن قيد الموارد المحدودة

بول راند - مصمم الهوية الذي لم تسمع عنه

PR

بول راند هو الرجل وراء بعض أشهر الشعارات في التاريخ: IBM، UPS، ABC Television، وحتى شعار NeXT الخاص بستيف جوبز. لكن ما جعله مميزاً لم يكن مجرد رسم الشعارات، بل فهمه العميق لـنفسية العلامة التجارية.

عندما طلبت IBM منه تصميم شعار جديد في الخمسينيات، لم يكتفِ براند برسم الحروف. بل خلق هوية بصرية كاملة تعكس الثقة، والتقنية، والموثوقية - قيم أساسية لشركة تقنية ناشئة آنذاك.

التأثير: الشعار الذي صمّمه راند لا يزال مستعملًا بعد عقود طويلة، وصار مرجعًا في تصميم الهويات المؤسسية — لأنه بُني ليصمد في أسوأ ظروف الطباعة لا ليعجب لجنة في اجتماع واحد
درس مستفاد

التصميم الجيد لا يتقادم. عندما تفهم جوهر العلامة التجارية وتترجمه بصرياً، تخلق تصميماً يصمد عبر العقود.

نقلة في عالم السينما

SB

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

تصميمه لعناوين فيلم "Psycho" لهيتشكوك لم يكن مجرد خطوط وألوان، بل كان تجسيداً بصرياً للتوتر النفسي الذي سيشعر به المشاهد طوال الفيلم.

التأثير: أصبح تصميم العناوين مجالاً قائماً بذاته، وأثر على تصميم الهويات للشركات والعلامات التجارية

قصة نجاح من العالم العربي

المشكلة: مؤسسة ثقافية أرادت هوية تعمل بالعربية والإنجليزية معًا. النسخة الأولى كانت اسمًا لاتينيًا مصمَّمًا بعناية، ثم «أُضيف» الاسم العربي إلى جانبه بخط جاهز. النتيجة أن النسختين بدتا وكأنهما لمؤسستين مختلفتين: وزن الحرف مختلف، والارتفاع البصري مختلف، والعربية تبدو دائمًا أصغر وأضعف.

القيد: الشعار يظهر على لافتة مبنى وعلى بطاقة تعريف وعلى شاشة صغيرة؛ والاسم العربي أطول من اللاتيني بمقطعين؛ وارتفاع الحرف العربي يتوزّع بين نقاط تحت السطر وأسنان فوقه، فلا يمكن محاذاته باللاتيني بالطريقة نفسها.

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

الأثر: النسختان صارتا تُقرآن كعلامة واحدة. والدرس المنقول عن كل الحالات السابقة نفسه: القيد اللغوي والتقني هو ما صنع القرار، لا الذوق.

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

خط زمني: القيد التقني الذي شكّل الحرف العربي

خمس محطات، من المخطوطة إلى واجهات اليوم. في كل محطة: ما القيد، وماذا فعل بالشكل، وماذا خسرنا وماذا كسبنا.

المخطوطة: اليد حرة والقيد هو الأداة

القيد: قلم من قصب يُقطّ طرفه بزاوية ثابتة، ومداد يسيل، وسطح لا يحتمل التصحيح، وناسخ واحد ينتج نسخة واحدة في أسابيع.

ما فعله بالشكل: زاوية القطّ هي التي حدّدت أين يغلظ الحرف وأين يرقّ — لم يكن ذلك قرارًا جماليًا بل نتيجة ميكانيكية. وحرية اليد سمحت بالتركيب الرأسي، ومدّ الحروف لملء السطر، وتوزيع التشكيل بحرية فوق الكلمة وتحتها.

الحصيلة: غنى شديد في الأشكال، مقابل استحالة التكرار الدقيق أو الإنتاج الواسع.

الحرف الطباعي: القيد يفرض التسوية

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

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

الحصيلة: وُلد «الخط الطباعي» البسيط — خسرنا بعض غنى المخطوطة وكسبنا إمكانية طباعة آلاف النسخ. هذا مثال صريح على أن القيد لا يفسد التصميم بل ينتج طرازًا جديدًا.

الصحافة: القيد هو السرعة والورق

القيد: أعمدة ضيقة تسمح بمسح سريع، وورق رخيص يمتصّ الحبر فتغلظ الحروف الرفيعة وتنسدّ العيون الصغيرة داخلها، وموعد طباعة يومي لا يحتمل التنقيح.

ما فعله بالشكل: نشأت مراتب واضحة بين العنوان الرئيسي والعناوين الفرعية والمتن — وهي أول ظهور واسع لـ«التسلسل البصري» في الطباعة العربية. وصُمّمت حروف متن أعرض قليلًا لتحتمل انتشار الحبر، وفُصلت الأخبار بخطوط وحدود لأن الفراغ وحده كان مكلفًا.

الحصيلة: صار القارئ يعرف من شكل الصفحة وحده أين الخبر الرئيسي — قبل أن يقرأ كلمة.

الهوية المؤسسية: القيد هو مدى الاستعمال

القيد: العلامة نفسها يجب أن تعمل على لافتة بارتفاع مترين وعلى ترويسة ورقية بعرض سنتيمترين، وبلون واحد أحيانًا، وإلى جانب اسم لاتيني، وفوق خلفيات لا يتحكم بها أحد.

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

الحصيلة: انتقل التصميم العربي من «رسم شعار» إلى «بناء نظام» — وهذه نقلة في طريقة التفكير لا في الشكل.

الرقمي وواجهات RTL: قيدان في وقت واحد

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

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

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

الحصيلة: نحن اليوم في منتصف هذه المحطة لا في نهايتها — وكل واجهة عربية تُبنى فوق قالب إنجليزي دون عكس حقيقي هي دليل على أن القيد لم يُفهم بعد.

ما تجرّبه هنا: خمس محطات، وكل ضغطة تكشف القيد التقني الذي شكّل صورة الحرف في زمنها. لا تواريخ دقيقة ولا أرقام منسوبة — المقصود تسلسل الأسباب لا جدول زمني.

محطات مهمة في تاريخ التصميم

1
1956

بول راند يضع أسس هوية IBM

وضع أسس تصميم الهويات المؤسسية الحديثة

2
1960

ساول باس يثور عناوين فيلم Psycho

بداية عصر جديد في التصميم السينمائي

3
1998

إطلاق iMac الشفاف

ستيف جوبز يعيد تعريف تصميم الكمبيوتر

4
2007

إطلاق iPhone الأول

ثورة في تصميم واجهات الهواتف الذكية

5
2010+

عصر التصميم الرقمي

ظهور جيل جديد من المصممين الرقميين

كيف تصبح قصة نجاح تالية؟

هؤلاء المصممون لم يولدوا عباقرة، ولم يكن ما ميّزهم ذوقًا أرقى من ذوق غيرهم. ما ميّزهم أنهم أعادوا تعريف المشكلة قبل أن يرسموا: بيك سأل «ما الذي يحتاجه الراكب فعلًا؟» بدل «كيف أرسم الخريطة بدقة؟»، وباس سأل «ماذا أفعل بالدقائق المهدورة؟» بدل «كيف أجمّل الأسماء؟». بقية الصفات تأتي بعد ذلك:

  • الممارسة المستمرة: طوروا مهاراتهم يومياً دون توقف
  • النقد البناء: قبلوا التقييم واستفادوا منه للتحسن
  • التجريب الجريء: لم يخافوا من الفشل أو تجربة أشياء جديدة
  • الشغف الحقيقي: أحبوا ما يفعلونه ولم يعتبروه مجرد وظيفة
  • التعلم المستمر: ظلوا طلاب علم طوال حياتهم المهنية
مثال مفصّل: خريطة حافلات في صفاقس

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

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

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

النتيجة: صار الجواب عن سؤال «كيف أصل؟» ممكنًا في نظرة واحدة. ولاحظ ما حدث: لم تُنسخ خريطة لندن، بل نُقل المبدأ — احذف ما لا يحتاجه المستعمل — ثم أُعيد حلّه داخل قيود صفاقس المختلفة تمامًا.

متى تنقلب قصص النجاح إلى ضرر؟

قصص النجاح مادة تعليمية ممتازة ومصيدة في الوقت نفسه، والمصيدة الأولى هي انحياز الناجين: نحن نروي قصص من نجحوا، ولا نرى آلاف من اتخذوا القرار الجريء نفسه ولم ينجحوا، فتبدو المخاطرة وكأنها وصفة مضمونة. القراءة الصحيحة لأي قصة في هذا الدرس ليست «كن جريئًا مثله»، بل «انظر أي قيد كان يواجهه، وهل قيدك يشبهه؟».

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

والمصيدة الثالثة أن تُقرأ هذه القصص فتشعر بالعجز بدل الحماس: «هؤلاء أساطير وأنا أبدأ من الصفر». لكن ما فعله كل واحد منهم في يومه العادي كان أصغر بكثير من الأسطورة: نظر إلى شيء يستعمله الناس يوميًا، ولاحظ أنه لا يعمل جيدًا، وسأل لماذا. هذا تحديدًا ما تستطيع فعله اليوم مع أول لافتة تمرّ بها.

خطأ شائع: تقليد «اللوك» من لوحة إلهام

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

لماذا يبدو صحيحًا: لأن المرجع الذي قلّده ناجح فعلًا، والمصمم يقارن عمله بالمرجع على الشاشة — في الظرف الذي يخدم المرجع، لا في الظرف الذي سيعمل فيه عمله هو.

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

رحلتك في عالم التصميم بدأت للتو. تذكّر أن كل خبير كان مبتدئًا يومًا ما، وأن كل عمل من الأعمال الخمسة التي فكّكناها بدأ بسؤال لا برسم. ابدأ بالسؤال، ثم ارسم.

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