این وب‌سایت با استفاده از نرم‌افزار توسعه‌داده‌شده توسط Kohei Koyanagi به‌صورت خودکار به چندین زبان ترجمه می‌شود. برای دقت بیشتر، به نسخه اصلی به انگلیسی مراجعه کنید.

Splync 1.13: بهبود دید در حالت تاریک

حالت روشن و حالت تاریک

همان‌طور که می‌دانید، می‌توانید ظاهر آیفون خود را بین حالت روشن و حالت تاریک تغییر دهید. اگر نمی‌دانید چگونه آن را تغییر دهید، این مراحل را دنبال کنید: تنظیمات آیفون خود را باز کنید، به پایین بروید و روی نمایش و روشنایی بزنید. دو تصویر پیش‌نمایش با برچسب روشن و تاریک خواهید دید. روی مورد دلخواه خود بزنید تا اعمال شود. این کار به شما امکان می‌دهد صفحه‌نمایش خود را بر اساس محیط‌تان برای دید بهتر و راحتی سفارشی کنید. حالت روشن از اولین آیفون وجود داشته است. اپل به‌طور رسمی در سپتامبر 2019 با iOS 13 / iPadOS 13 حالت تاریک را به آیفون و آیپد معرفی کرد. این ویژگی بسیاری از کاربران آیفون را با ظاهر رابط کاربری سفارشی شگفت‌زده کرد. بعضی افراد حالت روشن را ترجیح می‌دهند، در حالی که دیگران به حالت تاریک علاقه‌مندند. می‌توانید گزینه خودکار را انتخاب کنید که براساس زمان روز بین دو حالت سوئیچ می‌کند.

چگونه توسعه‌دهندگان اپ طراحی بین دو حالت ظاهری را کنترل می‌کنند

یک اپلیکیشن ممکن است در حالت روشن عالی به نظر برسد اما در حالت تاریک کاملاً متفاوت باشد. در برخی موارد، حالت تاریک می‌تواند به‌طور ناخواسته نیت‌های طراحی اصلی توسعه‌دهنده را مختل کند و بر رنگ‌ها، کنتراست و زیبایی‌شناسی کلی اثر بگذارد. این بدان معناست که توسعه‌دهندگان باید به دقت رابط‌های خود را در هر دو حالت طراحی و آزمایش کنند تا تجربه‌ای پیوسته و لذت‌بخش برای همه کاربران فراهم شود. یک راه‌حل ممکن، آماده‌سازی نماها و منابع تصویری جداگانه برای حالت روشن و حالت تاریک است. با این حال، این روش به سرعت زائد و دشوار برای نگهداری می‌شود، به‌ویژه با رشد اپ و اضافه‌شدن اجزای جدید رابط کاربری. به همین دلیل، اکثر توسعه‌دهندگان از این روش اجتناب می‌کنند و به‌جای آن به راه‌حل‌های مقیاس‌پذیرتری که به‌طور خودکار به هر دو حالت ظاهری تطبیق می‌یابند، تکیه می‌کنند.

تکیه بر ویژگی‌های UI سیستم

خوشبختانه اپل رنگ‌های تعریف‌شده سیستمی را معرفی کرده که به‌طور خودکار با هر دو حالت روشن و تاریک تطبیق می‌یابند. با استفاده از این رنگ‌های داخلی، توسعه‌دهندگان می‌توانند اطمینان حاصل کنند که عناصر رابط کاربری‌شان به‌طور روان بر اساس تنظیمات ظاهری کاربر تنظیم می‌شوند. این نیاز به مدیریت دستی طراحی‌های جداگانه را از بین می‌برد و به حفظ ثبات بصری در هر دو حالت کمک می‌کند. به عنوان مثال، رنگ‌هایی مانند label، systemBackground و secondarySystemBackground به طور پویا بر اساس ظاهر فعلی تغییر می‌کنند و به برنامه‌ها اجازه می‌دهند در هر محیطی خوانا و متعادل باقی بمانند. به همین دلیل، وقتی از حالت روشن به حالت تاریک می‌روید، رنگ متن پیش‌فرض از سیاه به سفید تغییر می‌کند. با این حال، اگر یک برنامه رنگ متن خود را به‌طور ثابت به سیاه کد کند، متن حتی در حالت تاریک نیز سیاه باقی می‌ماند و در برابر پس‌زمینه تاریک تقریباً نامرئی می‌شود. برای جلوگیری از این مشکل، توسعه‌دهندگان به رنگ‌های سیستم تکیه می‌کنند و اطمینان حاصل می‌کنند که متن و عناصر UI به‌طور خودکار به رنگ مناسب برای هر حالت تطابق می‌یابند.

مشکل حالت تاریک با آیکون‌های دسته‌بندی Splync

Splync در ابتدا برای کاربران حالت تاریک بسیار دوستانه نبود. وقتی یک کاربر گزارش کرد که آیکون‌های دسته‌بندی در حالت تاریک سخت دیده می‌شوند، نتوانستم بلافاصله به آن رسیدگی کنم. در آن زمان، تمرکز من بر روی بهبود ویژگی‌های اصلی اپ بود، بنابراین این مسئله بصری را در اولویت قرار ندادم. سپس سال جدید 2026 فرا رسید و سرانجام نگاهی دقیق‌تر انداختم. آنچه کشف کردم ساده اما مهم بود: تصاویر آیکون‌ها به‌خودی‌خود کاملاً سیاه بودند. به‌طور فنی، آنها به رنگ #000000 ثابت بودند. این به این معناست که آنها صرف‌نظر از حالتی که تلفن استفاده می‌کرد، سیاه باقی می‌ماندند. بنابراین در حالت تاریک، آیکون‌های سیاه بر روی پس‌زمینه تاریک مانند استتار نشسته بودند. علاوه بر این، در کد خودم نیز از رنگ سفید ثابت برای نرم‌کردن پس‌زمینه آیکون‌ها استفاده کرده بودم. این در حالت روشن خوب عمل می‌کرد، اما در حالت تاریک تضاد نامناسبی ایجاد می‌کرد و طبیعی به نظر نمی‌رسید.

کد جدید من برای رنگ‌های آیکون چه می‌کند

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

رنگ‌ها مهم هستند

هیچ زیبایی‌شناسی «کاملی» وجود ندارد. هرکس حس طراحی متفاوتی دارد. حتی یک فرد ممکن است بسته به روز یا حتی زمان روز احساسی متفاوت داشته باشد. آنچه در صبح عالی به نظر می‌رسد، ممکن است در شب حواس‌پرت‌کننده باشد. به همین دلیل توسعه‌دهندگان باید بر سفارشی‌سازی تمرکز کنند و در عین حال آن را با قابلیت استفاده ساده و شهودی متعادل کنند. طراحی خوب به معنای تحمیل یک سبک نیست. به معنای اجازه دادن به کاربران برای انتخاب آنچه برایشان مناسب است — این چیزی است که من به آن اعتقاد دارم.