أداة معاينة تصميم واجهة ساعة Garmin

تعرض هذه الأداة معاينة لواجهة ساعة مستديرة في المتصفح. وترسم تخطيطًا بطابع الأعمال يتضمن الوقت والتاريخ وعدد الخطوات ومعدل ضربات القلب، وتتيح إعادة تلوين كل عنصر. وتتحدّث المعاينة عند تغيير الألوان، ويمكن تنزيل التصميم النهائي كصورة PNG.

إنها معاينة للتصميم فقط. ولا تتصل بساعة، ولا تنتج واجهة ساعة قابلة للتثبيت.

ما تعرضه المعاينة

تستخدم الواجهة التخطيط الذي تستقر عليه معظم واجهات الساعات المستديرة:

• التاريخ في الجزء العلوي
• الوقت بحجم كبير في المنتصف
• عدد الخطوات ومعدل ضربات القلب جنبًا إلى جنب أسفل الوقت
• إطار يحيط بالحافة وعليه علامات الساعات

يمكن تغيير القراءات النموذجية حتى يُقيَّم التصميم باستخدام أرقام واقعية. ويشغل عدد خطوات من أربعة أرقام مساحة أكبر من عدد مكوّن من رقمين، كما تضيف ساعة بنظام 12 علامة ص أو م.

لماذا تُستخدم أنظمة الألوان الداكنة

تستخدم معظم ساعات Garmin المستديرة شاشة بكسلات في الذاكرة أو شاشة OLED. وتستهلك الخلفية الداكنة طاقة أقل على شاشة OLED، لأن وحدات البكسل السوداء تكون مطفأة ببساطة. كما يسهل قراءة الواجهات الداكنة في ضوء الشمس الساطع، حيث تعكس الخلفية الفاتحة الوهج.

جميع الإعدادات المسبقة هنا داكنة لهذا السبب. ومع ذلك، يمكن اختيار خلفية فاتحة، وستشير الأداة إلى أن ذلك يخالف الممارسة المعتادة.

التباين وسهولة القراءة

تُقرأ الساعة بنظرة سريعة، وغالبًا في إضاءة ضعيفة أو أثناء الحركة، لذلك يكون التباين أهم مما هو عليه في الهاتف. وتقيس الأداة نسبة التباين بين كل عنصر والخلفية باستخدام معادلة WCAG ‏2.1.

تقارن النسبة بين السطوع النسبي للونين:

$C = \frac{L_{1} + 0.05}{L_{2} + 0.05}$

حيث إن C هو نسبة التباين.

‏L1 هو السطوع الأعلى، وL2 هو السطوع الأقل. وتتراوح النتيجة من 1:1، أي لونين متطابقين، إلى 21:1 للأسود على الأبيض.

من المفيد معرفة حدَّين:

• ‏3:1 هو الحد الأدنى للنص الكبير
• ‏4.5:1 هو الحد الأدنى للنص بالحجم العادي

الوقت كبير الحجم، لذا تكفيه نسبة 3:1 من حيث المبدأ، لكن النسبة الأعلى أفضل في الخارج. وتستفيد التسميات الأصغر من نسبة 4.5:1 أو أكثر.

مثال محلول

لنأخذ خلفية باللون #0b1020، وهو كحلي داكن جدًا، مع نص أبيض باللون #ffffff. تبلغ نسبة التباين نحو 18:1، وهي مريحة في أي إضاءة.

إذا غُيّر لون عدد الخطوات إلى #2a3a5e، وهو أزرق قريب من لون الخلفية، تنخفض النسبة إلى نحو 1.6:1. ويصبح الرقم عندئذ شبه غير مرئي من مسافة ذراع، فتنبّه الأداة إلى ذلك.

تنزيل التصميم

يحوّل زر التنزيل المعاينة المباشرة إلى صورة PNG بأبعاد 320 في 320 بكسل. وتُنشأ الصورة في المتصفح، ولا يُرفع أي شيء. ويمكن استخدام الملف كنموذج أولي، أو مشاركته للحصول على الملاحظات، أو الاحتفاظ به مرجعًا أثناء إنشاء الواجهة الحقيقية باستخدام أدوات Connect IQ من Garmin.

الأسئلة الشائعة

هل ينشئ هذا واجهة ساعة يمكنني تثبيتها؟

لا. إنه ينتج صورة لتصميم. ويتطلب إنشاء واجهة قابلة للتثبيت استخدام حزمة تطوير البرامج Connect IQ من Garmin أو أداة Garmin Watch Face Builder.

لماذا تكون المعاينة مربعة مع أن الساعة مستديرة؟

الصورة عبارة عن لوحة مربعة رُسمت داخلها واجهة مستديرة، وهذه هي الطريقة المعتادة لإنشاء رسومات واجهات الساعات. ولا تظهر الزوايا ببساطة على الساعة.

ما الحجم الذي ينبغي أن تكون عليه واجهة الساعة الحقيقية؟

يعتمد ذلك على الطراز. وتبلغ أبعاد شاشات Garmin المستديرة الشائعة 240 في 240، و260 في 260، و416 في 416 بكسل. وتستخدم المعاينة أبعاد 320 في 320 باعتبارها حلًا وسطًا.

لماذا يبدو اللون مختلفًا على الساعة؟

تختلف شاشات الساعات في السطوع وإعادة إنتاج الألوان، كما تعرض شاشات البكسلات في الذاكرة مجموعة ألوان محدودة. تعامل مع المعاينة باعتبارها دليلًا، ثم افحص الشاشة الحقيقية.

ماذا تعني أرقام التباين؟

إنها نسب مستمدة من معيار إتاحة المحتوى WCAG ‏2.1، وهو المقياس نفسه المستخدم للمواقع الإلكترونية. وتسهل قراءة الأرقام الأعلى.