# 125: Photoshopping stránky s jediným videem - Triky CSS

Anonim

V tomto screencastu se ponoříme do navrhování další velmi důležité stránky. Toto je jedna z těch stránek, které jsem od začátku nadšeně navrhoval, protože je to stránka, která byla posledním designem obzvláště nedostatečně využívána. V tomto novém designu k němu přistoupíme úplně od začátku a navrhneme něco, co lépe vyhovuje obsahu.

Prvním úkolem je zajistit, aby bylo skutečné video na stránce co největší. Myslím, že by bylo úžasné, kdyby bylo video na obrazovce větší než na YouTube. Rád sleduji velmi velká videa, ale ne vždy se mi líbí celá obrazovka - která skryje celou obrazovku.

Otázkou pak bude, kam směřuje název videa. Už máme záhlaví webu, záhlaví videí a pod navigaci černé lišty. Pokud zahrneme také název (a případně popis a metadata), který posune toto video v plné šířce, docela zatraceně daleko dolů po stránce. Tato stránka je o videu, proto video ponecháváme nad dalšími informacemi. Naštěstí můžeme použít černý pruh k zobrazení názvu videa, takže to není tak, jako by byl uživatel ztracen, pokud jde o to, na co se dívá, nebo kde se nachází v hierarchii webu.

Také používáme navigaci na černé liště, abychom nabídli odkaz Přihlásit se k odběru na iTunes - který je na této stránce důležitější než kdekoli jinde na webu. To je druh přizpůsobení šablon obsahu, díky kterému web zpívá.

Pod videem můžeme strukturovat mřížku, která v podstatě vypadá jako příspěvek na blogu nebo úryvek nebo položka v alamanacu nebo cokoli jiného. Obsah a komentáře vlevo 2/3 a stranou (postranní panel) obsah vpravo 1/3.