Maketlar va zonalar

Maket ekranni sohalarga boʻladi. Har bir soha oʻz pleylistini oʻz siklida ijro etadi va qanday oʻlchamdagi grafika kerakligini biladi.

Nima uchun mavjudEkran — bitta toʻrtburchak, menyu taxtasi esa unday emas. Uni boʻlish taomlarni ekranda ushlab turish, yuguruvchi satrni harakatlantirish va ovozni butunlay boshqa joydan chiqarish imkonini beradi — uch xil tezlikda oʻzgaradigan uchta narsa, doʻkondagi devor aslida aynan shuni qiladi. Muqobili — shoʻrva har oʻzgarganda qayta montaj qilinishi kerak boʻlgan bitta video.

Zonalar#

Platforma bilan birga toʻqqizta maket keladi: toʻliq ekran, pastki yuguruvchi satrli asosiy soha, chap yoki oʻng tomondagi yon panel, L shakli, ikki xil boʻlinish, toʻliq tasvir ustidagi ob-havo burchagi va uch qismli boʻlinish. Ularning sohalari Asosiy, Yon panel, Qoʻshimcha, Pastki qator va Vidjet deb ataladi.

Har bir maketda Ovoz ham bor, u umuman soha emas — ekranda uning qutisi yoʻq. Musiqa yoki eʼlonlar pleylisti shu yerga joylanadi va video devorda qancha panel tasvir koʻrsatmasin, ovoz bitta paneldan chiqadi.

Oʻz maketingizni chizish#

Ekran sozlamalari formasida, Maket boʻlimi ostidagi Maket chizish tugmasi shu ekran shaklidagi kanvasni ochadi. Zonani koʻchirish uchun uni suring, oʻlchamini oʻzgartirish uchun burchagidan torting yoki aniq piksellarni yozing — 1920 × 240 sifatida sotilgan slot raqam oʻz-oʻzidan mos kelguncha surilmaydi, balki 1920 va 240 deb kiritiladi.

Ekranlar → ekran → Kengaytirilgan sozlamalar → Maket → Maket chizish

Doʻkon vitrinasi · 1920×1080 uchun oʻlchamlar — Old Street

Asosiy tasvir1920 × 842 px · 100% × 78%0-qatlam2

Yangiliklar yuguruvchi satri1920 × 238 px · 100% × 22%0-qatlam

jadvallar ularga Asosiy va Pastki qator deb murojaat qiladi3

1Ekran oʻz tasvir aniqligi va shaklida, shuning uchun vertikal totem vertikal holda chiziladi.

2Har bir zona shu ekranda haqiqatda qanday oʻlchamda boʻlishini piksellarda koʻrsatadi.

3Jadval bu zonaga qanday murojaat qiladi. Uni qanday qayta nomlamang, u hech qachon oʻzgarmaydi.

Maket piksellar emas, nisbatlardan iborat. Bitta maket uni qoʻygan har bir ekranga mos keladi: kengligi chorak boʻlgan yon panel kengligi 1920 boʻlgan ekranda 480 px, 4K ekranda esa 960 px. Koʻrsatilgan piksel oʻlchamlari siz kelgan ekran uchun.
Zonani qayta nomlash xavfsiz. Jadval zonaning nomiga emas, nomi ostida koʻrsatilgan kalitiga ishora qiladi, u esa hech qachon oʻzgarmaydi. Uni "Yangiliklar yuguruvchi satri" yoki "Futbol natijalari" deb atang — unga ishora qilgan jadvallar ishlashda davom etadi.
Zonani olib tashlash esa xavfsiz emas. Endi mavjud boʻlmagan zonaga moʻljallangan kontent jadvalda qolaveradi, lekin koʻrinmay qoladi. Muharrir saqlashdan oldin bu qaysi jadvallarga taʼsir qilishini aytadi.
Ustma-ust tushishni qatlamlar hal qiladi. Zonalar bir-birining ustida turishi mumkin — ob-havo burchagi aynan shunday. Yuqoriroq qatlam oldinda turadi.

Bir qismida hech narsa yoʻq ekran

Maket butun ekranni qoplashi shart emas, hech bir zona yetib bormagan joyda ekran qora boʻladi. Muharrir chizish paytida bu qancha qismni tashkil etishini aytadi, chunki bir chetidagi qora chiziq xonaning narigi tomonidan yaqqol koʻrinadi, kanvasda esa umuman sezilmaydi.

Zonaga qanday oʻlchamdagi grafika kerak#

Piksel oʻlchamlari aynan shu savolga javob berish uchun mavjud. Dizaynerga raqam kerak, "yon panel" esa raqam emas. Ekranning jadval panelini oching — har bir zona oʻlchami bilan roʻyxatda koʻrsatiladi, masalan Asosiy tasvir 1920 × 842, va aynan shuni grafika tayyorlayotgan odamga yuborasiz.

Xuddi shu raqamlar reklama slotini sozlashda ham paydo boʻladi: Belgilangan variantini tanlasangiz, oʻz ekranlaringiz haqiqatda hosil qiladigan oʻlchamlar har biri qaysi maket va zonadan kelgani bilan birga taklif qilinadi, shunda uni yozmasdan tanlaysiz. Batafsil: Reklama qanday ishlaydi.

Misol — Old Streetdagi novvoyxona vitrinasi

Vitrinadagi ekran 1920 × 1080. Maket — yuguruvchi satr ustidagi asosiy tasvir, boʻlinish 78% da, muharrir buni 1920 × 842 va 1920 × 238 deb koʻrsatadi. Suratlar 1920 × 842 oʻlchamda buyurtma qilinadi. Yuguruvchi satrga yangiliklar vidjeti qoʻyiladi, unga hech qanday grafika kerak emas. Ovozga hech narsa berilmaydi, chunki vitrina koʻchaga qaragan.

Telefonda

Maketlarni telefonda tanlash mumkin, lekin chizib boʻlmaydi. Kanvasda qutilarni surish va ularning piksel oʻlchamlarini oʻqish uchun ish stoli kerak.