سبک

طراحی موثر ویجت ها برای دستیابی به یک تجربه کاربر از نظر بصری جذاب و سازگار بسیار مهم است. این بخش به مفاهیم و تکنیک های کلیدی برای تعریف رنگ و تایپوگرافی برای ایجاد مفیدترین و جذاب ترین ویجت های اندروید می پردازد.

رنگ

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

از نقش‌ها و نشانه‌های رنگ مواد برای اجرای دستورالعمل‌های کنتراست دسترسی و پشتیبانی از ویژگی‌های رنگ پویا، مانند رنگ‌های تولید شده توسط کاربر و تم‌های تیره یا روشن استفاده کنید.

برای اطلاعات بیشتر به راهنمای رنگ طراحی مواد مراجعه کنید.

تم های پویا

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

شکل 1: تصویر یک ویجت با نشانه های رنگی فراخوانی شده است.

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

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

شکل 2: یک ویجت در حالت روشن در صفحه سمت چپ و تاریک در سمت راست.

تایپوگرافی

تایپوگرافی به خوانا و زیبا شدن نوشتار کمک می کند. از اندازه و وزن فونت برای ایجاد یک سلسله مراتب واضح استفاده کنید و چشم کاربر را به مهم ترین عناصر هدایت کنید. برای بهبود خوانایی، به خصوص برای نمایش متن های کوچکتر در فضای محدود یک ویجت، به فاصله خطوط و فاصله حروف (هرکینگ) توجه کنید.

سلسله مراتب

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

شکل 3: ویجتی که استفاده از مقیاس های مختلف را نشان می دهد.