تصميم تطبيق للهاتف المحمول
ShaktiGrid. أصول الطاقة المتجددة، بطاقة واحدة في كل مرة
شاشات جوال لتصفح محفظة من أصول الطاقة المتجددة. ويقوم العمل على نوعين من الشاشات: قائمة ببطاقات المواقع، وصفحة تفاصيل تعرض شروط كل أصل في جدول بسيط.
- دوري
- تصميم الواجهات
- حالة المشروع
- تصميم الواجهة · أرشيف Figma
شاشات من ملف التصميم الأصلي في Figma، ببيانات تجريبية.
مساهمتي
يعرض ShaktiGrid محفظة من أصول الطاقة المتجددة على الهاتف. صممت نوعين من الشاشات، قائمة وصفحة تفاصيل، ولذلك فهذه دراسة حالة صغيرة عن الانتقال من إحداهما إلى الأخرى.
جميع الأصول والأرقام والشروط على الشاشة بيانات تجريبية.

من بطاقة الموقع إلى شروطه
تبدأ القائمة بعنوان بخط سيريف، ثم مفتاح تبديل بين نشط ومكتمل فوق عدد ما هو معروض. تخصص كل بطاقة معظم مساحتها لرسم توضيحي للموقع، ويأتي تحته الاسم والموقع الجغرافي ووسم واحد، فيُقرأ المكان قبل البيانات.
تُبقي صفحة التفاصيل الاسم والموقع الجغرافي في الأعلى وتنقل الشروط إلى جدول: التقنية، وميغاواط المشاريع (MW)، والموقع الجغرافي، ومدة الاستثمار، ونوع الأصل. وبفضل تسمية واحدة وقيمة واحدة في كل صف يسهل مسح الجدول بنظرة سريعة، ويمتد فوقه صف من التبويبات إلى ما بعد حافة الشاشة نحو بقية المواضيع.

ترويستان وبنية واحدة
للشاشتين نسختان: ترويسة بيضاء بشعار نصي أزرق، أو ترويسة زرقاء ممتلئة تمتد حتى شريط الحالة. ويبقى كل ما تحت الترويسة كما هو، بعناوين بخط سيريف لهوية الأصل وخط سانس سيريف بسيط لتفاصيله. ويبقى زران عائمان، أحدهما لإمكانية الوصول والآخر للمحادثة، في أسفل الشاشة في النسختين.


