AZR · DATA VISUALIZATION LANGUAGE · 15
لغة تصوير
البيانات
ستة أنماط لعرض البيانات في شرائح آزر. لكل نمط بنية وقواعد — الرقم يُرى قبل أن يُقرأ.
الرقم البطل
المقارنة
التقدم
القائمة
الجدول
الخط الزمني
CORE PRINCIPLES · المبادئ الأساسية
البيانات — قانون واحد
الرقم يقود. النص يشرح. لا يتساويان. الشريحة التي تحتوي بيانات يجب أن تُجيب على سؤال واحد فقط.
١
رقم واحد بطل
كل شريحة بيانات تحمل رقماً واحداً أكبر من غيره. هو نقطة الاهتمام البصري الأولى.
٢
السياق يُبرر
كل رقم يحتاج سطراً واحداً يشرح ماذا يعني. بلا سياق = بلا معنى.
٣
المقارنة تُحرك
الرقم وحده بلا مرجع لا يعني شيئاً. المقارنة بـ"قبل" أو "نسبة" تجعله حياً.
قانون الكثافة: لا تجمع أكثر من ٣ أرقام في شريحة واحدة. إذا كانت ٤ أو أكثر، تحتاج جدولاً — ليس تراكماً.
HERO NUMBER · الرقم البطل
رقم واحد — يملك الشريحة
الرقم بحجم 140–220px. الخط: Instrument Serif italic للأرقام الانطباعية، IBM Plex bold للأرقام الحادة. السياق أسفله بـ28–32px وعتامة 45%.
الأرقام الانطباعية
٧٢٪ · ٣× · ٢.٤M
Instrument Serif italic — للنتائج الكبيرة التي تُحسّ قبل أن تُقرأ.
الأرقام الحادة
١٢٤ · ٣٦٪ · ٤.١
IBM Plex bold — للنتائج الدقيقة التي تتطلب وضوحاً لا انطباعاً.
COMPARISON · المقارنة الرقمية
قبل وبعد — الفارق هو المحتوى
المقارنة تُظهر الأثر. الرقم "بعد" يكون دائماً أكبر بصرياً. الفارق نفسه (٣×، +٣٦٪) هو الرسالة الرئيسية.
PROGRESS · نسبة التقدم
الشريط والدائرة — الحجم يُعبّر
الشريط للمقارنات بين قيم متعددة. الدائرة لنسبة واحدة تحتاج تأثيراً. لا تستخدمهما معاً في شريحة واحدة.
RANKED LIST · القائمة المرتبة
ثلاثة — الحد الأقصى
القائمة الرقمية: ٣ بنود أقصى. الرقم على اليمين، البيان على اليسار، خط فصل بينهما. الترتيب تنازلي دائماً.
DATA TABLE · الجدول البسيط
الجدول — بنية لا فوضى
٣–٤ أعمدة، ٣–٥ صفوف. رقم واحد في كل خلية. خلايا الرأس بـsand. لا ألوان متعددة في الجدول — فقط p-500 للقيمة البارزة.
التشديد في الجدول: خلية واحدة فقط بلون p-500. إذا كل الخلايا ملونة — لا شيء بارز.
TIMELINE · الخط الزمني
المراحل — الخط يروي
المراحل على خط أفقي. النقاط من الأبجدية الهندسية. الفاصل الزمني فوق الخط، التسمية أسفله. لا أكثر من ٥ محطات.
DATA COLOR SYSTEM · نظام ألوان البيانات
سلسلة واحدة أو أربع — نفس المنطق
اللون في بيانات آزر لا يُختار بالذوق — يُشتق من OKLCH. نفس L وC للبنفسجي، تتغير H° فقط. النتيجة: ألوان متساوية الوزن البصري، متناسقة مع البنفسجي دائماً.
CATEGORICAL · فئات متمايزة — H° مختلفة
SEQUENTIAL · تدريجي — نفس H°، L متفاوتة
متى categorical؟ لمقارنة فئات مختلفة (قطاعات، منتجات، مناطق). متى sequential؟ لتدريج قيمة واحدة عبر الزمن أو الشدة.
ممنوع: الأحمر والأخضر كألوان بيانات — يحملان حكماً ضمنياً ويُشوّشان ١٠٪ من الجمهور الذين يعانون عمى الألوان.
DO / DON'T · الخطأ والصواب
ثلاثة أخطاء — شائعة وفادحة
كل خطأ يضعف الرسالة — ليس جمالياً فقط بل وظيفياً. الشريحة الخاطئة تُشتت، الصحيحة تُوجّه.
ACCESSIBILITY · إمكانية الوصول
اللون وحده — ليس كافياً
١٠٪ من الذكور لديهم نوع من عمى الألوان. كل فئة بيانات تحتاج مميّزاً ثانياً — شكل أو نمط — يعمل حتى بلا لون.
الحالة
الحل الصحيح
المشكلة
مقارنة سلسلتين
لون مختلف + شكل نقطة مختلف (○ vs □)
أحمر/أخضر فقط — غير مقروء لكثيرين
الشريط التقدمي
رقم النسبة فوق الشريط مباشرة
الاعتماد على اللون وحده لتحديد القيمة
تمييز الجدول
خلفية + حجم خط أكبر + وزن
لون الخلفية وحده للتمييز
الخط الزمني
شكل مختلف لكل محطة من الأبجدية الهندسية
نفس الشكل بألوان مختلفة
الطباعة / PDF
كل فئة مقروءة بالأبيض والأسود بلا معلومة تضيع
البيانات تختفي في طباعة أحادية اللون
اختبار التحقق: قبل تسليم أي شريحة بيانات، حوّلها لـgrayscale. إذا لم تستطع قراءة الفارق بين الفئات — تحتاج مميّزاً إضافياً.
COMBINATION RULES · قواعد الدمج
عنصران — سؤال واحد
الدمج مسموح إذا كان العنصران يجيبان على سؤال واحد معاً. الدمج لملء المساحة ممنوع.
القاعدة الذهبية: إذا شعرت أن الشريحة "ممتلئة" — احذف أحد العنصرين. الازدحام يُلغي كليهما.
RULES · القواعد الحاكمة
البيانات — ١٢ قاعدة
هذه القواعد تُطبَّق على كل مخرجات آزر التي تحتوي بيانات.
العنصر
✓ افعل
✗ لا تفعل
حجم الرقم البطل
140–220px · يهيمن بصرياً
لا تساوٍ في الحجم مع النص الداعم
لون الرقم
p-500 للبطل · ink للداعمين
لا ألوان متعددة في نفس الشريحة
عدد الأرقام
رقم بطل واحد + سياق + دعم
لا أكثر من ٣ أرقام بارزة في شريحة
المقارنة
قبل/بعد · النسبة · الفارق
لا رقم بلا مرجع بجانبه
الشريط التقدمي
p-500 للقيمة · rgba(.09) للخلفية
لا تدرجات · لا شرائط مزخرفة
الجدول — الألوان
خلية واحدة p-500 للقيمة البارزة
لا ألوان خضراء/حمراء في الجدول
الخط الزمني
أشكال من الأبجدية · 4–5 محطات
لا سهام مزخرفة · لا أيقونات
خط الأرقام
Instrument Serif italic / IBM Plex Bold
لا Reem Kufi · لا Inter · لا غيرهما
الأرقام العربية
٠١٢٣٤٥٦٧٨٩ دائماً في عروض آزر
لا أرقام لاتينية في العروض العربية
وحدات القياس
ملاصقة للرقم بحجم 40–50% منه
لا تباعد بين الرقم ووحدته
الزيادة والنقص
↑ ↓ مع الرقم فقط · p-500 للزيادة
لا أخضر/أحمر · لا ألوان دلالية مضافة
ممنوع: الرسوم البيانية التقسيمية المعقدة — pie charts متعددة الشرائح، donut تقسيمي (يقسم القيمة الكلية إلى فئات)، bar charts الكثيفة. مسموح: donut بقيمة واحدة فقط كتقدُّم/نسبة (مثل ٧٢٪ من هدف) — لأنه يُقرأ كرقم بطل بصرياً. في شرائح آزر القاعدة: «الرقم يُقرأ ولا يُحلَّل».
بيانات في آزر تُقرأ — لا تُحلَّل. إذا احتاج العميل تحليلاً، يستحق ملف بيانات منفصلاً.
azr
الرقم الصحيح في المكان الصحيح يُغني عن عشر شرائح.