Katalog Podstawy

Kategorie i podkategorie

Kategorie to szkielet menu: Przystawki, Dania główne, Napoje. Budujemy je z kolorami osobno na każdy ekran i z tłem, a potem pokazujemy, jak jedna kategoria wchodzi w drugą — Kawa pod Napojami.

Kategorie Podkategorie Wygląd Tła

5:07 Dotknij znacznika czasu, aby tam przejść

Wszystkie punkty filmu 6 kroków · 5:07

Czego się nauczysz

Tworzysz kategorię z nazwą i opisem
Kolory tytułu i tekstu ustawiane osobno na telefon i na komputer
Tło, które nadaje ciała nagłówkowi kategorii
Podkategorie: przeciągasz jedną kategorię na drugą

Krok po kroku

1

Strona Kategorie

Menu z lewej → Kategorie. Zaczyna pusta: „Dodaj kategorię” otwiera kreator w pięciu krokach, a nazwa idzie pierwsza — „Przystawki”. Każda kategoria staje się wierszem tej strony, a kolejność wierszy to kolejność w menu.
2

Tło dla nagłówka

Trzeci krok ubiera nagłówek kategorii: po jednym zdjęciu na rozmiar ekranu — Duże (komputer) w 16:9, Średnie (tablet) w 4:3. Wybieraj zdjęcia z powietrzem: tytuł kładzie się na wierzchu, a zatłoczone kadry źle się czytają. „Zmień zdjęcie” i „Usuń” są pod ręką, gdybyś zmienił zdanie.
3

Kolory na każde urządzenie

Krok czwarty, i wygląd reguluje się osobno na urządzenie: Duże, Średnie, Małe — każde z własnym kolorem tytułu, opisu i tła, plus linia podkreślenia. Podgląd przerysowuje się przy każdej zmianie. Tło, które ładnie wygląda na dużym ekranie, na telefonie potrzebuje czasem mocniejszego tekstu.
4

I następna

Druga kategoria przechodzi te same pięć kroków — tu ze swoimi zdjęciami, z miejscem na tablet już ubranym i telefonem jeszcze czekającym. Dania główne, Desery, Napoje, Kawa: cały szkielet staje w ten sam sposób.
5

Każdej kategorii jej paleta

„Desery” idą w cieplejsze tony: te same trzy kolory plus podkreślenie, inny nastrój. Każda kategoria może mieć własną paletę, żeby sekcje odróżniały się, kiedy gość przewija w dół.
6

Podkategoria jednym przeciągnięciem

Chwyć „Kawę” i upuść ją na „Napoje”: staje się podkategorią. W menu gość zobaczy Napoje, które się rozwijają, a Kawę mieszkającą w środku. Ten sam gest zmienia kolejność listy — kolejność stąd to kolejność, którą on widzi.