اصول اولیه چیدمان

تصویرسازی مبانی چیدمان اصلی

چیدمان ساختار دیداری را برای کاربر تعریف می‌کند تا با برنامه شما تعامل داشته باشد، مثلاً در یک عنصر ترکیبی. ‫Android مجموعه‌ای از کتابخانه‌ها، نقاط شروع متعارف، و تکنیک‌ها را برای نمایش و جای‌گذاری محتوا ارائه می‌دهد.

شروع کنید

با یادگیری آناتومی برنامه و سپس نحوه ساختاردهی محتوای برنامه، طراحی چیدمان‌های Android را شروع کنید.

ربودن مالکیت توپ

جهت چیدمان

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

برای اطلاعات بیشتر، راهنمایی‌های مربوط به تطبیق دادن چیدمان و چیدمان‌های متعارف را ببینید.

مناطق امن دستگاه

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

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

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

گروه‌های مهار

از «مهار» برای گروه‌بندی محتوای مرتبط استفاده کنید تا کاربر را ازطریق محتوا و کنش‌ها راهنمایی کنید. کارت‌هایی که از محتویات صریح برای گروه‌بندی محتوا با کنش‌های مرتبط استفاده می‌کنند.

تراز

بین محتوای مشابه و عناصر میانای کاربر، تراز یکنواخت ارائه دهید.

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

کاربرتان را با تعداد زیاد کنش در هر نما غرق نکنید.

مشخصات چیدمان را یادداشت کنید

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