Skip to main content

Interaktivní design

Návrhy pro interaktivní média vyžadují plánování pro různé režimy zobrazení, a formát zobrazení navíc nemusí být pevně určen (což může vytvářet potíže například u proporcí). Nicméně platí stejné konceptuální zásady designu jako u tiskovin a existují i ustálené formáty.

image

FHD1920 x 108016:9
2K2048 × 1080
QHD2560 x 144016:9
UHD3840 x 2160Broadcasting Standard16:9
4K4096 x 2160Digital Cinema
8K UHD7680 × 432016:9

Výrobci někdy zaměňují formáty (hlavně UHD a 4K) nebo uvádějí na trh atypické formáty pod různými názvy.

Mobilní trh jsou obrovský distribuční kanál digitálního interaktivního obsahu, a existuje mnoho dalších formátů zobrazení: 18:9, 19:9, 19:10 ad.

Webové stránky​

  • stránky, portfolia, obchody, prezentace, informační a dokumentační projekty
  • internetové profily a portfolia
  • sociální sítě

Wireframes​

  • mockup a wireframe
  • digitální makety

Grafické prvky​

  • aktivní a pasívní
  • call to action

Programování a design​

  • konec rámcového designu?
  • univerzální design
  • rovnováha mezi velikostí fontu a šířkou sloupce textu
  • návrh společného stylu pro tiskoviny i web
Úkol

Wireframe v Inkscapu.

Uživatelská rozhraní​

Uživatelská rozhraní pro interaktivní aplikace (GUI). Konzistence grafických prvků.

Metodika​

Pravidla návrhů UI.

Struktury​

Testování UI.

DIGITÁLNÍ TYPOGRAFIE

Rozdílem oproti designu pro tiskoviny je především variabilita rozměrů digitálního média. Při návrzích je nutné kontrolovat výstup aplikací na cílová zařízení.

Ikony​

Ikony jsou miniaturní hieroglyfy.

Poznámka

Návrh grafického rozhraní.

Motion Design​

Součástí grafického designu může být animace textu nebo grafiky. Pro takové akční prvky se používá termín Motion Design. Je to samostatný obor vyžadující zkušenosti s animací (často spojenou se zvukem) a to jak 2D, tak 3D.

Úkol

Animované logo v .svg formátu

Úkol

Návrh sady ikon.