YANتصميم تطبيق ويب ولوحة معلومات
Manaus Mais Humana. لوحة معلومات للتبرعات يبقى الهدف فيها أمام العين
لوحة معلومات باللغة البرتغالية مع تسجيل دخول للمنظمة غير الربحية Manaus Mais Humana، تتمحور حول التبرعات والأهداف والأحياء. كل رقم على الشاشات قيمة تجريبية.
- دوري
- تصميم الواجهات
- حالة المشروع
- تصميم الواجهة · أرشيف Figma
شاشات من ملفات التصميم الأصلية في Figma. جميع الأرقام قيم تجريبية.
مساهمتي
Manaus Mais Humana لوحة معلومات ويب باللغة البرتغالية لمنظمة غير ربحية، مع تسجيل دخول وشاشة رئيسية للتبرعات والأهداف ودليل بصري صغير.
تعرض دراسة الحالة هذه طريقة تنظيم الشاشات. المبالغ والأعداد والتواريخ عليها قيم تجريبية، وليست نتائج.
بطاقة دافئة واحدة تُقرأ أولًا
تبدأ الشاشة الرئيسية ببطاقة صفراء: المبلغ المجموع والأشخاص المستفيدون والسلال الغذائية المتبرع بها على اليسار، ورسم بياني حلقي يقارن المبلغ بالهدف في المنتصف، ورسم توضيحي صغير لمنازل وشخص على اليمين. إنها المساحة الكبيرة الوحيدة ذات اللون الدافئ في الصفحة، ولذلك تُقرأ قبل أي شيء آخر.
تأتي الأهداف بعد ذلك في ثلاثة أشرطة تقدم بسيطة مع العدد في نهاية كل سطر، وتستمر الرسوم البيانية بحسب الشهر والحي في الأسفل. كما يسرد عمود على اليمين المعاملات في بطاقات فيها التاريخ والمكان والاسم والمبلغ، ويعود الأخضر النعناعي لأشرطة التقدم في زر +ADICIONAR FUNDOS تحته.
المدخل والأجزاء التي خلفه
تحتفظ شاشة تسجيل الدخول بعمود واحد من الحقول: البريد الإلكتروني وكلمة المرور مع مفتاح لإظهارها أو إخفائها ورابط لمن نسي كلمة المرور. ENTRAR هو الإجراء الممتلئ باللون، ويأتي خيار Google بعد OU، وإنشاء الحساب سطر نصي أخير. تملأ صورة ليدين، مصبوغة بتدرج من الأصفر إلى الأزرق المخضر، النصف الآخر بألوان لوحة المعلومات.
يحدد دليل الخطين Muli وMontserrat إضافة إلى الألوان والشعار. كما تعرض لوحة ثانية كل جزء على حدة: الأزرار وحالات القائمة الجانبية وعنصر المعاملة والرسوم البيانية وشريط التقدم والخريطة والقائمة، وهو ما يبين كيفية تركيب الشاشة الرئيسية.
