Макеттер мен аймақтар

Макет экранды бөліктерге бөледі. Әр бөлік өз циклында өз ойнату тізімін ойнатады және оған қандай өлшемдегі графика керек екенін біледі.

Не үшін барЭкран — тіктөртбұрыш, ал мәзір тақтасы олай емес. Оны бөлу тағамдарды экранда ұстап тұрып, жүгірме жолын жүргізуге және дыбысты мүлде басқа жерден шығаруға мүмкіндік береді — үш түрлі жылдамдықпен өзгеретін үш нәрсе, дүкен қабырғасы шын мәнінде осылай жұмыс істейді. Балама — сорпа ауысқан сайын қайта монтаждалуы тиіс бір бейне.

Аймақтар#

Платформада тоғыз макет бар: толық экран, төменгі жүгірме жолы бар негізгі аймақ, бір немесе екінші жақтағы бүйір панелі, L пішіні, екі түрлі бөлу, толық сурет үстіндегі ауа райы бұрышы және үшке бөлу. Олардың бөліктері Негізгі, Бүйір панелі, Қосымша, Төменгі жол және Виджет деп аталады.

Әр макетте Дыбыс та бар, ол мүлде бөлік емес — экранда оның жақтауы жоқ. Музыка немесе хабарландырулар ойнату тізімі сонда барады, ал бейне қабырғада сурет көрсететін панельдер қанша болса да, дыбыс бір панельден шығады.

Өз макетіңізді сызу#

Экран формасында, Макет астында Макет сызу сол экран пішініндегі кенепті ашады. Аймақты жылжыту үшін сүйреңіз, өлшемін өзгерту үшін бұрышын сүйреңіз немесе нақты пикселдерді теріңіз — 1920 × 240 ретінде сатылған слот сан сәйкес келгенше сүйреліп емес, 1920 және 240 деп енгізіледі.

Экрандар → экран → Кеңейтілген баптаулар → Макет → Макет сызу

Витрина · 1920×1080 үшін өлшемдер — Old Street

Негізгі сурет1920 × 842 px · 100% × 78%Қабат 02

Жаңалықтар жолы1920 × 238 px · 100% × 22%Қабат 0

кестелер оларды Негізгі және Төменгі жол деп атайды3

1Экран өз ажыратымдылығы мен пішінінде, сондықтан тік тотем тік сызылады.

2Әр аймақ осы экранда шын мәнінде болатын өлшемін пикселмен көрсетеді.

3Кесте осы аймақты қалай атайды. Оны қалай атасаңыз да, ол ешқашан өзгермейді.

Макет пикселдерден емес, пропорциялардан тұрады. Бір макет оны қойған кез келген экранға сай келеді: ені төрттен бір бүйір панелі 1920 экранда 480 px, ал 4K экранда 960 px. Көрсетілген пиксель өлшемдері сіз келген экранға тиесілі.
Аймақтың атын өзгерту қауіпсіз. Кесте сілтейтін нәрсе — аймақтың атауы астында көрсетілген кілті, ол ешқашан өзгермейді. Оны «Жаңалықтар жолы» немесе «Футбол есептері» деп атаңыз — оған сілтейтін кестелер жұмыс істей береді.
Біреуін жою қауіпсіз емес. Енді жоқ аймаққа арналған контент кестеде қала береді, бірақ көрінбей қалады. Редактор сақтамас бұрын бұл қай кестелерге әсер ететінін айтады.
Қабаттасуды қабаттар шешеді. Аймақтар бірінің үстінде бірі тұра алады — ауа райы бұрышы дәл осы. Жоғарғы қабат алдыңғы жақта тұрады.

Бір бөлігі бос экран

Макет бүкіл экранды жабуы міндетті емес, ал ешбір аймақ жетпеген жерде экран қара болады. Редактор сызып жатқанда оның қанша екенін айтады, өйткені бір жақтағы қара жолақ бөлменің арғы шетінен анық көрінеді, ал кенепте мүлде байқалмайды.

Аймаққа қандай өлшемдегі графика керек#

Пиксель өлшемдері дәл осы сұраққа жауап беру үшін бар. Дизайнерге сан керек, ал «бүйір панелі» сан емес. Экранның кесте панелін ашыңыз, әр аймақ өз өлшемімен тізімделген — Негізгі сурет 1920 × 842 —, графиканы жасайтын адамға жіберетініңіз осы.

Дәл сол сандар жарнама слотын баптағанда да шығады: Белгіленген таңдалғанда өз экрандарыңыз шын мәнінде беретін өлшемдер әрқайсысы шыққан макет пен аймағымен бірге ұсынылады, сондықтан оны термей, таңдайсыз. Жарнама қалай жұмыс істейді бөлімін қараңыз.

Мысал — Old Street-тегі наубайхананың витринасы

Витринадағы экран 1920 × 1080. Макет — бөлінуі 78%-та тұрған жүгірме жолының үстіндегі негізгі сурет, редактор оны 1920 × 842 және 1920 × 238 деп хабарлайды. Фотолар 1920 × 842 өлшемімен тапсырыс беріледі. Жүгірме жолы ешқандай графика керек етпейтін жаңалықтар виджетін алады. Дыбыс ештеңе алмайды, өйткені витрина көшеге қарайды.

Телефонда

Макеттерді телефонда таңдауға болады, бірақ сызуға болмайды. Кенепте жақтауларды сүйреп, пиксель өлшемдерін оқу үстелді қажет етеді.