Чӣ гуна таҳиягарон ҷойҳоро барои дастгоҳҳои мобилӣ мутобиқ мекунанд

Ковокии мобилӣ нусхаи хурдтари мизи корӣ нест. Онро дар экранҳои 5-6 "хондан мумкин аст, вақте ки ламс карда мешавад, дар дастгоҳҳои буҷавӣ устувор кор кунед, маҳдудиятҳои браузер/ОС-ро эҳтиром кунед ва батареяро" нахӯред ". Дар зер нақшаи система оварда шудааст: аз UX ва графика ба шабака, аудио ва QA.

1) UX дар зери ангуштҳо ва экрани хурд

Андоза ва минтақаҳои ламсӣ: интерактивӣ ≥ 44-48 px; тугмаҳои интиқодӣ - дар масоҳати ангушти калон (ними поён, канори рост/чап вобаста ба даст).

Минтақаҳои бехатар: баҳисобгирии "бангҳо", ҷазираи динамикӣ, яклухткунӣ; чаҳорчӯбаи дохилӣ (даруни бехатар) барои унсурҳои боло.

Самтҳо: портрет - ибтидо; манзара - тарҳҳои алоҳида/азнавсозии HUD. Блоки "overcooking" ҳангоми ҳисоб кардани бурд.

Иерархияи визуалӣ: аломатҳо ва бурдҳо> замина ва эффектҳо. Контрасти матн, ҳуруфҳои MSDF, контур барои рақамҳо.

Амалиёти якдафъаина: CTA-ҳои асосӣ аз поён; панели гарав ва "чарх" дар масофаи ангушт.

Гузариш ва турбо: ҳатмӣ; пинҳон накунед. Барои "ҳассос" камтар дохил кунед.

Ҳолати холӣ ва ишораҳо: мухтасар, дар ҷои амал, бидуни изофабор бо модалҳо.

2) Тарҳҳои ҷавобӣ ва фикрию мутобиқшавӣ

Шабака: 4-6 сутун + "лангарҳо" -и собит барои Spin/Stakes.

Ҷанбаҳо: 16:9, 19. 5:9, 20:9 - муқаррароти алоҳидаи вазифаҳо; миқёс дар тарафи "кӯтоҳ".

Камера ва ниқобҳо: тирезаи барабан дар тарроҳии пиксел тағйирнопазир аст; замина - дароз/фоторамкахо бе мазмуни мухим.

Матн: худкор дар диапазон (min/max), танаффуси калимаҳо, форматҳои ICU рақамҳо/асъорҳо.

3) Иҷро: Ҳадафи 60 FPS бидуни гармӣ

Буҷаи чорчӯба: 16. 7мс. Аниматсияҳо - диски вақт, на "аз рӯи чаҳорчӯба".

Қассоб: атлас, гурӯҳбандӣ аз рӯи мавод/бландинг; кам кардани зангҳо.

Барзиёд: "Варақҳо" -ро тоза кунед, ниқобҳо/стенсилҳоро истифода баред.

Хотира: ҳавзи ашё, истифодаи дубораи зарраҳо; матнҳо бо ASTC/ETC2/BCn + таназзул.

LOD: хомӯш кардани shaders вазнин/пас аз таъсир ба буҷа-GPU; заминаҳои соддакардашуда.

Адгезияҳои GC: аз тақсимот дар давраҳои аниматсия худдорӣ кунед; пеш аз боркунӣ/пеш аз сохтани эмитентҳо.

Воридоти видео: давраҳои кӯтоҳ, битри паст, ҳангоми кам кардани кор/пасзамина қатъ кунед.

Гармӣ ва батарея: давомнокии саҳнаҳои вазнинро кам кунед, басомади вақтсанҷҳои пасзаминаро маҳдуд кунед.

4) Графика ва дороиҳо

Атласҳо: 2048-4096 px, аз рӯи ҳаш-номҳо (кэш-бустинг), гурӯҳи UI/FX алоҳида.

Матнҳо: форматҳои фишурдашуда (ASTC барои IOS/Android нав; ETC2 барои Android; BC ‌ n - мизи корӣ/Web 'GL2); Вебп/PNG ҳамчун захира.

Ҳуруфҳо: MSDF/SDF + услубҳо аз ҷониби shaders (дурахшон/контур), ба ҷои бисёр маҷмӯаҳои PNG.

Қисмҳо: омезиши иловагӣ, умри кӯтоҳ, кашидан.

Таъсири баъдӣ: нимсола/семоҳа мешукуфад, винеткаи мулоим; пайвастшавӣ дар дастгоҳҳои заиф.

Рӯйхати Sprite барабанҳо: қаблан пухта ва "лоғар", бе холигии нолозим; лаҳзаи пиксел барои ҳаракат.

5) Маҳдудиятҳои аудио, ларзиш ва система

Сиёсати худкор: садо танҳо бо имову ишора оғоз мешавад; тугмаи гузариши "садо/хомӯшӣ" -ро фаҳмо нишон диҳед.

Миксер: мурғобӣ ба овоз/ВАО-и корбар; лимити ҳамзамон SFX.

Ҳаптика: намунаҳои кӯтоҳмуддати ларзиш дар барабан/бурди калон; варианти "хомӯш".

Ҳолати пасзамина: таваққуф кардани аниматсияҳо/аудио ҳангоми баромадан дар қулфи замина/экран.

6) Устувории шабака ва офлайн

Роҳи интиқодӣ: 'spin '/' bonus' - RPC-ҳои кӯтоҳ бидуни вобастагии беруна; ретраи экспоненсиалӣ бо jitter.

Idempotence: калид оид ба амалиёти навиштан (бет/пардохт) - такрор → ҳамон натиҷа.

Корманди хидматрасонӣ (дар интернет): кэши дороиҳо, бо TTL кӯтоҳ, пеш аз рӯйдодҳо гарм мешаванд.

Ҷойгузинҳо: экранҳои скелетӣ, навбати чорабиниҳои маҳаллии UI, ҳолати равшани шабака.

7) Фарқиятҳо ва контейнерҳои платформа

IOS Safari: автоплайи қатъӣ, хотираи WebGL, маҳдудиятҳои вақтсанҷи пасзамина.

Android Chrome/Webview: вариантҳои бештари GPU/драйверҳо - озмоиши Мали/Адрено.

PWA: Экрани хонагӣ, кэши офлайнӣ, аммо тела/пардохт бо қоидаҳо маҳдуд аст.

Native/Unity: Бастаҳои WebGL вазнинтаранд, аммо як рамзи ягона барои IOS/Android; Адресҳо, фишурдани матн дар як платформа.

Webview дар барномаҳо: сиёсати stora, махфият ва талаботҳои RG-ро ба назар гиред.

8) Маҳаллисозӣ ва мавҷудият

Забонҳо: дарозии сатр, скриптҳои дасти рост, форматҳои сана/асъор; Паёмҳои ICU.

Муқоиса ва андоза: режими контрасти баланд, ҳуруфҳои миқёспазир, матни интиқодӣ - бидуни фарқияти пуррагӣ.

Ҳаракати камтар: параллакс/гарданҳо; таъсири алтернативӣ.

9) Бозии масъулиятнок ва ростқавлӣ

Воситаҳои WG: дастрасии зуд ба маҳдудиятҳо/вақт/худдорӣ; "режими хомӯш" шабона.

Ростқавлии натиҷа: ҳисоб кардани натиҷа дар сервер пеш аз аниматсия; UX ба имкони афтидан таъсир намерасонад.

Қаламравҳо: худкор-спин/харидани хусусият/суръат - тавассути phicheflags аз рӯи минтақа.

10) Матритсаи QA ва мушоҳидашаванда

Матритсаи дастгоҳ: 8-12 истинодҳо (пойгоҳи IPhone/Pro, буҷа/миёна Android бо Mali/Adreno, планшетҳо).

Маълумот: FPS, ҷалб кардани зангҳо, вақти GPU/CPU, хотира/VRAM, stutters/GC.

Crash/ANR: мониторинг, такрори давраҳои мушкилот бо насл/қадам.

Панели панелҳо: Аввалин бозикунанда, p95 тӯрҳо, хатои чарх, ҳарорат (агар дастрас бошад), нигоҳдории D1/D7, садо дар табдил, фраксияи гузаранда.

11) Таҷрибаҳои мобилии A/B

Гипотезаҳо: Мавқеи чарх, андозаи CTA, дарозии таваққуфи барабан, тартиби дарсӣ, муқаддимаи бонуси мулоим ва сахт.

Гвардияҳо: суқут/ANR, шабакаҳои p95, шикоятҳо; ҳангоми таназзул - худкор баргардонидани ficheflag.

Ҷудосозӣ: аз рӯи дастгоҳ/GPU/канали трафик - эффектҳо метавонанд фарқ кунанд.

12) Анти-намунаҳо (чӣ кор кардан лозим нест)

Нусха бардоштани мизи кории 1:1: матни хурд, тугмаҳо дастрас нестанд.

Таъсири бузурги видео/пасзамина ба ҳамаи дастгоҳҳо → аз ҳад зиёд гарм кардан ва афтидани FPS.

GC-и тасодуфӣ ҳангоми ҳисоб кардани бурдҳо: тақсимот дар дохили аниматсия.

Энуми сахт дар муштарӣ: бо арзиши нав аз сервер меафтад.

Намоишҳои эҳтимолият → зарба ба эътимод ва мувофиқат.

Интизории шабака бидуни посух: тугмаҳои "мурда", статус нест.

13) Дорухатҳои мини

Лейюти тези портрет

Панели поён: чарх (аз рост) + Бет (аз чап), марказ - ҳисобкунакҳо.

Ислоҳи тирезаи барабан, замина - параллакс 5-10%.

Ғалабаи калон: Рақамҳои MSDF + дурахшон, тугмаи гузаред.

Таъсири бурди камхарҷ

Унвони миқёс-bounce, иловаи-конфетти ≤ 1 c, нисфи рес мешукуфад.

Ларзиш кӯтоҳ аст (10-20 мс), садо як омехта бо нишонаҳо мебошад.

Вебглои устувор дар дастгоҳҳои буҷавӣ

Як атласи UI + як атласи аломатӣ; пас аз эффектҳо хомӯш карда мешаванд; 30 FPS "сарфаи барқ" ҳангоми бекорӣ.

14) Рӯйхати калони мутобиқсозии мобилӣ

UX/Leyout

Минтақаҳои ламс ≥ 44-48 px, CTA-ҳои асосӣ дар минтақаи ангушти калон
Минтақаҳои бехатар/таркишҳо ба назар гирифта мешаванд; портрет/манзара кор карда баромад
Гузариш/турбо/ҳаракати камтар дастрас аст

Графика/Перф

60 FPS (истинодҳо), дар буҷа зангҳо/барзиёд пардохт кардан
Фишурдани матн (ASTC/ETC2/BCn) + нокомӣ
LOD/хомӯш кардани эффектҳои вазнин, кашидани зарраҳо
Баста ва Бозии аввал барои мақсадҳо

Шабака/эътимоднокӣ

Амалиёти навиштани Idempotent, бозпас бо jitter
Корманди хидмат/Стратегияи кэш (Веб)
Ҳолати офлайн/хатогиро тоза кунед

Аудио/Vibro

Автоплай танҳо пас аз ишорат, миксер ва маҳдудияти SFX
Ҳаптикҳо бо интихоби хомӯш, таваққуф дар замина

Мутобиқат/RG

Парчамҳои ҳуқуқӣ, натиҷаи софдилона дар сервер
Дастрасии зуд ба маҳдудиятҳо/таваққуфҳо/канорагирӣ

QA/Мониторинг

Матритсаи дастгоҳ гузашт; Профилҳои GPU/CPU/хотира
Шабакаи p95 панели/FPS/хатогиҳо/садамаҳо
Такрори насл/қадам барои чиптаҳо

Мутобиқ кардани слот барои мобилӣ тавозуни UX-и хондан, графикаи бодиққат, шабакаи устувор ва ахлоқӣ мебошад. Дастаҳо ҳангоми тарҳрезии экран барои ангуштҳо ва минтақаҳои бехатар ғолиб мешаванд, 60 FPS ва бастаи сабукро нигоҳ медоранд, сиёсати IOS/Android-ро ба назар мегиранд, дар дастгоҳҳои воқеӣ озмоиш мекунанд ва хусусиятҳоро бо парчамҳо бо канарейкаҳо месозанд. Ҳамин тавр, слотҳо дар ҳама гуна смартфонҳо зебо, зуд ва ростқавл боқӣ мемонанд.