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

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

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

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

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

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

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

لماذا الألوان الداكنة

تستخدم معظم ساعات Garmin الدائرية شاشة من نوع memory-in-pixel أو OLED. في شاشة OLED، تستهلك الخلفية الداكنة طاقة أقل لأن البكسلات السوداء تُطفأ ببساطة. كما تسهل قراءة الواجهات الداكنة في ضوء الشمس الساطع، حيث تعكس الخلفية الفاتحة الوهج.

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

التباين والوضوح

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

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

contrast = (L1 + 0.05) ÷ (L2 + 0.05)

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 بكسل. تُنشأ الصورة داخل المتصفح، ولا يُرفع شيء إلى الخوادم. يمكن استخدام الملف كنموذج أولي، أو مشاركته لأخذ الآراء، أو الاحتفاظ به مرجعًا أثناء بناء الواجهة الفعلية باستخدام أدوات Garmin Connect IQ.

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

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

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

لماذا المعاينة مربعة رغم أن الساعة دائرية؟

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

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

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

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

تختلف شاشات الساعات في السطوع ودقة إعادة إنتاج الألوان، وتعرض شاشات memory-in-pixel لوحة ألوان محدودة. يجب اعتبار المعاينة دليلاً تقريبيًا، ثم التحقق من الشاشة الفعلية.

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

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