Layout je grafické rozložení webové prezentace. Určuje umístění jednotlivých prvků na stránce (menu, obrázky, texty, tlačítka,..) a jejich základní vlastnosti. Dobrý layout musí respektovat základní pravidla použitelnosti a UX.

Responzivní design

Adaptivní web, který se přizpůsobuje různým zařízením je dnes už standard. Myslete na to při tvorbě layoutu a nedělejte ho zbytečně komplikovaný, aby zůstal přehledný i na menších obrazovkách. Responzivní web si můžete otestovat v nástroji Mobiopti – test responzivity webu.

Layout nebo Wireframe?

Často dochází k záměně těchto dvou výrazů. Wireframe je „kostra“ webu, rozložení prvků a jedná se pouze o náčrtek bez grafiky apod. Layout je naopak návrh více přiblížený skutečnému vzhledu webu, obsahuje fotografie, ovládací prvky, barvy apod.

layout-wireframe-mockup

Obrázek mapuje vývoj webu od návrhu (wireframe), pokračuje layoutem (mockup) a končí hotovým webem na ostré verzi.

slovníček pojmů