پرش به محتوا

ابزار پیش‌نمایش طراحی صفحه ساعت گارمین

یک صفحه ساعت گرد با ساعت، تاریخ، تعداد قدم و ضربان قلب طراحی و پیش‌نمایش کنید. طرح‌های رنگی تیره انتخاب کنید، کنتراست WCAG را برای خوانایی بررسی کنید و طرح را به‌صورت PNG دانلود کنید.

پیش‌نمایش طراحی صفحه ساعت گارمین

یک صفحه ساعت گرد و به‌سبک رسمی طراحی کنید و تغییرات آن را به‌صورت زنده ببینید. یک طرح رنگی تیره انتخاب کنید، مقادیر نمونه را تنظیم کنید، کنتراست را بررسی کنید و نتیجه را به‌صورت PNG دانلود کنید.

MON 2110:098,432قدم62BPM
پیش‌تنظیم رنگ
رنگ عناصر
مقادیر نمونه

کنتراست نسبت به پس‌زمینه

ساعت
18.9:1
تاریخ
7.3:1
قدم‌ها
9.8:1
ضربان قلب
6.9:1

طبق استاندارد WCAG 2.1، نسبت 3:1 حداقل برای متن بزرگ و 4.5:1 برای متن کوچک‌تر است. هرچه این نسبت بالاتر باشد، خواندن متن در نور آفتاب آسان‌تر است.

ماشین حساب بارگذاری...
📚

مستندات

این ابزار پیش‌نمایش یک صفحه ساعت گرد را در مرورگر نشان می‌دهد. طرحی به‌سبک رسمی با ساعت، تاریخ، تعداد قدم و ضربان قلب رسم می‌کند و اجازه می‌دهد رنگ هر عنصر تغییر کند. با تغییر رنگ‌ها، پیش‌نمایش به‌روز می‌شود و طرح نهایی را می‌توان به‌صورت تصویر PNG دانلود کرد.

این فقط یک پیش‌نمایش طراحی است. به هیچ ساعتی متصل نمی‌شود و صفحه ساعتی قابل نصب تولید نمی‌کند.

پیش‌نمایش چه چیزی را نشان می‌دهد

این صفحه از چیدمانی استفاده می‌کند که بیشتر صفحه‌های ساعت گرد به آن رسیده‌اند:

  • تاریخ در بالا
  • ساعت با اندازه بزرگ در وسط
  • تعداد قدم و ضربان قلب کنار هم در پایین
  • قابی با خط‌های ساعت در اطراف لبه

مقادیر نمونه را می‌توان تغییر داد تا طرح با اعداد واقعی‌تر ارزیابی شود. تعداد قدم چهاررقمی فضای بیشتری نسبت به تعداد دورقمی می‌گیرد، و ساعت ۱۲ ساعته یک نشانگر صبح یا عصر اضافه می‌کند.

چرا طرح‌های رنگی تیره

بیشتر ساعت‌های گرد گارمین از صفحه‌نمایش 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 پیکسل تبدیل می‌کند. تصویر در مرورگر ساخته می‌شود؛ چیزی آپلود نمی‌شود. از این فایل می‌توان به‌عنوان ماکت استفاده کرد، برای دریافت بازخورد به اشتراک گذاشت، یا هنگام ساخت صفحه واقعی با ابزارهای Connect IQ گارمین به‌عنوان مرجع نگه داشت.

پرسش‌های متداول

آیا این ابزار صفحه ساعتی می‌سازد که بتوان نصب کرد؟

خیر. این ابزار فقط تصویری از یک طرح می‌سازد. برای ساخت صفحه ساعتی قابل نصب، به کیت توسعه نرم‌افزار Connect IQ گارمین یا Garmin Watch Face Builder نیاز است.

چرا پیش‌نمایش مربعی است در حالی که ساعت گرد است؟

تصویر یک بوم مربعی است که یک صفحه ساعت گرد در داخل آن رسم شده، و این روش معمول ساخت گرافیک صفحه ساعت است. گوشه‌ها به‌سادگی روی ساعت نمایش داده نمی‌شوند.

اندازه صفحه ساعت واقعی باید چقدر باشد؟

این به مدل بستگی دارد. صفحه‌نمایش‌های گرد رایج گارمین 240 در 240، 260 در 260 و 416 در 416 پیکسل هستند. پیش‌نمایش از 320 در 320 به‌عنوان حد میانه استفاده می‌کند.

چرا رنگ من روی ساعت متفاوت به نظر می‌رسد؟

صفحه‌نمایش ساعت‌ها از نظر روشنایی و بازتولید رنگ متفاوت هستند، و صفحه‌های memory-in-pixel طیف رنگی محدودی نشان می‌دهند. پیش‌نمایش را باید یک راهنما در نظر گرفت و سپس صفحه واقعی را بررسی کرد.

اعداد کنتراست چه معنایی دارند؟

این‌ها نسبت‌هایی از استاندارد دسترس‌پذیری WCAG 2.1 هستند، همان معیاری که برای وب‌سایت‌ها استفاده می‌شود. اعداد بالاتر خواناتر هستند.