Vektory a bitmapy – reakce na nedávný článek Filova Blogu

Mibrt | 30.5.2009 | 1435 x zobrazeno | 19 komentářů
webdesign

 Filův Blog v mé RSS čtečce již dlouhou dobu zaujímá první příčky. jeho články mi vždy byly přínosem a pochytil jsem od něj nejednu radu ohledně webdesignu. Dnes ovšem Filův Blog šlápl hodně vedle a rozpoutal diskusi, ve které zatím není ani jeden souhlasný názor s jeho článkem. Rozhodl jsem se prostřednictvím tohoto článku vyjádřit daleko hlubší nesouhlas

Zmiňovaný článek, který mě tak trochu po ránu vyvedl z míry, si můžete přečíst zde. Zkráceně si zrekapitulujeme o čem v daném článku jde. Autor v článku vyzdvihává nutnost vytvářet grafické návrhy webových stránek jen jako bitmapu, nejlépe ve Photoshopu a do vektorů se pouštět, co možná nejméně, či lépe vůbec.

Je to názorná ukázka toho, že i kapacita jakou je Jan Řezáč, autor tohoto blogu, se může mýlit. A když říkám mýlit, tak se hodně krotím. Upřímně nedokážu pochopit webdesignéry, kteří tvoří grafický návrh webu v bitmapovém editoru. Takoví lidé žijí věčně ve strachu, že jim klient vrátí grafický návrh s tím, že chce upravit více prvků než je zdrávo, protože potom je opravdu pekelně složité v bitmapě tyhle úpravy provézt. Jsou to prostě masochisti, kteří dělají jednoduchou věc tak složitě, jak jen to jde.

S grafikou jsem začínal před několika lety a tenkrát jsem dělal grafické návrhy v Corelu. Uznávám, že tento program je na webovou grafiku stejně tak vhodný jako je Photoshop, ale na druhou stranu pro mě nikdy nebyl problém zmenšit zaoblení prvků nebo totálně přeházet layout. Problém ale u Corelu nastal, když jsem začal grafiku kódovat. Pixel sem, pixel tam, nebyl vůbec žádný problém kódovat web klidně dva dny, protože Corel je na tom s přesností podobně jako místní taxikáři. Přešel jsem tedy na produkty Adobe a to konkrétně Adobe Fireworks CS3.

Adobe Fireworks CS3 je vektorový grafický editor, který grafiku zobrazuje v pixelech 1:1, jaký bude výsledek na webu. Photoshop byl, je a vždycky bude pouze bitmapový editor, vhodný pouze na přípravu grafických podkladů pro grafiku nebo úpravu fotek. Kreslit v něm kompletní design webu je do nebe volající pitomost a bohužel nejvíce rozšířený omyl, který si přebírají začínající webdesignéři.

Srovnání Photoshop a Fireworks pro použití na webovou grafiku.

Budu srovnávat objektivním způsobem Photoshop a Fireworks, oba ve verzi CS3, aby to bylo spravedlivé (spravedlivé ani ne, protože Photoshop do verze CS3 prošel daleko větším vývojem).

  Photoshop CS3 Fireworks CS3

Intuitivní ovládání

klávesové zkratky, GUI, nastavení

Jednoduchost úprav

jak veliké úpravy a jak snodno mi je editor dovolí udělat

Výkon

Možnosti

Znak ok znamená výhodu pro daný program, ikona x pravý opak.

Z tabulky je zřejmé, že Photoshop není pro kompletní návrh webové grafiky vhodný. Avšak osobně si v něm připravím textury pomocí brushů, které má Photoshop propracovanější a poté se přesouvám do Fireworks, kde pokračuji až do samotného konce cesty grafického návrhu, tedy do jeho nakódování.

Přeberte si to jak chcete, kreslete si v čem chcete, článkem jsem chtěl jen zbořit mýtus, který se kolem webové grafiky traduje. Budu se těšit na komentáře jak souhlasné, tak i nesouhlasné.

Komentáře

NajjaNajja
smutek tento čtenář není moc aktivní
19:41 - 30.05.09

 Já se vyjádřím jen k té tabulce - prakticky nic se v ní člověk nedozví, natož aby z toho něco někdo vyvodil. Strašně subjektivní, nekonkrétní. Se dozvím, že má Fireworks nastavení, nějaké GUI, možnosti, a že dovolí udělat i pokročilé funkce. Ale Photoshop umí také pokročilé funkce, oproti jiným editorům, má také GUI (jeho výhody a nevýhody ať hodnotí každý dle libosti), má také nějaká ta nastavení a možnosti.

(Nechci rýpat, ale upřímně mě to rozesmálo. To je, jako bych srovnávala CD a DVD...
filmy ... nevejdou se ... vejdou se
médium je kulaté ... ano ... ano
lze vypalovat ... ano ... ano

A z tabulky lze vyvodit, že je DVD lepší.

pes502pes502
smutek tento čtenář není moc aktivní
19:46 - 30.05.09

 Tak to jsem nevěděl, že není Photoshop pro tvorbu webů to nejideálnější řešení. Vycházel jsem z toho, že spousta lidí v něm weby dělá.

Možná, že ten Fireworks vyzkouším

mibrtmibrt
admin autor blogu
20:06 - 30.05.09

 #832 Najja: Tak pro ty pomalejší: klávesové zkratky (lupa, označování, práce s objekty) je v FW daleko intuitivnější, GUI: ve Photoshopu CS3 (u CS4 už to pochopili) je špatné, plovoucí panely, které se nedají uchytit a zavázejí ve full screen plátnu, možnosti: tabulka srovnává využití obou programů pro tvorbu webové grafiky a pro tu ma FW daleko větší možnosti oproti PS. Nesrovnávám programy jako takové, ale srovnávám výhody, které programy mají pro webovou grafiku. Doufám, že vysvětlení stačí. Ono by se ani nic vysvětlovat nemuselo, kdyby jsi četla článek celý nebo alespoň nadpis nad tabulkou a nejen tu tabulku, která ti vypadne z kontextu.

QuickShareQuickShare
smutek tento čtenář není moc aktivní
00:59 - 01.06.09

 Myslím, že začínat dělat weby v Corelu je mnohem větší začátečnícká chyba, než zkusit Photoshop.

Ostatně, zajímalo by mě vysvětlení, proč pořád dost kvalitních a špičkových grafiků ve Photoshopu dělá.

Osobně bych s odkazovaným článkem (který jsem četl ještě dříve než tenhle) souhlasil a to proto, že Fireworks jsem nikdy nepoužíval, neznám jeho ovládání ani principy, tudíž z tohodle hlediska to hodnotit nemůžu. Ale že by byl hned každý, kdo používá rastrový editor pro webdesign špatný? Protočilo se mi tu hodně návrhů, ale pouze od jednoho grafika je mám vyexportované z Adobe Fireworks. A orientace ve vrstvách je při řezání a úpravách paráda (tam nevím, jak to ve FW (ne)funguje).

Co z toho plyne. Ať už původní článek je nerozmyšlený jakkoli, ať už jsou grafici co omylem používají Photoshop špatní, nechápu tvojí unáhlenou reakci. Čekal jsem nějaký konstruktivnější a objektivní článek, proč je FW lepší (což jsem pochopil sám, bez pár zmínek tady). Ta tabulka o tom opravdu nic nevypoví.

Ovšem závěr o začátečnických chybách a zmínka o Corelu jakožto o nástroji stejně špatném pro webdesign jako je Photoshop, to mě vážně pobavilo :-D

mibrtmibrt
admin autor blogu
08:13 - 01.06.09

 #836 QuickShare: Věděl jsem, že tímto článkem nepotěším lidi, kteří ve webdesignu u nás něco znamenají, ale i přes to mám názor stále stejný.

Corel jsem měl na škole, měl jsem k němu licenci, znal jsem jeho funkce dopodrobna, tak jsem v něm kreslil. Nic nelogického na tom alespoň pro mě nebylo, dnes už to ovšem beru stejně jako ty.

Dost kvalitní a špičkových grafiků, opravdu ve Photoshopu pracuje, o tom žádná, ale ani jeden z nich neslyšel o Fireworksu a to se tento program na zahraničních webech objevuje daleko častěji (speckyboy, smashing magazine) než Photoshop.

S odkazovaným článkem klidně souhlasit můžeš, jako jeden z mála

Pár webů jsem už z Photoshopu řezal, ale komfort při řezání je daleko horší než u Fireworksu, už jen logicky z toho, že vrstvy jsou zase bitmapy. Fireworks je identický od Photoshopu, vykresluje grafiku naprosto stejně, má stejné funkce, ale je to vektorový program, který byl primárně navržen pro webovou grafiku a to Photoshop není.

NajjaNajja
smutek tento čtenář není moc aktivní
16:51 - 01.06.09

 #834 mibrt: Škoda, že tě člověk musí trknout, aby se dozvěděl víc. :P

Teď, po tom cos napsal v reakci na můj komentář, mám určitě chuť Fireworks zkusit, protože se přiznám, nezkoušela jsem jej. Šlo mi jen o to, že kdybys ty důvody uvedl rovnou v článku, bylo by to lepší. Jinak řezání mi v PS nevadí... Ale to je subjektivní.

Článek jsem kupodivu četla celý, ale nenašla jsem tam nic konkrétního. Pokud jsi ale chtěl říct něco jako "Lidi, PS jako OK, ale Fireworks je na weby prostě lepší!", pak to účel splnilo.

mibrtmibrt
admin autor blogu
17:42 - 01.06.09

 #838 Najja: polepším se

MahrewMahrew
smutek tento čtenář není moc aktivní
17:45 - 02.06.09

 Jeej... Studuj, zkoušej, zkoumej a pak TEPRVE hodnoť. Docela jsme se zasmál. :-D

mibrtmibrt
admin autor blogu
19:26 - 02.06.09

 #840 Mahrew: Sobě?

mibrtmibrt
admin autor blogu
21:22 - 02.06.09

 Zvláštní je, že na Filově blogu ho každý linčuje, použití Photoshopu na grafický návrh webu všichni označují za historický omyl a vyzdvihávají Fireworks a tady je to naprosto obráceně. Těší mě, že většina na tamní diskusi a v diskusi v okruhu webdesignérů souhlasí s mým názorem.

EvčaEvča
hodnost tento čtenář je druhý nejaktivnější
19:13 - 03.06.09

 Na Filově blogu komentují zkušení harcovníci, kdežto tady máš názory mladých, kteří vyrůstali s Photoshopem, v tom to asi bude.

Mimochodem, kolik stojí Fireworks, nebo lépe, kolik stál tebe?

mibrtmibrt
admin autor blogu
19:19 - 03.06.09

 #843 Evča: Něco okolo 10000 stojí FW, ale nejsem si jistý, jestli jde sehnat samostatně ještě.

pes502pes502
smutek tento čtenář není moc aktivní
22:03 - 03.06.09

 #844 mibrt: Tak sehnat samozřejmě zvlášť jde, na oficiálním webu adobe ho mají za 363 eur.

odkaz

mibrtmibrt
admin autor blogu
08:39 - 04.06.09

 #845 pes502: Dík za doplnění, mám ho totíž v balíku DW + FL + FW

SuperstarSuperstar
smutek tento čtenář není moc aktivní
11:25 - 05.06.09

 OT: U komentáře od psa502 ti utekl odkaz mimo box... (Opera 10)

mibrtmibrt
admin autor blogu
12:34 - 05.06.09

 #847 Superstar: díky

bradkabradka
smutek tento čtenář není moc aktivní
08:54 - 10.06.09

 nic nerikajici clanek: malo konkretnich informaci, jenom subjektivni hodnoceni nicim nepodlozene. A je to skoda. Cekal jsem, ze se take o FW vice dozvim, proc bych ho mel pouzivat misto PS, v cem jsou jeho vyhody, co je zase vyhodou u PS atd. Nikdy jsem FW nezkousel, ale ze by me rezani webu v PS nejak omezovalo se rict neda.

Karel KolářKarel Kolář
smutek tento čtenář není moc aktivní
08:38 - 20.06.09

 S grafikou se tedy pouze patlám a zkouším s ní začít, tak možná vyzkouším, jak Ty říkáš ten FW.
Zatím s kým jsem se bavil, tak mi všichni doporučovali Photoshop a to jak na webdesign, tak i jinou grafiku.
Je pravda, že ve článku jsi uvedl hodně málo informací o FW, nechtěl bys tedy napsat velký srovnávací článek mezi FW a PS ?
Nebo nějakou větší recenzi FW?

mibrtmibrt
admin autor blogu
10:52 - 20.06.09

 #853 Karel Kolář: Článek byl od začátku veden jako reakce na Filův článek a srovnání bitmap vs vektorů na grafické návrhy WEBOVÉ grafiky. To, že jsem malinko nastínil programy byl jen bonus, ale slibuji tedy, že do budoucna se tady objeví větší recenze a možná i seriál o Adobe Fireworks CS 3

Vlož také svůj názor


img

overeni opište ověřovací kod z obrázku

Komentáře podporují gravatary.
Adresy začínající na "www" nebo "http://" budou automaticky převedeny na odkazy. Tyto odkazy prosím oddělujte mezerou, děkuji.
ENTER se naformátuje jako nový řádek

Nejčtenější články

Div se zakulacenými rohy
Přečteno 3291 x
Nová adresa
Přečteno 2986 x
Co se hejbe je kůl
Přečteno 2543 x
Google vládne světu
Přečteno 2432 x

Poslední komentáře

starky komentoval článek:
Dobry! Jedny ixpéčka prosím.
Mr. Atsor komentoval článek:
Tapety na plochu (řetězovka)
Mr. Atsor komentoval článek:
Ty nejlepší tapety pro váš desktop

Aktuální články

Switchnul jsem - Edit
Napsán: 21.3.2010
Milý Ježíšku …
Napsán: 8.12.2009
Jak jsem opustil ICQ
Napsán: 05.12.2009

Ocenění

www.meebio.cz

Mimo jiné mne naleznete na:

facebook twitter

Nejaktivnější čtenáři

award Freezy - 156 komentářů
award Evča - 51 komentářů
award Klima8 - 34 komentářů

Aktuální desktop

desktop
Aktuální desktop

Pravidelně čtu:

www.latrine.cz
La trine
www.karelkolar.com
Jakože IT blog
www.atsor.cz
Mr. Atsor BLOG
fremy.i-extra.net
Blábolník Chomutováka
flavicius.php5.cz
Flavicius blog
www.freezy.cz
Freezyho blog
www.cheworld.sk
ChristianoErwen World
www.savecomputer.net
o bezpečnosti v oblasti IT
www.digitalnipopelnice.net
Digitální popelnice
www.pvogl.cz
Patrik Vogl a jeho Real Life
www.sablatura.info
píše Jan Šablatura

Dále doporučuji:

www.digiprofi.cz
Digiprofi.cz
www.meebio.cz
Meebio Webdesign
www.kapl.cz
Weblog Tomáše Kápla
www.najja.net
Najjin Weblog
www.outer.cz
Píše Martin Petrovič
www.evulin.ic.cz
Evulin Blog
blog.jifox.cz
Fox.kyong blog
www.oknafemos.cz
Plastová okna a dveře
www.adros.own.cz
PS: Píše Adroš
www.klima8.cz
Osobní web o linuxu
www.thenter.name
Thenterův blog

Náhodně z fotoblogu

fotkafotka
fotkafotkafotkafotkafotkafotkafotkafotka

Píšou jiní - aktuálně

Copyright © Michal Brtníček. All rights reserved. Hlavní stránka| Nahoru | Napište mi | Mapa webu | RSS článků | RSS komentářů | Webdesign by Meebio Webdesign