كل المقالات#design

ابنِ نظام التصميم قبل الشاشات

إذا رسمت الشاشات أولاً، يصبح نظام تصميمك تمريناً في التوثيق. إذا بنيت النظام أولاً، تصبح شاشاتك تماريناً في التركيب. خمّن أيّهما يُشحن أسرع.

a woman working on a project at a tablegomi / Unsplash

يسأل المصمّمون المبتدئون: «من أيّ شاشة أبدأ؟» الجواب: لا واحدة منها. ابدأ بالتوكنات.

توكنات، مكوّنات، شاشات — بهذا الترتيب

watercolor wireframe sketches of website layouts
أنظمة التصميم تبدأ قبل الشاشة — رموز ومكوّنات وأسماء تطابق قاعدة الشيفرة. · Photo: Hal Gatewood / Unsplash

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

الحيلة: اِسرق التوكنات من منتجك المُفضّل

person holding pen near paper
قرّر ماذا تبني وكيف يكون الإحساس به — قبل أي سطر شيفرة. · Photo: Amélie Mourichon / Unsplash

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

قراءات ذات صلة