Co by měl každý web grafik znát
Vydáno: 10.01.08 Kategorie: webdesign
Co by měl každý web grafik znát, předtím než to naservíruje kodérovi tak, aby ho řádně nenasral.
Asi to všichni víte – zabývám se tvorbou www stránek, konkrétně se nejvíce zaměřuji na kodéřinu a seo. Často tedy přebírám práci po grafikovi, a protože outsourcuji své služby tak často i po graficích které vůbec neznám. A to mě po několika perličkách takových grafiků, dohnalo nejprve skoro k pláči a následně k sepsání tohoto spotu.
Nejhorší jsou grafické návrhy webů od DTP grafiků
Ve své práci jsou jistě dobří, ale zabrousí-li do divokých řek webdesignu tak je to to nejhorší, co se může kodérovi stát.
Např.
1– Rozlišení 12000×9000 není to pravé ořechové pro chudáka kodéra, jenž se snaží na svém 15" monitoru grafický návrh nařezat. Nehledě na celé množství úprav, které by musel za grafika dělat.
2. Pozadí přes celou stránku, nejlépe nějaká fotka která se nedá opakovat na pozadí.
3. Pevné rozměry výšky textových bloků. Chápu že při výrobě letáku ví přesné rozměry a tak si může dovolit různé psí kusy, ale webové stránky jsou značně omezené, zvláště pokud zákazník si může nasázet libovolně dlouhé texty.
4. Layout stránky nejlépe značně nepravidelný. Má-li kodér zpracovat grafický návrh, kde každý blok je v jiné části obrázovky , nejlépe ještě s nějakým pozadím jenž se má opakovat v závislosti na neznámé délce, tak je to kodérova cesta do pekel a může se stát, že to grafikovi omlátí o hlavu :-).
Časté chyby všech grafiků
1. Diagonální přechod barev u prvků, kde neznáme předem výšku prvku.
2. Vertikální přechod barev pozadí pro BODY a použití stínování pro obalový prvek kde neznáme výšku.
Co kodérovi značně ulehčí práci?
1. Pojmenovávání složek a vrstev v psd souboru. Potřebuje-li kodér vyříznout např. prvky kde je část průhledná a část neprůhledná a má se přehrabovat kupou nepojmenovaných vrstev a složek, tak věřte že nad tím stráví u složitých návrhů více času než samotným kódováním.
2. Seskupování bloků – nejlépe pokud např. všechny vrstvy hlavičky seskupí do složky a pojmenuje jí hlavička či head.
3. Snadné vypnutí textových vrstev. Nejlépe pokud se všechny textové vrstvy, které mají být v návrhu nahrazeny skutečným textem, jsou seskupeny v jedné složce nahoře a může je tedy kodér snadno vypnout, aby mohl nařezaný návrh uložit. Samozřejmě by tam neměli být ty textové vrstvy, jenž mají být součástí grafiky, např. grafické tlačítka apod.
4. Příprava hover vrstev. Často se stává, že grafici zapomínají na vytvoření hover vrstvy (tedy toho co se stane pokud na danou položku někdo najede myší). Často se jedná o menu, kde každá položka je unikátní (např. svým tvarem) a grafik nám připraví hover pouze pro jednu z nich.
Myslím, že pro tuto chvíli je to asi tak vše, co mě napadá. V budoucnu to asi rozšířím v závislosti na tom, jaké grafické paskvily se mi dostanou pod ruce.
A co vy? Jaké gr. návrhy Vás dohánějí k pláči?
maikeroo · 4 02 2008 - 07:35
Při své práci jako webdesigner a webdeveloper se setkávám s návrhy, které dělali DTP grafici. Je to umění si s těmito návrhy poradit, ale když to vyjde, web vypadá hezky. Ano, jejich řezání a kódování není lehké, ale… Když se to povede, nemá to chybu. K pláči mě spíše doženou grafické návrhy klientů. A opravdu jim nevysvětlíte, že to takto nemůže být ;-)
vertigo4 · 25 02 2008 - 19:41
100% souhlasím! Před nedávnem jsem dostal grafický návrh na zpracování, kde přesně jak říkáte byla jedna obrovská fotka na pozadí (výška – 3000px) – tak jsem si zkusil předtsavit chudáka návštěvníka takovýchto stránek a raději jsem s díkem vrátil návrh zpět… :) krom toho tam byly všechny naspisy dělané „speciálním písmem“, bloky, ve kterých měl být nestejně dlouhá text byli opravdu šikovně udělány, že by to šlo vyřešit jen pomocí scroll – prostě hrůza… také bych doporučil ať se specializují grafici přími na webdesign a nemají to je n jakousi „vedlejší práci“…