چگونه توسعه دهندگان انطباق اسلات برای دستگاه های تلفن همراه

یک اسلات تلفن همراه یک کپی کوچکتر از یک دسکتاپ نیست. باید در صفحه نمایش 5-6 ″ قابل خواندن باشد، هنگام لمس پاسخگو باشد، به طور پایدار در دستگاه های بودجه کار کند، محدودیت های مرورگر/سیستم عامل را رعایت کند و باتری را «نخورد». در زیر طرح سیستم است: از UX و گرافیک به شبکه، صوتی و QA.

1) UX زیر انگشتان و صفحه نمایش کوچک

ابعاد و مناطق لمسی: تعاملی ≥ 44-48 پیکسل ؛ دکمه های مهم - در ناحیه شست (نیمه پایین، لبه راست/چپ بسته به دست).

مناطق امن: حسابداری برای «bangs»، جزیره پویا، گرد کردن ؛ قاب داخلی (درج امن) برای عناصر بالا.

جهت گیری: پرتره - پایه ؛ چشم انداز - طرح بندی جداگانه/تنظیم مجدد HUD. بلوک «overcooking» در زمان شمارش پیروزی.

سلسله مراتب بصری: نمادها و برنده> پس زمینه و اثرات. کنتراست متن، فونت MSDF، طرح برای اعداد.

عملیات یک دست: CTA های اصلی از زیر ؛ پانل شرط بندی و «چرخش» در فاصله انگشت شست.

پرش و توربو: اجباری ؛ پنهان نکنید. شامل «حرکت کمتر» برای حساس است.

ایالات خالی و نکات: به طور خلاصه، در محل عمل، بدون اضافه بار با مدال.

2) طرح بندی پاسخگو و مش تطبیقی

شبکه: 4-6 ستون + ثابت «لنگر» برای چرخش/سهام.

جنبه ها: 16:9، 19. 5:9, 20:9 - ایستگاه از پیش تنظیم جداگانه از موقعیت; در سمت «کوتاه» قرار دارد.

دوربین و ماسک: پنجره درام در طراحی پیکسل تغییر ناپذیر است. پس زمینه - امتداد/فریم بدون محتوای مهم.

متن: خودکار در محدوده (حداقل/حداکثر)، شکستن کلمه، فرمت ICU از اعداد/ارز.

3) عملکرد: هدف 60 FPS بدون بیش از حد

بودجه قاب: 16. 7 میلی ثانیه انیمیشن ها - زمان درایو، نه «توسط فریم».

Butching: اطلس، گروه بندی بر اساس مواد/blanding ؛ کاهش تماس های قرعه کشی.

Overdraw: برش «ورق» روشن، استفاده از ماسک/استنسیل.

حافظه: استخر اشیاء، استفاده مجدد از ذرات ؛ بافت با ASTC/ETC2/BCn + عقب نشینی.

LOD: غیرفعال کردن شیدرهای سنگین/اثرات پس از بودجه GPU ؛ پس زمینه ساده شده

چسبندگی GC: جلوگیری از تخصیص در چرخه انیمیشن ؛ قبل از بارگیری/قبل از ایجاد فرستنده ها.

درج ویدئو: چرخه کوتاه، میزان ارسال بیت کم، توقف هنگام به حداقل رساندن/کار پس زمینه.

گرما و باتری: کاهش مدت زمان صحنه های سنگین، محدود کردن فرکانس تایمر پس زمینه.

4) گرافیک و دارایی

اطلس: 2048-4096 پیکسل، با نام هش (حافظه پنهان)، گروه UI/FX به طور جداگانه.

بافت: فرمت های فشرده (ASTC برای iOS/آندروید جدید ؛ ETC2 برای آندروید ؛ BCn - دسکتاپ/WebGL2) ؛ WebP/PNG به عنوان ذخیره.

فونت ها: سبک های MSDF/SDF + توسط سایه زن (درخشش/طرح کلی)، به جای بسیاری از مجموعه های PNG.

ذرات: ترکیب افزودنی، زندگی کوتاه، کشیدن.

پس از اثرات: نیمه/چهارم RES شکوفه، vignette نرم ؛ قطع ارتباط در دستگاه های ضعیف

لیست Sprite از درام: از پیش پخته شده و «نازک»، بدون حفره های غیر ضروری ؛ ضربه محکم و ناگهانی پیکسل برای پیمایش.

5) صوتی، ارتعاش و محدودیت های سیستم

سیاست های پخش خودکار: صدا فقط با ژست شروع می شود. نشان می دهد قابل فهم «صدا/سکوت» سوئیچ ضامن.

میکسر: گول زدن به صدای/رسانه کاربر ؛ محدودیت SFX همزمان

Haptics: الگوهای ارتعاش کوتاه در درام متوقف می شود/پیروزی بزرگ ؛ گزینه «خاموش»

حالت پس زمینه: توقف انیمیشن/صوتی هنگام ترک در قفل پس زمینه/صفحه نمایش.

6) پایداری شبکه و آفلاین

مسیر بحرانی: «چرخش »/« پاداش» - RPC های کوتاه بدون وابستگی های خارجی ؛ retrai نمایی با لرزش.

Idempotence: کلید در عملیات نوشتن (شرط/پرداخت) - تکرار → همان نتیجه.

کارگر خدمات (در وب): کش دارایی، آشکار با TTL کوتاه، گرم کردن قبل از حوادث.

متغیرهایی: صفحه نمایش اسکلت، صف رویداد UI محلی، وضعیت روشن شبکه در دسترس نیست.

7) تفاوت های پلت فرم و ظروف

iOS Safari: پخش خودکار دقیق، حافظه WebGL، محدودیت تایمر پس زمینه.

Android Chrome/WebView: تغییرات بیشتر GPU/درایورها - Mali/Adreno را آزمایش کنید.

PWA: صفحه اصلی، حافظه پنهان آفلاین، اما فشار/پرداخت توسط قوانین محدود شده است.

Native/Unity: بسته های WebGL سنگین تر هستند، اما یک کد واحد برای iOS/Android ؛ Addressables، فشرده سازی بافت در هر پلت فرم.

WebView در برنامه ها: سیاست استورا، حریم خصوصی و الزامات RG را در نظر بگیرید.

8) محلی سازی و در دسترس بودن

زبان ها: طول رشته، اسکریپت های سمت راست، فرمت های تاریخ/ارز ؛ پیام های آی سی یو

کنتراست و اندازه: حالت کنتراست بالا، فونت مقیاس پذیر، متن انتقادی - بدون تفاوت اشباع.

حرکت کمتر: اختلاف منظر/گردن خاموش ؛ اثرات جایگزین

9) بازی مسئولانه و صداقت

ابزار WG: دسترسی سریع به محدودیت/اتمام وقت/خود حذفی; حالت سکوت در شب

صداقت نتیجه: محاسبه نتیجه در سرور قبل از انیمیشن ؛ UX بر احتمال سقوط تأثیر نمی گذارد.

حوزه های قضایی: خودکار چرخش/خرید ویژگی/سرعت - از طریق phicheflags های منطقه.

10) ماتریس QA و قابلیت مشاهده

ماتریس دستگاه: 8-12 مرجع (پایه آیفون/نرم افزار، بودجه/اواسط آندروید با مالی/Adreno، قرص).

پروفایل: FPS، قرعه کشی تماس، زمان GPU/CPU، حافظه/VRAM، لکنت/GC.

سقوط/ANR: نظارت، پخش مجدد دور مشکل توسط بذر/مرحله.

داشبورد: اول قابل پخش، شبکه های p95، خطای چرخش، درجه حرارت (در صورت موجود بودن)، احتباس D1/D7، صدا در تبدیل، پرش کسر.

11) آزمایش های تلفن همراه A/B

فرضیه ها: موقعیت چرخش، اندازه CTA، طول توقف درام، سفارش آموزش، معرفی نرم و سخت پاداش.

Guardrails: سقوط/ANR، شبکه های p95، شکایات ؛ در طول تخریب - بازگشت خودکار ficheflag.

تقسیم بندی: توسط دستگاه/GPU/کانال ترافیک - اثرات ممکن است متفاوت باشد.

12) ضد الگوهای (چه کاری انجام ندهید)

کپی دسکتاپ 1:1: متن کوچک، دکمه در دسترس نیست.

اثرات ویدئو/پس زمینه بزرگ در تمام دستگاه های → بیش از حد گرم و قطره FPS.

تصادفی GC در هنگام محاسبه برنده: تخصیص در تیک انیمیشن.

enum سخت در مشتری: قطره با یک مقدار جدید از سرور.

دموی احتمال → ضربه به اعتماد و انطباق.

انتظار برای یک شبکه بدون بازخورد: دکمه های «مرده»، بدون وضعیت.

13) دستور العمل های کوچک

خروج سریع پرتره

پانل پایین: چرخش (راست) + شرط (چپ)، مرکز - شمارنده.

تعمیر پنجره درام، پس زمینه - اختلاف منظر توسط 5-10٪.

پیروزی بزرگ: رقم MSDF + درخشش، دکمه جست و خیز.

اثر برنده مقرون به صرفه

عنوان مقیاس گزاف گویی، افزودنی confetti ≤ 1 c، نیمه res شکوفه.

لرزش کوتاه است (10-20 میلی ثانیه)، صدا یک ترکیب با نشانگر است.

WebGL پایدار در دستگاه های بودجه

یک اطلس UI + یک اطلس شخصیت ؛ پس از اثرات خاموش هستند ؛ 30 FPS «صرفه جویی در انرژی» زمانی که بیکار.

14) چک لیست سازگاری بزرگ تلفن همراه

تجربه کاربری/یادگیری

مناطق لمسی ≥ 44-48 پیکسل، CTA های اصلی در منطقه انگشت شست
مناطق امن/bangs در نظر گرفته می شود ؛ پرتره/چشم انداز کار می کرد
پرش/توربو/حرکت کمتر در دسترس است

گرافیک/حرفه ای

60 FPS (منابع)، قرعه کشی تماس/overdraw در بودجه
فشرده سازی بافت (ASTC/ETC2/BCn) + عقب نشینی
LOD/غیرفعال کردن اثرات سنگین، کشیدن ذرات
بسته نرم افزاری و اولین بازی برای اهداف

شبکه/قابلیت اطمینان

عملیات نوشتن idempotent، retray با لرزش
خدمات کارگر/استراتژی کش (وب)
پاک کردن وضعیت آفلاین/خطا

صوتی/وایبرو

پخش خودکار فقط پس از ژست، میکسر و حد SFX
Haptics با گزینه خاموش، مکث در پس زمینه

انطباق/RG

پرچم های قضایی، نتیجه صادقانه در سرور
دسترسی سریع به محدودیت/مکث/خود حذفی

QA/نظارت

ماتریس دستگاه گذشت ؛ GPU/CPU/پروفایل های حافظه
داشبورد شبکه p95/FPS/خطاها/سقوط
تکرار دانه/گام برای بلیط

تطبیق اسلات برای تلفن همراه تعادل UX قابل خواندن، گرافیک دقیق، شبکه پایدار و اخلاق است. تیم ها زمانی برنده می شوند که یک صفحه را برای انگشتان و مناطق امن طراحی کنند، 60 FPS و یک بسته نرم افزاری را نگه دارند، سیاست های iOS/Android را در نظر بگیرند، در دستگاه های واقعی آزمایش کنند و ویژگی های پرچم ها را با قناری ها روشن کنند. بنابراین اسلات زیبا، سریع و صادقانه در هر گوشی هوشمند باقی می ماند.