04

التصميم الجرافيكي — لغة واحدة، أربعة مواضع

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

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

النظام

الشعار جزء واحد. وهذا هو باقيه.

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

العلامة

مرسومة على شبكة، ثم مُختبَرة حيث ستعيش

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

لوحة الألوان

لون بنسبه مكتوبة

التباين مفحوص لا مُقدَّر بالعين، والأزواج الراسبة مسجَّلة راسبةً. هذه هي الورقة التي تمنع لون العلامة من حمل نصّ الجسد على موقع العلامة نفسها ثم الرسوب بصمت.

الحرف

أي خطوط، وأي أوزان، ولأي غرض كلٌّ منها

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

النقش

شيء يملأ سطحًا ويبقى مع ذلك العلامة

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

التطبيقات

عشر قطع، يُعرَف أنّها شيء واحد

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

الحقوق

الجزء الذي تلاحظه بعد سنوات

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

ما يصل

لا شيء يُرسَم مرّتين

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

  1. 01

    الإنشاء

    الشبكة والزوايا وسماكة خطّ واحدة. مملّة عن قصد: كل قرار تالٍ يُفحَص بإزائها.

  2. 02

    العلامة

    خطّان على الشبكة. والعلامة التي لا تصمد كخطّين لا ينقذها اللون لاحقًا.

  3. 03

    لوحة الألوان، مقيسة من العلامة

    خمس قيم، والنسبة المسموح بها لكلٍّ منها — فيصير لون العلامة نسبةً لا تفضيلًا.

  4. 04

    الحرف، على خطوط الأساس نفسها

    خطّ عرض وخطّ عمل، مركَّبان على خطوط الإنشاء نفسها لا بجانبها.

  5. 05

    النقش الذي يولّده القُطر

    زاوية العلامة نفسها، مكرّرة. نسيج لأي سطح يحتاج ملئًا، ولا يمكن أن يتنافر مع العلامة التي جاء منها.

  6. 06

    الأسطح، الأعرض أولًا

    لوحة إعلانية، وواجهة محل، ومنشور، وقائمة طعام، وكوب، وحقيبة. لا واحد منها رسمة جديدة — وهذا هو المقصود، وهذا ما وُجدت البطاقة من أجله.

كيف يُؤخَذ

وحده، أو مع عمل برمجي

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

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

وحيث يكون العمل البرمجي جزءًا منه، تُصنَع الهوية والموقع معًا بدل تناقلهما بين شخصين. صفحة مواقع الويب تصف ذلك النصف.

ما أفحصه

ما هو جزء من العمل، وما أتركه لمشروع آخر

الحجم نفسه والوزن نفسه، في العمودين. والعمود الثاني هو حيث يسوء مشروع التصميم عادةً، لأنّ معظمه عمل يُحسنه غيري ويفترض الجميع أنّه مشمول.

جزء من العمل

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

خارج هذا الاستكشاف

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

السؤال

السؤال الذي يستحقّ طرحًا صحيحًا

يمكن توليد علامة آليًا في دقائق. فماذا يشتري الإنشاء والتفكير النظامي فعلًا؟

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

لون علامة يرسب في التباين أول مرّة يحمل فيها نصًّا على موقع. ووزن ثانٍ من الخطّ لم يرخّصه أحد. ونسخة لخلفية داكنة غير موجودة. كلٌّ من هذه رخيص أن يُقرَّر في البداية وباهظ أن يُكتشَف لاحقًا — وكلٌّ منها درس حرفة لا حجّة بيع.

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

أعمال مُكلَّف بها

ثلاثة قطاعات، وثلاث لوحات ألوان، وطريقة واحدة

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

بطاقة هوية لـ Decor Studio، مكتب تصميم داخلي: علامة نصّية رفيعة الخطوط، ولوحة محايدة من خمسة حقول بقيم ست عشرية، ونموذج خطّ Poppins، ونقش متكرّر، وأيقونة تطبيق، وحساب تواصل اجتماعي، وتصوّر لموقع، والعلامة مطبَّقة على بطاقة عمل وورق مراسلات ومظروف ولافتات مكتبية ولافتة خارجية ولوحة مواد.
تصميم داخلي — محايد، رفيع الخطوط، يقوده الطبع
بطاقة هوية لمعرض سيارات: علامة نصّية بخطّ حرّ فوق ظلّ مركبة، ولوحة من خمسة حقول بلمسة حمراء واحدة وقيم ست عشرية، ونموذج خطّ Exo 2، ونقش، وأيقونة تطبيق، وحساب تواصل اجتماعي، ولافتة رئيسية، والعلامة مطبَّقة على بطاقة عمل وورق مراسلات ومظروف ولافتات المعرض ولوحة عمودية وزيّ عمل وتغليف مركبات.
تجارة السيارات — لمسة واحدة، يقودها المكان
بطاقة هوية لـ NEON، شركة تقنية: علامة نصّية هندسية عريضة على أسود، ولوحة من خمسة حقول بلمسة خضراء حادّة وقيم ست عشرية، ونموذج خطّ Space Grotesk، ونقش، وأيقونة تطبيق، وحساب تواصل اجتماعي، والعلامة مطبَّقة على تطبيق جوال وساعة ذكية ومنتجات دعائية وحقيبة قماشية ولافتات مكتبية ومبنى وبطاقة عمل وقرطاسية.
تقنية — أرضية داكنة، تقودها الشاشة

كل بطاقة نظام واحد مأخوذ إلى آخره حتى الأسطح التي عليه أن يعيش عليها. ولا واحدة من الثلاث تشترك مع الأخريين في خطّ ولا لوحة ألوان ولا شبكة.

العين نفسها، على الشاشات

ثلاثة إخراجات فنية من الأعمال العشرة

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

الانضباط، 2025

Arke Estates

أربع قيم لونية، وثلاثة أوزان حرفية، وقدر كبير من الفراغ المقصود. سحب القرارات مع بقاء الصفحة متماسكة أصعب الثلاثة.

الحرف والشبكة، 2021

Ember & Oak

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

نظام مشبَع، 2023

NEONFRAME

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

شاهد الأعمال العشرة كلّها — إن أردت أن تعرف هل اتّساع المدى حقيقي.

التصميم الجرافيكي

نظام واحد، أو علامة واحدة

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

من فضلك أدر جهازك،
هذا الموقع مبني عموديًا.