متغيرات لا رموز ألوان
لماذا المتغيرات
في Filis لم أكتب رمز لون واحدًا على أي شاشة. كل لون وحجم ومسافة وزاوية وظل هو متغيّر في Figma، فيصل أي تغيير إلى كل الشاشات مرة واحدة، من لوحة الرئيسية حتى أداة الشاشة الرئيسية.
201متغيرًا
5مجموعات
24نمط نص
خمس مجموعات
- الألوان (120): الأساسي والنص والأسطح والحدود والتنبيهات والمميّز، ولكلٍّ درجات فاتحة وعادية وداكنة مع حالتي المرور والضغط.
- الخطوط (46): العائلة والحجم وارتفاع السطر والوزن والتباعد للعناوين والنصوص والأزرار.
- المسافات والهوامش (15): سلّم من 4 إلى 32، مع هامش الشاشة 16 وهامش البطاقة 16 والشريط العلوي 56 والتنقل السفلي 84.
- الزوايا (5): 4 و8 و12 و16 و20.
- التأثيرات (15): ثلاثة ظلال، خفيف ومتوسط وثقيل.
سمِّ الوظيفة لا اللون
“النص الخافت” يبقى صالحًا بعد تغيير الهوية، أما “رمادي 600” فلا. وعندما احتجت نصًا ثانويًا أهدأ غيّرت قيمة واحدة فتبعتها كل التعليقات في التطبيق.
المتغيرات لا تجعل التصميم جيدًا، لكنها تجعل تكرار القرار الجيد سهلًا.
