التصميم مع الذكاء الاصطناعي: صياغة النيّة

المصمم لا يختفي، بل يغيّر أداته

لنبدأ بتبديد الخوف الكلاسيكي: لا، الذكاء الاصطناعي لا يحلّ محلّ المصمم. إنه يحلّ محلّ جزء من عمل التنفيذ — إنتاج النسخ البديلة، كتابة CSS لظل ما، اشتقاق لوحة ألوان — لكنه لا يحلّ محلّ الذوق، ولا السياق، ولا المسؤولية عن النتيجة. عندما يشاهد عميل Studio Mango صفحة الهبوط صباح الغد، سيحكم عليك أنت، لا على النموذج.

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

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

نيّة، لا وصفة

هناك طريقتان للحديث إلى ذكاء اصطناعي للتصميم. الأولى هي الوصفة: «ضع زراً أزرق #3B82F6 بارتفاع 44px مع border-radius قدره 8px». هذا يعمل، لكنك لا تستخدم الذكاء الاصطناعي إلا كآلة لكتابة CSS — تقوم بكل عمل التصميم بنفسك، وتحرم نفسك من اقتراحاته.

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

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

تعلّم تسمية ما تراه

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

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

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

المراجع تساوي ألف كلمة

وصف أسلوب من الصفر أمر صعب، حتى على مصمم متمرّس. أما المراجع فتختصر المشكلة: فبدل الشرح المجرد لـ«فاخر ومهدّئ»، تستشهد بمنتجات حمضها البصري معروف. يعرف الذكاء الاصطناعي التوجهات الفنية الكبرى للمنتجات الشهيرة — Apple وStripe وLinear وNotion وHeadspace — ويعرف ما يميّزها.

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

اتجاه فني لتطبيق تأمل:
- سخاء المساحة عند Apple
- نعومة ألوان Headspace
- حدّة خطوط Linear
يجب تجنّب: التدرجات الصارخة، الاكتظاظ، مظهر «قالب الذكاء الاصطناعي العام».

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

قول ما يجب تجنّبه

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

قائمة «يجب تجنّبه» تعمل كمرشّح سلبي بالغ القوة. «بلا تدرجات صارخة، بلا رموز تعبيرية، بلا اكتظاظ» تستبعد سلفاً 80% من النتائج العامة. وهي غالباً أكثر فاعلية من تكديس الصفات الإيجابية، لأن الممنوعات ثنائية وقابلة للتحقق: إما أن يوجد رمز تعبيري في العنوان أو لا.

بناء موجز الاتجاه الفني

لنجمع كل شيء. موجز الاتجاه الفني الجيد يتألف من خمس كتل: السياق (أي منتج، أي جمهور، أي هدف تجاري)، والإحساس المطلوب (ثلاث صفات كحد أقصى، وإلا تساوى كل شيء)، والمراجع (مرجعان أو ثلاثة، مع ما تستلهمه من كل منها)، والقيود الصارمة (لون العلامة، الإتاحة، الصيغة)، والممنوعات. خمس كتل، نحو عشرة أسطر — قصير، وهذا مقصود: موجز من صفحة لا يقرؤه أحد أقل قيمة من موجز من عشرة أسطر يحفظه الجميع.

flowchart TD
  C["السياق: المنتج، الجمهور، الهدف"] --> E["الإحساس: 3 صفات كحد أقصى"]
  E --> R["المراجع: 2-3 منتجات + ما تستلهمه"]
  R --> K["القيود الصارمة: العلامة، الإتاحة"]
  K --> I["الممنوعات: القائمة المضادة للعمومية"]
  I --> B["موجز الاتجاه الفني"]
  B --> P["كل موجّهات المشروع"]

السياق: صفحة هبوط لـSereno، تطبيق تأمل موجَّه للعاملين الحضريين المجهدين. الهدف: التحويل نحو التجربة المجانية.
الإحساس: هدوء، فخامة، ثقة.
المراجع: سخاء المساحة عند Apple، نعومة ألوان Headspace، حدّة خطوط Linear.
القيود: تباينات AA كحد أدنى، تصميم mobile-first، بلا صور أرشيفية جاهزة.
الممنوعات: تدرجات بنفسجية، رموز تعبيرية في العناوين، ظلال ناعمة عامة، اكتظاظ.

أعد صياغة هذا الموجز في اتجاه فني من 3 جمل، ثم اذكر 5 قرارات بصرية ملموسة تنبثق منه.

دور الإنسان: الفرز والتحكيم وتحمّل المسؤولية

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

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