شرائط – مُكوّن شرائطِ الحالة للأندرويد والأيفون متاح لفيجما وأدوب إكس دي
مكوّنات وأنظمة تصميممُكوّن شرائطِ الحالة للأندرويد والتابلت والآيفون والآيباد. متوفر بأكبر قدر متاح من التخصيص والتعديل على حالة الوايفاي وتغطية الشبكة والبلوتوث والبطارية. وذلك لأجل عرض الحالات المختلفة لصفحات التصميم على الأجهزة المحمولة. مُتاح لبرنامجيْ فيجما وأدوبي إكس دي.
تفاصيل مُكوّن شرائطِ الحالة
بصفتي مُصمّم منتجات وخدمات إلكترونية، وبعد الانتهاء من تصميم أغلب الصفحات وحالات الاستخدام المختلفة لعناصر التصميم، تظهر بعض المشاكل التي تطلب الانتباه والتركيز لتحسين تجربة الاستخدام او إيفاء حالات استخدام خاصة وسيناريوهات قد تَظهر أثناء إتمام المستخدم لإحدى المهام في الموقع أو التطبيق.
هناك نوعان من هذه الحالات. النوع الأول هو نوع داخلي يخص المهام التي يؤديها المستخدمون داخل التطبيق أو الموقع. هذه تعتمد على المُدخلات المتنوعة لهذه المهام مثل انتهاء صلاحية بطاقة ائتمانية، أو تعذر توصيل طلب، أو تعطل أداء خاصية معينة. وأمثلة أخرى أكثر تختلف وتتنوع على حسب نوع الخدمة والمهمة التي يتفاعل معها المستخدم.
والنوعُ الثاني من هذه الحالات هو نوع خارجي ويتطلب التعامل مع بعض خصائص الجهاز خارج الموقع أو التطبيق، مثل تفعيل الموقع الجُغرافي والكاميرا والميكروفون وحالة الاتصال بالشبكة أو الأنترنت.
وبالنسبة للنوع الثاني من هذه الحالات ففي أغلب الوقت نقوم به نحن مُصممُو تجربة المستخدم والواجهات الإلكترونية بوضع شريط للحالة في أعلى الصفحة وتركه هناك لإعطاء شكل يقارب الشكل النهائي للتصميم بعد البرمجة والتطوير دون أي نوع من أنواع التعديل على حالته. في أغلب صفحات التصميم يقوم هذا الشريط بأداء الغرض المطلوب ولا نحتاج لأن نقوم بأي تعديل عليه سوى تعديل الألوان لتتناسب مع تصميمِ الواجهة المعروض بها، لكن عند التفاعل مع إحدى هذه الحالات من النوع الثاني فيكون من الأفضل إظهار التأثير في شريط الحالة ليتناسب معها في التصميم.
بعض الأمثلة لهذه الحالات التي تتكرر بشكل كبير:
- انقطاع الاتصال بالأنترنت.
- طلب تصريح استخدام الموقع الجغرافي.
- عدم وجود تغطية شبكة الجوال.
- تفعيل البلوتوث والاتصال بجهاز آخر.
كنت في البداية أصمم الشريط مع كل مشروع جديد، الأمرُ الذي كان يتطلب بعض الوقت. ثم بدأت باستخدام بعض الشرائط المتاحة بشكل مجاني، والمشكلة التي واجهتني في التعامل مع كل مكونات شرائط الحالة الجاهزة الموجودة على الأنترنت أو في مُجتمع فيجما فتتلخص في كونها بدون استثناء ثابتة وغير فعّالة، ولا تدعم إظهار هذه الحالات بدون التعديل بشكل يدوي عليها، الأمر الذي يستغرق بعض الوقت الذي من الممكن استغلاله في تصميم الواجهة.
ولتفادي هذه الأزمة مستقبلاً، قمت بعمل مُكوّن شريط حالة لأقوم باستخدامه بشكل دوري ومتكرر في جميع مشاريعي القادمة، يدعم التعديل السريع على أغلب العناصر الموجودة داخله لتوفير الوقت والمجهود. وفعلاً هذا ما حصل خلال الفترة الماضية ولقد استمتعت بشكل كبير في عمله واستخدامه. ومؤخراً قمت بمشاركة المُكوّن مع مُصممة زميلة لي في العمل وأعجبها كثيراً واقترحت عليّ مشاركته في مُجتمع فيجما مع كل المُصمّمين.
مِن هنا قمت بالتعديل على المُكوّن ليتناسبَ مع تحديث فيجما الجديد الخاص وذلك بالتخطيط التلقائي لطبقات التصميم، وكذا خصائص المكوّنات ليصبح بإمكان أيّ مصممِ تجربة مستخدم أو واجهات التعديل على المُكوّن بضغطة زر واحدة حرفياً! كما أضفت تصميم شريط حالة للأندرويد وأندرويد تابلت. وقُمت أيضا بعمل مُكوّن داخل برنامج أدوبي إكس دي يضم نفس إمكانيات التعديل على العناصر المختلفة داخله.
المحتويات
مُكوّن شرائطِ الحالة يضم ملفات التصميم التالي:
- شريط حالة للآيفون.
- شريط حالة للأندرويد.
- شريط حالة للآيباد .
- شريط حالة للأندرويد تابلت.
يدعم المُكوّن التعديلات التالية:
- الوقت والتاريخ.
- شبكة الجوال والتغطية.
- الاتصال بشبكة الوايفاي .
- البلوتوث والاتصال بأجهزة أخرى.
- البطارية وحالاتها المختلفة.
- الألوان والوضع المظلم.
بإمكانك باستخدامِ هذا المُكوّن التعديل بكل بساطة على حالة الوايفاي وتغطية الشبكة واقتران البلوتوث وحجم البطارية وإظهار تفاصيل أكثر للتصميم تُضيف الروحَ والحيوية إليه، بدلاً من رمي الشريط أعلى الصفحة ونسيانه تمامًا في باقي الصفحات.
فيما يلي بعض الأمثلة على استخدام المُكون من أعمال سابقة لي:
تحميل
ملفات التصميم الخاصة بمُكوّن شريط الحالة لبرنامجي فيجما وأدوبي إكس دي متاحة للتحميل بشكل مجّاني عن طريق Gumroad من هذا الرابط:
وبإمكانك أيضاً الحصول على مُكوّن فيجما على مجتمع فيجما من هذا الرابط:
إذا استفدت من هذا المُكون في عملك فلا تنس مشاركته مع المُصمّمين الآخرين في دائرتك. وأيضاً بإمكانك التواصل معي ان كانت لديك اي تعليقات على المُكوّن
شكرًا لك!
الحقوق
مشاع عام: بإمكانك استخدام هذا المُكوّن في كل أعمالك الشخصية والتجارية بدون الحاجة لذكر اسم المصمم أو إدراج رابط الموقع الأصلي.
Search
Search for projects, articles, resources, or tags.
Egyptian governrates emblems and flags (png, svg)
A set of emblems and flags of the different governrates of Egypt. Available for both personal and commercial use and in various formats to fit any kind of workflow and design.
Graphics
