Webdesign jako obor: Porovnání verzí
m (úprava poznámek) |
|||
| (Nejsou zobrazeny 3 mezilehlé verze od stejného uživatele.) | |||
| Řádek 9: | Řádek 9: | ||
== Charakteristika == | == Charakteristika == | ||
| − | Webdesign je široký pojem s několika různými definicemi. Předně jde o proces návrhu webových stránek a jejich udržování. <ref>PHILIS, Troy. Web Design Definition. Pleasanton Web Design [online]. 2007 [cit. 2012-05-21]. Dostupné z: [http://pleasantonwebdesignblog.com/2007/01/web-design-definition.html http://pleasantonwebdesignblog.com/2007/01/web-design-definition.html]</ref> Může také označovat soubor dovedností používaných při vytváření a spravování webových stránek. <ref>Webdesign. In: Wikipedia: the free encyclopedia [online]. San Francisco (CA): Wikimedia Foundation, 2001- [cit. 2012-05-21]. Dostupné z: [http://en.wikipedia.org/wiki/Webdesign http://en.wikipedia.org/wiki/Webdesign]</ref> Název webdesign také může referovat na samotný obor, nicméně o jeho definici se v odborných kruzích stále vedou diskuse, protože stojí na pomezí umění a řemesla a je jen na konkrétním odborníkovi, ke které stránce se přiklání více. <ref>ŘEZÁČ, Jan. Umění nebo řemeslo? Filův blog o webdesignu [online]. 2007 [cit. 2012-05-21]. Dostupné z: [http://blog.filosof.biz/umeni-nebo-remeslo/ http://blog.filosof.biz/umeni-nebo-remeslo/]</ref> | + | Webdesign je široký pojem s několika různými definicemi. Předně jde o proces návrhu webových stránek a jejich udržování. <ref>PHILIS, Troy. Web Design Definition. ''Pleasanton Web Design'' [online]. 2007 [cit. 2012-05-21]. Dostupné z: [http://pleasantonwebdesignblog.com/2007/01/web-design-definition.html http://pleasantonwebdesignblog.com/2007/01/web-design-definition.html]</ref> Může také označovat soubor dovedností používaných při vytváření a spravování webových stránek. <ref>Webdesign. In: ''Wikipedia: the free encyclopedia'' [online]. San Francisco (CA): Wikimedia Foundation, 2001- [cit. 2012-05-21]. Dostupné z: [http://en.wikipedia.org/wiki/Webdesign http://en.wikipedia.org/wiki/Webdesign]</ref> Název webdesign také může referovat na samotný obor, nicméně o jeho definici se v odborných kruzích stále vedou diskuse, protože stojí na pomezí umění a řemesla a je jen na konkrétním odborníkovi, ke které stránce se přiklání více. <ref>ŘEZÁČ, Jan. Umění nebo řemeslo? ''Filův blog o webdesignu'' [online]. 2007 [cit. 2012-05-21]. Dostupné z: [http://blog.filosof.biz/umeni-nebo-remeslo/ http://blog.filosof.biz/umeni-nebo-remeslo/]</ref> |
== Zaměření == | == Zaměření == | ||
| − | Webdesign jako takový je velice široký obor, pod kterým se skrývá hned několik různých zaměření. Každé z nich tvoří v agenturách svou vlastní pracovní pozici. Webdesign má blízko i k marketingu, obsahové strategii, psychologii a dalším. K tomu, aby mohla webová stránka vzniknout, je potřeba vyřešit i nakódování, obsah, zabezpečení a další aspekty, které k tvorbě webových stránek náleží. <ref>LELAND, Rich. The ambiguity of "web developer". Mathematism [online]. [2010] [cit. 2012-05-21]. Dostupné z: [http://mathematism.com/2010/01/12/ambiguity-web-developer/ http://mathematism.com/2010/01/12/ambiguity-web-developer/]</ref> Freelanceři neboli webdesignéři na volné noze většinou ovládají jednu z těchto činností a v ostatních mají základní přehled nebo kontakty na další odborníky. Podobory webdesignu jsou ale propustné a freelanceři se často v rámci své kariéry věnují i dvěma nebo více oborům nebo přechází od jednoho k druhému. Kromě grafického designu využívá webdesign následující obory a schopnosti: UX design UI design informační architektura interakční design kódování a programování copywriting SEO internetový marketing nauka o přístupnosti webů | + | Webdesign jako takový je velice široký obor, pod kterým se skrývá hned několik různých zaměření. Každé z nich tvoří v agenturách svou vlastní pracovní pozici. Webdesign má blízko i k marketingu, obsahové strategii, psychologii a dalším. K tomu, aby mohla webová stránka vzniknout, je potřeba vyřešit i nakódování, obsah, zabezpečení a další aspekty, které k tvorbě webových stránek náleží. <ref>LELAND, Rich. The ambiguity of "web developer". ''Mathematism'' [online]. [2010] [cit. 2012-05-21]. Dostupné z: [http://mathematism.com/2010/01/12/ambiguity-web-developer/ http://mathematism.com/2010/01/12/ambiguity-web-developer/]</ref> Freelanceři neboli webdesignéři na volné noze většinou ovládají jednu z těchto činností a v ostatních mají základní přehled nebo kontakty na další odborníky. Podobory webdesignu jsou ale propustné a freelanceři se často v rámci své kariéry věnují i dvěma nebo více oborům nebo přechází od jednoho k druhému. Kromě grafického designu využívá webdesign následující obory a schopnosti: |
| + | |||
| + | *[[UX design|UX design]] | ||
| + | *[[UI design|UI design]] | ||
| + | *[[Informační architektura|informační architektura]] | ||
| + | *[[Interakční design|interakční design]] | ||
| + | *[[Kódování|kódování]] a [[Programování|programování]] | ||
| + | *[[Copywriting|copywriting]] | ||
| + | *[[SEO|SEO]] | ||
| + | *internetový [[Marketing|marketing]] | ||
| + | *nauka o [[Přístupnost|přístupnosti]] webů | ||
a další. | a další. | ||
| Řádek 24: | Řádek 34: | ||
== Poznámky == | == Poznámky == | ||
| − | |||
| − | |||
| − | |||
| − | + | <references /> | |
== Zdroje == | == Zdroje == | ||
| − | *Webdesign. In: Wikipedia: the free encyclopedia [online]. San Francisco (CA): Wikimedia Foundation, 2001- [cit. 2012-05-21]. Dostupné z: [http://en.wikipedia.org/wiki/Webdesign http://en.wikipedia.org/wiki/Webdesign] | + | *Webdesign. In: ''Wikipedia: the free encyclopedia'' [online]. San Francisco (CA): Wikimedia Foundation, 2001- [cit. 2012-05-21]. Dostupné z: [http://en.wikipedia.org/wiki/Webdesign http://en.wikipedia.org/wiki/Webdesign] |
| − | *Web development. In: Wikipedia: the free encyclopedia [online]. San Francisco (CA): Wikimedia Foundation, 2001- [cit. 2012-05-21]. Dostupné z: [http://en.wikipedia.org/wiki/Web_development http://en.wikipedia.org/wiki/Web_development] | + | *Web development. In: ''Wikipedia: the free encyclopedia'' [online]. San Francisco (CA): Wikimedia Foundation, 2001- [cit. 2012-05-21]. Dostupné z: [http://en.wikipedia.org/wiki/Web_development http://en.wikipedia.org/wiki/Web_development] |
| − | *LELAND, Rich. The ambiguity of "web developer". Mathematism [online]. [2010] [cit. 2012-05-21]. Dostupné z: [http://mathematism.com/2010/01/12/ambiguity-web-developer/ http://mathematism.com/2010/01/12/ambiguity-web-developer/] | + | *LELAND, Rich. The ambiguity of "web developer". ''Mathematism'' [online]. [2010] [cit. 2012-05-21]. Dostupné z: [http://mathematism.com/2010/01/12/ambiguity-web-developer/ http://mathematism.com/2010/01/12/ambiguity-web-developer/] |
| − | *PHILIS, Troy. Web Design Definition. Pleasanton Web Design [online]. 2007 [cit. 2012-05-21]. Dostupné z: [http://pleasantonwebdesignblog.com/2007/01/web-design-definition.html http://pleasantonwebdesignblog.com/2007/01/web-design-definition.html] | + | *PHILIS, Troy. Web Design Definition. ''Pleasanton Web Design'' [online]. 2007 [cit. 2012-05-21]. Dostupné z: [http://pleasantonwebdesignblog.com/2007/01/web-design-definition.html http://pleasantonwebdesignblog.com/2007/01/web-design-definition.html] |
| − | *NOACK, Shannon. A Basic Look at Typography in Web Design. Six Revisions: Useful Information for Web Developers & Designers. [online]. 2010 [cit. 2012-05-21]. Dostupné z: [http://sixrevisions.com/web_design/a-basic-look-at-typography-in-web-design/ http://sixrevisions.com/web_design/a-basic-look-at-typography-in-web-design/] | + | *NOACK, Shannon. A Basic Look at Typography in Web Design. ''Six Revisions: Useful Information for Web Developers & Designers.'' [online]. 2010 [cit. 2012-05-21]. Dostupné z: [http://sixrevisions.com/web_design/a-basic-look-at-typography-in-web-design/ http://sixrevisions.com/web_design/a-basic-look-at-typography-in-web-design/] |
| − | *ŘEZÁČ, Jan. Jak začít s webdesignem. Filův blog o webdesignu [online]. 2007 [cit. 2012-05-21]. Dostupné z: [http://blog.filosof.biz/jak-zacit-s-webdesignem/ http://blog.filosof.biz/jak-zacit-s-webdesignem/] | + | *ŘEZÁČ, Jan. Jak začít s webdesignem. ''Filův blog o webdesignu'' [online]. 2007 [cit. 2012-05-21]. Dostupné z: [http://blog.filosof.biz/jak-zacit-s-webdesignem/ http://blog.filosof.biz/jak-zacit-s-webdesignem/] |
*ŘEZÁČ, Jan. Úvod do webdesignu. 2012 [cit. 2012-05-21]. Dostupné z: [http://vimeo.com/39526905 http://vimeo.com/39526905] | *ŘEZÁČ, Jan. Úvod do webdesignu. 2012 [cit. 2012-05-21]. Dostupné z: [http://vimeo.com/39526905 http://vimeo.com/39526905] | ||
Aktuální verze z 21. 5. 2012, 17:58
Autor: Tereza Navarová
Klíčová slova: tvorba webů, internet
Synonyma: ---
Související pojmy:
nadřazené - internet, webdevelopment
podřazené - ---
Charakteristika
Webdesign je široký pojem s několika různými definicemi. Předně jde o proces návrhu webových stránek a jejich udržování. [1] Může také označovat soubor dovedností používaných při vytváření a spravování webových stránek. [2] Název webdesign také může referovat na samotný obor, nicméně o jeho definici se v odborných kruzích stále vedou diskuse, protože stojí na pomezí umění a řemesla a je jen na konkrétním odborníkovi, ke které stránce se přiklání více. [3]
Zaměření
Webdesign jako takový je velice široký obor, pod kterým se skrývá hned několik různých zaměření. Každé z nich tvoří v agenturách svou vlastní pracovní pozici. Webdesign má blízko i k marketingu, obsahové strategii, psychologii a dalším. K tomu, aby mohla webová stránka vzniknout, je potřeba vyřešit i nakódování, obsah, zabezpečení a další aspekty, které k tvorbě webových stránek náleží. [4] Freelanceři neboli webdesignéři na volné noze většinou ovládají jednu z těchto činností a v ostatních mají základní přehled nebo kontakty na další odborníky. Podobory webdesignu jsou ale propustné a freelanceři se často v rámci své kariéry věnují i dvěma nebo více oborům nebo přechází od jednoho k druhému. Kromě grafického designu využívá webdesign následující obory a schopnosti:
- UX design
- UI design
- informační architektura
- interakční design
- kódování a programování
- copywriting
- SEO
- internetový marketing
- nauka o přístupnosti webů
a další.
Webdesignér by měl rovněž zvládat základy typografie, neboť její webová odnož má svá specifická pravidla. Na obrazovku se především hodí jiná písma než do tisku. Je také potřeba vzít v úvahu fakt, že ne všichni mají stejné zobrazovací zařízení, zvlášť dnes v době využití mobilních telefonů a tabletů na brouzdání po internetu. Dalším problémem jsou různé znakové sady, pokud stránka není v angličtině. Důležitý pro typografii ve webdesignu je samozřejmě i vzhled.
Nástroje
Webdesignéři používají široké spektrum nástrojů. Může to být obyčejná tužka a papír na kreslení wireframů nebo drahý software pro vytváření grafiky jako například Adobe Photoshop. Kodéři a programátoři využívají specializovaného softwaru na programování, ale i obyčejných textových editorů. Pro SEO odborníky jsou důležité nástroje na sledování statistik stránky (Google Analytics a další). Součástí webdesignu může být i návrh koncepce propojení stránky se sociálními sítěmi, pro jejichž údržbu se pak používají buď samotné sociální sítě nebo externí nástroje, např. Hootsuite. Webdesignéři také využívají množství webových zdrojů, například pro vyhledávání písem uvolněných pod licencí Creative Commons nebo (v případě kodérů) různých externích knihoven pro Javascript aj. Populární jsou také různé webové magazíny a komunitní servery, které slouží pro sebevzdělávání a sdílení svých zkušeností s ostatními lidmi z jejich oboru. [5] Specifickou odnoží jsou potom galerie webdesignu [6] tvořící nejen inspiraci, ale také platformu pro sdílení zkušeností a jednu z cest za ještě lepším designem webových stránek.
Poznámky
- ↑ PHILIS, Troy. Web Design Definition. Pleasanton Web Design [online]. 2007 [cit. 2012-05-21]. Dostupné z: http://pleasantonwebdesignblog.com/2007/01/web-design-definition.html
- ↑ Webdesign. In: Wikipedia: the free encyclopedia [online]. San Francisco (CA): Wikimedia Foundation, 2001- [cit. 2012-05-21]. Dostupné z: http://en.wikipedia.org/wiki/Webdesign
- ↑ ŘEZÁČ, Jan. Umění nebo řemeslo? Filův blog o webdesignu [online]. 2007 [cit. 2012-05-21]. Dostupné z: http://blog.filosof.biz/umeni-nebo-remeslo/
- ↑ LELAND, Rich. The ambiguity of "web developer". Mathematism [online]. [2010] [cit. 2012-05-21]. Dostupné z: http://mathematism.com/2010/01/12/ambiguity-web-developer/
- ↑ např. Smashing Magazine
- ↑ např. http://www.cssheaven.com/
Zdroje
- Webdesign. In: Wikipedia: the free encyclopedia [online]. San Francisco (CA): Wikimedia Foundation, 2001- [cit. 2012-05-21]. Dostupné z: http://en.wikipedia.org/wiki/Webdesign
- Web development. In: Wikipedia: the free encyclopedia [online]. San Francisco (CA): Wikimedia Foundation, 2001- [cit. 2012-05-21]. Dostupné z: http://en.wikipedia.org/wiki/Web_development
- LELAND, Rich. The ambiguity of "web developer". Mathematism [online]. [2010] [cit. 2012-05-21]. Dostupné z: http://mathematism.com/2010/01/12/ambiguity-web-developer/
- PHILIS, Troy. Web Design Definition. Pleasanton Web Design [online]. 2007 [cit. 2012-05-21]. Dostupné z: http://pleasantonwebdesignblog.com/2007/01/web-design-definition.html
- NOACK, Shannon. A Basic Look at Typography in Web Design. Six Revisions: Useful Information for Web Developers & Designers. [online]. 2010 [cit. 2012-05-21]. Dostupné z: http://sixrevisions.com/web_design/a-basic-look-at-typography-in-web-design/
- ŘEZÁČ, Jan. Jak začít s webdesignem. Filův blog o webdesignu [online]. 2007 [cit. 2012-05-21]. Dostupné z: http://blog.filosof.biz/jak-zacit-s-webdesignem/
- ŘEZÁČ, Jan. Úvod do webdesignu. 2012 [cit. 2012-05-21]. Dostupné z: http://vimeo.com/39526905
