Каталог Основи

Категории и подкатегории

Категориите са скелетът на менюто: Предястия, Основни ястия, Напитки. Изграждаме ги с цветове поотделно за всяко устройство и с фоново изображение, а после показваме как една категория влиза в друга — Кафето под Напитките.

Категории Подкатегории Облик Фонови изображения
5:07 Докоснете време в стъпките, за да отидете там
Всички моменти във видеото 6 стъпки · 5:07

Какво ще научите

  • Създавате категория с име и описание
  • Цветове на заглавие и текст, зададени поотделно за телефон и за компютър
  • Фоново изображение, което дава плът на заглавната част на категорията
  • Подкатегории: влачите една категория върху друга

Стъпка по стъпка

  1. 1

    Страницата Категории

    Лявото меню → Категории. Започва празна: „Добавяне на категория“ отваря помощник от пет стъпки, а името върви първо — „Предястия“. Всяка категория става ред на тази страница, а редът на редовете е редът в менюто.

    Стъпка 1: Страницата Категории — Категории и подкатегории
  2. 2

    Фон за заглавната част

    Третата стъпка облича заглавната част на категорията: по едно изображение за размер екран — Голямо (компютър) в 16:9, Средно (таблет) в 4:3. Избирайте снимки с въздух: заглавието ляга отгоре, а претрупаните кадри се четат зле. „Смяна на изображението“ и „Премахване“ са под ръка, ако размислите.

    Стъпка 2: Фон за заглавната част — Категории и подкатегории
  3. 3

    Цветове по устройство

    Четвъртата стъпка, и обликът се настройва поотделно за всяко устройство: Голямо, Средно, Малко — всяко със свой цвят на заглавие, описание и фон, плюс линията на подчертаване. Прегледът се преначертава при всяко докосване. Фон, който изглежда добре на голям екран, понякога иска по-плътен текст на телефона.

    Стъпка 3: Цветове по устройство — Категории и подкатегории
  4. 4

    И следващата

    Втората категория минава през същите пет стъпки — тук със своите изображения, с мястото за таблет вече облечено, а това за телефон още в очакване. Основни ястия, Десерти, Напитки, Кафе: целият скелет се вдига по същия начин.

    Стъпка 4: И следващата — Категории и подкатегории
  5. 5

    На всяка категория — нейната палитра

    „Десертите“ отиват към по-топли тонове: същите три цвята плюс подчертаването, друго настроение. Всяка категория може да носи собствена палитра, за да се различават секциите, докато гостът слиза надолу.

    Стъпка 5: На всяка категория — нейната палитра — Категории и подкатегории
  6. 6

    Подкатегория с едно влачене

    Хванете „Кафе“ и го пуснете върху „Напитки“: става подкатегория. В менюто гостът ще види как Напитките се отварят, а Кафето живее вътре. Същото движение пренарежда списъка — редът оттук е редът, който вижда той.

    Стъпка 6: Подкатегория с едно влачене — Категории и подкатегории

Полезно да знаете

Малко категории, но ясни: 5–7 основни е правилото на добрите менюта.

Описанието е място за тон: „Коктейли, вина и безалкохолно“ казва много повече от простото „Напитки“.