برای همه اندازه‌های صفحه آماده باشید، برای همه اندازه‌های صفحه آماده باشید
با مجموعه‌ها، منظم بمانید
ذخیره و طبقه‌بندی محتوا براساس اولویت‌های شما.
یک نوار حداقل کیفیت برای تجربه در همه اندازه‌های صفحه در Wear OS
اولین قدم برای ایجاد یک برنامه عالی برای Wear OS این است که برنامه خود را برای همه اندازه‌های صفحه آماده کنید. این بدان معنی است که برنامه خود را در طیف وسیعی از اندازه های صفحه هدف آزمایش کنید و هر گونه باگ آشکار را شناسایی و رفع کنید.
در این مرحله، طرح‌بندی برنامه شما ممکن است ایده‌آل نباشد، اما برنامه مشکلات بصری یا تعاملی واضحی ندارد و کاربران می‌توانند تمام جریان‌های کار را تکمیل کنند.
مسائل رایجی که باید به آنها توجه کرد
- مشکلات مربوط به حاشیه های بالا، پایین و یا کناری
- برش متن، دکمه ها یا سایر اجزا
- سازگاری نامناسب اجزا
- مقیاس بندی ناسازگار عناصر UI
check_circle
بهترین تمرین
بررسی کنید تا مطمئن شوید برنامه شما هیچ اشکال آشکاری در اندازه‌های صفحه نمایش ندارد.
cancel
مراقب باشید
- ترازها یا فاصله های نامناسب.
- به طور متناسب محتوای UI را افزایش دهید.
مرحله بعدی: واکنش گرا و بهینه شده
برنامه‌هایی که واکنش‌گرا و بهینه‌سازی شده‌اند ، از طرح‌بندی‌های واکنش‌گرا استفاده می‌کنند که به‌طور خودکار با اندازه‌های مختلف صفحه‌نمایش سازگار می‌شوند، مقداری ارزش اضافی را به کاربران ارائه می‌دهند و تجربه کاربری مولد و جذابی را ارائه می‌دهند.
شروع کنید
،
یک نوار حداقل کیفیت برای تجربه در همه اندازه‌های صفحه در Wear OS
اولین قدم برای ایجاد یک برنامه عالی برای Wear OS این است که برنامه خود را برای همه اندازه‌های صفحه آماده کنید. این بدان معنی است که برنامه خود را در طیف وسیعی از اندازه های صفحه هدف آزمایش کنید و هر گونه باگ آشکار را شناسایی و رفع کنید.
در این مرحله، طرح‌بندی برنامه شما ممکن است ایده‌آل نباشد، اما برنامه مشکلات بصری یا تعاملی واضحی ندارد و کاربران می‌توانند تمام جریان‌های کار را تکمیل کنند.
مسائل رایجی که باید به آنها توجه کرد
- مشکلات مربوط به حاشیه های بالا، پایین و یا کناری
- برش متن، دکمه ها یا سایر اجزا
- سازگاری نامناسب اجزا
- مقیاس بندی ناسازگار عناصر UI
check_circle
بهترین تمرین
بررسی کنید تا مطمئن شوید برنامه شما هیچ اشکال آشکاری در اندازه‌های صفحه نمایش ندارد.
cancel
مراقب باشید
- ترازها یا فاصله های نامناسب.
- به طور متناسب محتوای UI را افزایش دهید.
مرحله بعدی: واکنش گرا و بهینه شده
برنامه‌هایی که واکنش‌گرا و بهینه‌سازی شده‌اند ، از طرح‌بندی‌های واکنش‌گرا استفاده می‌کنند که به‌طور خودکار با اندازه‌های مختلف صفحه‌نمایش سازگار می‌شوند، مقداری ارزش اضافی را به کاربران ارائه می‌دهند و تجربه کاربری مولد و جذابی را ارائه می‌دهند.
شروع کنید
محتوا و نمونه کدها در این صفحه مشمول پروانههای توصیفشده در پروانه محتوا هستند. جاوا و OpenJDK علامتهای تجاری یا علامتهای تجاری ثبتشده Oracle و/یا وابستههای آن هستند.
تاریخ آخرین بهروزرسانی 2025-07-29 بهوقت ساعت هماهنگ جهانی.
[[["درک آسان","easyToUnderstand","thumb-up"],["مشکلم را برطرف کرد","solvedMyProblem","thumb-up"],["غیره","otherUp","thumb-up"]],[["اطلاعاتی که نیاز دارم وجود ندارد","missingTheInformationINeed","thumb-down"],["بیشازحد پیچیده/ مراحل بسیار زیاد","tooComplicatedTooManySteps","thumb-down"],["قدیمی","outOfDate","thumb-down"],["مشکل ترجمه","translationIssue","thumb-down"],["مشکل کد / نمونهها","samplesCodeIssue","thumb-down"],["غیره","otherDown","thumb-down"]],["تاریخ آخرین بهروزرسانی 2025-07-29 بهوقت ساعت هماهنگ جهانی."],[],[],null,["# Be ready for all screen sizes\n\nA minimum quality bar for experiences across all screen sizes on Wear OS\n------------------------------------------------------------------------\n\nThe **first** step in creating a great app for Wear OS is making your app ready\nfor all screen sizes. This means testing your app across a range of target\nscreen sizes and identifying and fixing any obvious bugs.\n\nAt this stage, your app's layout might not be ideal, but the app doesn't have\nobvious visual or interaction issues, and users can complete all task flows.\n\n\nCommon issues to look out for\n-----------------------------\n\n- Issues with top, bottom, and or side margins\n- Clipping of text, buttons, or other components\n- Improper component adaptation\n- Inconsistent scaling of UI elements\n\ncheck_circle\n\n### Best practice\n\nCheck to make sure your app has no obvious bugs across screen sizes. \ncancel\n\n### Watch out for\n\n- Awkward alignments or spacing.\n- Proportionally scaling up the UI contents.\n\nNext step: responsive and optimized\n-----------------------------------\n\nApps that are **responsive and optimized** utilize responsive layouts that\nautomatically adapt to different screen sizes, offering some additional value to\nusers and providing a productive, engaging user experience.\n\n[Get started](/design/ui/wear/guides/foundations/larger-screens-optimized)"]]
