طراحی تطبیقی، روشی برای طراحی طرحبندیهایی است که با نقاط شکست و دستگاههای خاص سازگار میشوند.
برای اجرای مؤثر طرحبندیهای تطبیقی:
- ابتدا، عرض کلاس پنجره دستگاه را برای تعیین تغییرات طرحبندی در نظر بگیرید، سپس ارتفاع را تنظیم کنید.
- اندروید از مفاهیم طراحی واکنشگرا، مشابه توسعه وب، بهره میبرد و از شبکهها و تصاویر انعطافپذیر برای ایجاد طرحبندیهایی استفاده میکند که به طور مؤثر به متن خود پاسخ میدهند.
برای دستورالعملهای طراحی در مورد تطبیق طرحبندیها با اندازههای صفحه نمایش گسترده، راهنمای توسعهدهندگان «پشتیبانی از اندازههای مختلف صفحه نمایش» را در Compose و صفحه M3 Applying Layout مطالعه کنید. همچنین میتوانید برای الهام گرفتن و پیادهسازی طرحبندیهای صفحه نمایش بزرگ، گالری متعارف صفحه نمایش بزرگ اندروید را بررسی کنید.
تطبیقی فکر کنید
هنگام طراحی اپلیکیشن، باید پیشفرض، تطبیقپذیری باشد. بازار موبایل اندروید دائماً در حال تکامل است، بنابراین نمیتوانید موبایل را فقط به عنوان گوشی موبایل در نظر بگیرید. در عوض، باید همه چیز از گوشی موبایل گرفته تا گوشیهای تاشو، تبلتها و هر چیزی بین این دو را شامل شود.
اگرچه برخی ویژگیها و موارد استفاده ممکن است در هر اندازه صفحه نمایش یا هر فرم فاکتوری منطقی نباشند، طراحی تطبیقی به کاربران شما آزادی بیشتری در مورد ارگونومی، قابلیت استفاده و کیفیت برنامه میدهد.
روشها و کیفیت
میتوانید با طراحی صفحات کلیدی (مفاهیم اساسی یا برنامه خود را بیان کنید) با اندازههای کلاس به عنوان نقاط شکست شروع کنید تا به عنوان راهنما برای بقیه برنامه شما عمل کنند. این تجربیات قهرمان میتوانند ویژگیهای تطبیقی و فرم فاکتور متمایز را برجسته کنند. یا با ذکر نحوه محدود کردن، گسترش یا تغییر شکل محتوا، آن را در سطح بنیادی واکنشگرا طراحی کنید.
انجام دهید
نکن
انجام دهید
از کانتینرهای ذاتی و بصری برای گروهبندی عناصر استفاده کنید. پنلها میتوانند حرکت کنند، پنهان شوند، گسترش یابند، محدود شوند یا ظاهر شوند. تفکر با پنلها، طراحی در تمام دستگاههای تلفن همراه را آسانتر میکند.
با تمرکز بر نحوه سازگاری عناصر با شبکه، به عناصر اجازه دهید تغییر مکان داده و دوباره مرتب شوند. تغییر عمودی را برای عناصر در نظر بگیرید و با محدودیتها و تغییرات ارائه ترکیب کنید.
یک اپلیکیشن با کیفیت بالا باید ردهبندی متمایز در هسته اپلیکیشن و دستورالعملهای کیفیت برای صفحه نمایش بزرگ را رعایت کند.
برای اطلاعات بیشتر در مورد طرحبندیها، به صفحه «درک طرحبندی با طراحی متریال ۳ (M3)» مراجعه کنید.