نظام تصميم · أساسيات · 2026

لابميتا — أساسيات، مقاسة بدقة

أساس مبني على مقياس 4px لمجموعة منتجات كاملة — تباعد، شبكات، وتوثيق يقرأه الناس فعلاً.

Femto15

لابميتا — أساسيات، مقاسة بدقة cover
شكل 01 — Femto15
دوري

مصمم أنظمة تصميم — الأساسيات، الرموز، التوثيق، التسليم.

النتيجة

نظام V1.0 منشور يغطي مقياس تباعد من 16 خطوة (4px ← 192px)، أربعة إعدادات شبكة متجاوبة (صغيرة، متوسطة، كبيرة، مرنة)، وصفحات توثيق حية تشرح كل قاعدة بدليل بصري.

الأدوات والأساليب
FigmaDesign TokensVariablesDocumentation

الخلاصة

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

ما كان معطلًا

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

خطوة بخطوة

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

العمل نفسه

نظرة عامة على النظام — لابميتا V1.0، النواة المرجانية / الفحمية / الرمادية.
01نظرة عامة على النظام — لابميتا V1.0، النواة المرجانية / الفحمية / الرمادية.
التباعدات — مقياس 4px من 4px إلى 192px، معروض كأشرطة متناسبة.
02التباعدات — مقياس 4px من 4px إلى 192px، معروض كأشرطة متناسبة.
الشبكات — إعدادات صغيرة ومتوسطة وكبيرة ومرنة بهوامش وفواصل صريحة.
03الشبكات — إعدادات صغيرة ومتوسطة وكبيرة ومرنة بهوامش وفواصل صريحة.
التوثيق — كل قاعدة مقرونة بمثال مكوّن موضح بالشروح.
04التوثيق — كل قاعدة مقرونة بمثال مكوّن موضح بالشروح.

تابع القراءة

كل الأعمال ←