A ono to jde i skoro bez grafiky

4.12.2007 09:35 | Přečteno: 1598× | Ze života | poslední úprava: 4.12.2007 09:39

On ten web jde udělat i bez nějakých grafických znalostí. Naskládat dva tři brushe vedle sebe dovede kde kdo a mrsknout pod to přechod taky.

Velmi mě mrzí má nedostatečná znalost kódu, takže jistě vím, že se vám ukázka bude dobře zobrazovat ve firefoxu, ale kde jinde to opravdu nevím. Mým cílem bylo spíše vytvořit ukázku webové stránky, ze které by bylo poznat, že ona ta grafika není na prvním místě. Samy uznáte, že jsem zrovna dvakrát neřádil. Dva tři brushe a přechod :).

http://www.quetzal.yc.cz/data/pokusny-kralik/. A ano, gimpem jsem to načrtl.

Kdyby se někomu stránka nezobrazila jak má, tak tady máme screenshot.

       

Komentáře

[Ilfirin]

Firefox 3 beta - Vista : zobrazeno v pořádku

Ale nějak jsem nepochopil, cos tím myslel. Žes to dělal bez zalosti kódu v nějakém programu? Tak v tom případě mi chybí v jakém.

[Quetzal]

Ale ne, jen jsem se tím chtěl omluvit, že to jede asi jen ve firefoxu. Žádný w. jsem nikdy nepoužil. Šlo mi o něco jiného.

[Filip Jirsák]

Jde to. Ale moc se to nesrovná s velkou výchozí nebo minimální velikostí písma nastavenou uživatelem. A taky se to nesrovná s tím d… zvětšováním písma ve FF2. Což je sice chyba FF2, ale počítat se s tím musí, protože FF2 už má nezanedbatelný podíl „na trhu“.

[Richard Gavenda]

Tenhle příspěvek je podle mně o něčem jiném, autor sám tvrdí, že kódu není v pořádku, tady jde o grafický návrh.

[Filip Jirsák]

O tom se právě vedla debata minule. A tohle je akorát další příklad – i kdyby se autor kódu rozkrájel, neudělá sloupce textu širší, aby se tam vešel text i pokud bude větší písmo. Takže problém v použitelnosti je opět už v grafickém návrhu.

[Quetzal]

A mohu se zeptat, proč návrh snese i zvětšení písma na 15x?

[Filip Jirsák]

Ze 14 px lze zvětšit dokonce i na 15 px, hmm… A co když bude mít někdo výchozí písmo 24 px? Nebo ještě víc? A co když bude se stránkou pracovat někdo, kdo potřebuje zvětšit písmo třeba na 200 % nebo i víc, a používá FF2? Má si vypnout styly? Nebo použít nějaký rozumnější prohlížeč? To druhé bych mu taky doporučil, ale ono už není moc na výběr, a navíc ne každý si může prohlížeč zvolit…

[Quetzal]

Zkus si ještě jednou přečíst, co píšu. Když píšu 15x, tak tím myslím CTR+kolečko (15 stupňů). Pokud to chceš na CTRL++, tal snese 4x a to je více než dost. Od pohledu to zvětší písmo na 300% (asi). To je ti málo?

[Filip Jirsák]

Zkus si ještě jednou přečíst, co píšu. Když píšu 15x, tak tím myslím

Když někdo píše (v této diskuzi) 15x, tak tím myslí buď 15 px nebo 15×. To druhé mne předtím ani nenapadlo, bral jsem to automaticky jako překlep v chybějícím „p“.

CTR+kolečko (15 stupňů). Pokud to chceš na CTRL++, tal snese 4x a to je více než dost. Od pohledu to zvětší písmo na 300% (asi). To je ti málo?

Zvětší to písmo, ale ne celý text. Když si zvětšuju výchozí písmo, dělám to proto, aby se mi text lépe četl, ne aby mi vycházela jedna slabika na řádek. Stejně tak když si roztáhnu okno prohlížeče na nějakou šířku, dělám to proto, aby se na tu šířku mohl roztáhnout text – ne proto, abych měl text v nudli s posuvníkem, která zabere 1/4 okna prohlížeče, a ve zbytku je pusto a prázdno.

Mně ta odkazovaná stránka taky připadá na první pohled hezká. Ale problém je v tom, že na webové stránky se nedá dívat jako na obrázek, důležitá je taky jejich použitelnost. Že není stránka dobrá z pohledu použitelnosti je bohužel naprosto běžná věc. Já vám k tomu říkám jediné – pokud chcete dělat design opravdu dobrých webových stránek, musíte zapomenout na to, že je to nějaký obrázek. Pak se vám nebude stávat to, co popisujete v jiném vlákně:

Jen mě vždycky dost mrzelo, že když už jsem musel kódovat, tak jsem se v grafice musel velmi omezovat, hodně věcí totiž nedokáži nakódovat.

Chyba není v tom, že byste se musel v grafice omezovat proto, že něco neumíte nakódovat. Chyba je, že se díváte špatně na tu grafiku. Je to jako kdyby se designér aut stěžoval, že by dovedl navrhnout krásné auto, jenom kdyby nemuselo mít motor a kola. To by pak už nebylo auto, že? Stejně tak webdesignér není tím, co umí HTML a CSS omezován – pokud by ta omezení nebyla, už to není design webu, ale třeba koláž.

[Quetzal]

http://img1.imgup.eu/10.png

[disorder]

tak to si robis prdel, zoom a la firefox xD

[Richard Gavenda]

Souhlasím, v jednoduchosti je síla. Jednoduché grafické schéma stránek není nikdy na škodu. Nicméně i jednoduchá grafika vyžaduje jistou dávku estetického cítění, a to běžný člověk většinou nemá. Ten návrh se mi dost líbí.

[Quetzal]

Děkuji. Jen mě vždycky dost mrzelo, že když už jsem musel kódovat, tak jsem se v grafice musel velmi omezovat, hodně věcí totiž nedokáži nakódovat.

[ajikdpoe]

ako stvorene na sirokouhle monitory ;)

[Quetzal]

To teda jo . Tam to musí být EŇOŇŮŇO. Těm by se snad dalo nabídnout jiné CSS s širším layoutem.

[vlasta neubauer]

'širší' layout se často nedá číst. copak vám přijde normální při přechodu z řadku na řádek preskakovat očima o půl metru a začátek dalšího řádku hledat? s šířkou se to nemá přehánět. zhoršuje to pak orientaci v textu.

grafika je dostačující, pozadí je moc pěkné a nepříliš výrazné (což je dobře), ale celkově je to takový zmatený. příliš široký pravý sloupec mi připomíná obsah a příliš úzky obrázkový levý mi zas podvědomě zavání reklamou, takže marně hledám články vpravo.

mimochodem: slečny a paní možná 'samy' uznají, ale my ostatní uznáme 'sami'.

[Filip Jirsák]

'širší' layout se často nedá číst. copak vám přijde normální při přechodu z řadku na řádek preskakovat očima o půl metru a začátek dalšího řádku hledat? s šířkou se to nemá přehánět.

Za prvé, maximální šířka textu se dá v CSS omezit, bývá dobré to definovat vzhledem k šířce znaku. Za druhé, jste si opravdu jist, že webdesignér ví líp než já, jak široký chci text mít? Mě třeba 15 znaků na řádek připadá opravdu málo.

[vlasta neubauer]

"Za prvé, maximální šířka textu se dá v CSS omezit" - však přesně o tom mluvím!

"Za druhé.." - tak počkat! jak vám má webdesigner omezit šířku, když neví jak to zrovna VY máte rád? :P

[Filip Jirsák]

Jsem si toho vědom. Jde o to, zda je lepší nutit uživatele, aby si zmenšil okno kvůli přiliš širokému textu (přičemž si zmenší i ostatní stránky na jiných záložkách), nebo jestli dohadnout nějakou běžně používanou maximální délku řádky (v počtu znaků). Já se přikláním k druhé variantě – ale důležité je to, že je délka řádky určená maximálním počtem znaků. Tj. když budu mít větší písmo, natáhne se (v počtu pixelů) patřičně i ta řádka. Což je nerealizovatelné v případě, že mám šířku sloupce pevně omezenou počtem pixelů nějakého obrázku.

Tedy – pokud má řádek třeba 60 znaků, a za ním je ještě volné místo, to místo mi nevadí. Řádek tam stejně pokračovat nemůže, protože by se text špatně četl. Pokud mám ale na řádku dvě slova a před ním i za ním spoustu místa, říkám si, k čemu je mi monitor s takovým rozlišením, když pak stejně musím číst takovou nudli.

[disorder]

autor ma vkus :) ale ten background vyzera vazne dobre, zbytok je iba pekne poskladana staticka stranka

inac to quetzal pise sa mi zobrazuje v pravom stlpci (opera) a oranzove zvyraznenie si zvolil presne take ako mam v desktope :)

[Quetzal]

Kruciš, to mi dělá i v konqueroru. Bude cosi shnilého ve státě dánském. Uf, no, jestli se mi bude chtít, vezmu si do ruky manuál a snad to nějak spravím :).

[srigi]

Silno mi to pripomina jeden template zo ZenGarden.

[PMD]

To same v Safari 3 na Leopardu.

[Daniel Kvasnička ml.]

Text pod "Vytrženo z jiných serverů" je prilis malo kontrastni, ale jinak pekne (akorat bych tomu vytknul neco z markupu markupu, jako chybejici H1 a menu az v pulce stranky, ale to uz neni moc o vzhledu).

[d.f.h]

eh, za tuhle módu vzorovanejch tmavejch backgroundů bych vraždil. takhle nějak vypadá gauč, co má babička v obýváku! co máte proti světlýmu pozadí a tmavýmu textu? knížky se vám taky blbě čtou?

[disorder]

knihy maju neporovnatelne DPI a rozhodne nesvietia...

[Quetzal]

Nic, v poměru bych u sebe viděl asi 50/50. Prostě se mi pro každou stránku hodí něco jiného.

[ronny]

setrime elektrinu :D

[Pavel 'lingeek' Szalbot]

Texturu na pozadí jsi dělal sám, nebo je odněkud stažená? Můžeš odkázat na zdroj?

[Quetzal]

Na zdroj tě bohužel neodkážu, protože si ho jednoduše nepamatuju. Jako každý, tak i já mám na disku paklík fotek, vzorků aj. věcí. Vzorek jsem jen obarvil, změnil krytí na černém podkladu a dal ho do opakovačky.