اصول چیدمان

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

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

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

Keep essential interactions, like primary navigation, in a reachable screen area. Floating action buttons (FABs) provide a prominent and reachable interaction point

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

کاربر خود را با تعداد زیادی عملیات در هر بازدید، سردرگم نکنید.

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