Katalog Temeller

Kategoriler ve alt kategoriler

Kategoriler menünün iskeletidir: Başlangıçlar, Ana yemekler, İçecekler. Her cihaz için ayrı renklerle ve bir arka plan görseliyle kuruyoruz, sonra bir kategorinin diğerinin içine nasıl girdiğini gösteriyoruz — Kahveler, İçeceklerin altına.

Kategoriler Alt kategoriler Görünüm Arka planlar
5:07 Atlamak için adımlardaki zamana dokunun
Videodaki tüm noktalar 6 adım · 5:07

Ne öğreneceksiniz

  • Ad ve açıklamayla bir kategori oluşturuyorsunuz
  • Telefon ve bilgisayar için ayrı ayrı ayarlanan başlık ve yazı renkleri
  • Kategori başlığına gövde veren bir arka plan görseli
  • Alt kategoriler: bir kategoriyi diğerinin üstüne sürüklüyorsunuz

Adım adım

  1. 1

    Kategoriler sayfası

    Sol menü → Kategoriler. Boş başlar: “Kategori ekle” beş adımlık bir sihirbaz açar ve önce isim gelir — “Başlangıçlar”. Her kategori bu sayfanın bir satırı olur, satırların sırası da menüdeki sıradır.

    Adım 1: Kategoriler sayfası — Kategoriler ve alt kategoriler
  2. 2

    Başlık için arka plan

    Üçüncü adım kategorinin başlığını giydirir: her ekran boyutu için bir görsel — Büyük (bilgisayar) 16:9, Orta (tablet) 4:3. Havası olan fotoğraflar seçin: başlık üstüne oturur, kalabalık kareler kötü okunur. Fikrinizi değiştirirseniz “Görseli değiştir” ve “Kaldır” elinizin altında.

    Adım 2: Başlık için arka plan — Kategoriler ve alt kategoriler
  3. 3

    Cihaza göre renkler

    Dördüncü adım ve görünüm cihaz cihaz ayarlanıyor: Büyük, Orta, Küçük — her biri kendi başlık, açıklama ve arka plan rengiyle, artı alt çizgi. Önizleme her dokunuşta yeniden çiziliyor. Büyük ekranda güzel duran bir arka plan telefonda bazen daha koyu bir yazı ister.

    Adım 3: Cihaza göre renkler — Kategoriler ve alt kategoriler
  4. 4

    Ve bir sonraki

    İkinci kategori aynı beş adımdan geçiyor — burada kendi görselleriyle, tabletin yeri çoktan giydirilmiş, telefonunki hâlâ bekliyor. Ana yemekler, Tatlılar, İçecekler, Kahveler: bütün iskelet aynı şekilde kalkıyor.

    Adım 4: Ve bir sonraki — Kategoriler ve alt kategoriler
  5. 5

    Her kategoriye kendi paleti

    “Tatlılar” daha sıcak tonlara gidiyor: aynı üç renk artı alt çizgi, bambaşka bir ruh hâli. Misafir aşağı kaydırırken bölümler birbirinden ayrılsın diye her kategori kendi paletini taşıyabilir.

    Adım 5: Her kategoriye kendi paleti — Kategoriler ve alt kategoriler
  6. 6

    Tek sürüklemeyle alt kategori

    “Kahveler”i tutup “İçecekler”in üstüne bırakın: alt kategori olur. Menüde misafir İçeceklerin açıldığını, Kahvelerin içeride yaşadığını görecek. Aynı hareket listeyi de sıralar — buradaki sıra onun gördüğü sıradır.

    Adım 6: Tek sürüklemeyle alt kategori — Kategoriler ve alt kategoriler

Bilmekte fayda var

Az ama net kategori: 5–7 ana başlık, iyi menülerin kuralıdır.

Açıklama ton için bir alandır: “Kokteyller, şaraplar ve alkolsüzler”, kuru bir “İçecekler”den çok daha fazlasını söyler.