تصميم Nassem Web Flow
سوي لي هذا الوصف بصورة : تصميم الفلو المقترح لـ "Nassem Web Flow" العنوان الرئيسي: النص: "NASSEM WEB FLOW" (باللون الأسود مع خط عريض، حجم 20pt). الخلفية: مستطيل وردي فاتح (مثل #FFC1CC) مع نص بالعربية أعلى العنوان: "الرئيسية + عرض البيانات والتنبيهات + تحليل البيانات" (باللون الأسود، حجم 12pt). المستوى الأول (القسم الرئيسي): الشكل: مستطيل كبير واحد يمثل الواجهة الرئيسية. النص: "الرئيسية (Home)" (باللون الأسود، حجم 16pt). الخلفية: لون أبيض خفيف (#F5F5F5). الاتجاه: ينقسم إلى قسمين رئيسيين تحتيه بأسهم سوداء. المستوى الثاني (الأقسام الفرعية): القسم الأول: عرض البيانات (Data View) الشكل: مستطيل متوسط. النص: "عرض البيانات (Data View)" (باللون الأسود، حجم 14pt). الخلفية: لون أصفر فاتح (#FFF9C4). ينقسم إلى ثلاثة أقسام فرعية: عرض الخريطة (Map View) الشكل: مستطيل صغير. النص: "خريطة AQI التفاعلية (مواقع المستشعرات وAQI)" (باللون الأسود، حجم 12pt). الخلفية: لون أخضر فاتح (#C8E6C9). عرض التنبيهات (Alerts View) الشكل: مستطيل صغير. النص: "تنبيهات لحظية عند AQI >100" (باللون الأسود، حجم 12pt). الخلفية: لون أخضر فاتح (#C8E6C9). إدارة ممر النسيم (Naseem Passage Management) الشكل: مستطيل صغير. النص: "إدارة ممر النسيم (تفعيل الممر وتتبع التأثير)" (باللون الأسود، حجم 12pt). الخلفية: لون أخضر غامق (#81C784) لإبرازه كمحور رئيسي. الاتجاه: أسهم سوداء تربط "عرض البيانات" بالأقسام الثلاثة. القسم الثاني: تحليل البيانات (Data Analysis) الشكل: مستطيل متوسط. النص: "تحليل البيانات (Data Analysis)" (باللون الأسود، حجم 14pt). الخلفية: لون أصفر فاتح (#FFF9C4). ينقسم إلى قسمين فرعيين: تحليل تأثير الممر (Naseem Impact Analysis) الشكل: مستطيل صغير. النص: "تحليل تأثير ممر النسيم على AQI" (باللون الأسود، حجم 12pt). الخلفية: لون أخضر فاتح (#C8E6C9). تقارير البيانات (Reports) الشكل: مستطيل صغير. النص: "تقارير عن تأثير الشجرة والممر" (باللون الأسود، حجم 12pt). الخلفية: لون أخضر فاتح (#C8E6C9). الاتجاه: أسهم سوداء تربط "تحليل البيانات" بالقسمين. المستوى الثالث (التنقل والتفاصيل): شكل التنقل: أضيفي أسهمًا مزدوجة (↔) بين "الرئيسية" وكلا القسمين ("عرض البيانات" و"تحليل البيانات") للإشارة إلى التنقل المتبادل. إضافة اختيارية: قسم صغير تحت "الرئيسية" يسمى "الإعدادات (Settings)" (مستطيل صغير، نص "تخصيص المدينة أو البيانات"، خلفية رمادية فاتحة #E0E0E0) مع سهم يربطه بالقسمين. الرموز البصرية: أضيفي أيقونات بسيطة: خريطة صغيرة بجانب "عرض الخريطة". جرس بجانب "عرض التنبيهات". شجرة بجانب "إدارة ممر النسيم" و"تحليل تأثير الممر". مستند بجانب "تقارير البيانات".
