Ha nem vagy j\u00e1ratos a design vil\u00e1g\u00e1ban, akkor nem sokat mond neked, hogy valakit grafikus designernek vagy webdesignernek h\u00edvnak. Ugyanazt a munk\u00e1t – alapvet\u0151en persze a weboldalad tervez\u00e9s\u00e9t – vajon el tudja v\u00e9gezni mindk\u00e9t szakember? Ugyanazt tudj\u00e1k vagy csak elnevez\u00e9sekr\u0151l van sz\u00f3, ami a l\u00e9nyegen nem v\u00e1ltoztat? <\/p>\n\n\n\n
Mi az a grafikus design?<\/h3>\n\n\n\n
A grafikus designerek olyan vizu\u00e1lis designokat k\u00e9sz\u00edtenek, melyeken megjelennek grafikai elemek, illusztr\u00e1ci\u00f3k, bet\u0171k, fot\u00f3k. Ezekb\u0151l \u00e1ll \u00f6ssze valami vizu\u00e1lisan eredeti \u00e9s kreat\u00edv dolog. A grafikus designerek hagyom\u00e1nyosan t\u00f6bbnyire log\u00f3kat k\u00e9sz\u00edtenek, olyan nyomtatott designokat, mint a poszterek, magazinok, k\u00f6nyvbor\u00edt\u00f3k, stb. Ez azonban az id\u0151k sor\u00e1n v\u00e1ltozott, hiszen v\u00e1ltozott a technol\u00f3gia is, \u00edgy a grafikus designerek ma m\u00e1r digit\u00e1lis fel\u00fcletekre is dolgoznak, \u00edgy a webre vagy e-mailes megjelen\u00e9sekre.<\/p>\n\n\n\n A grafikus designerek – ha j\u00f3 szakemberek -, akkor t\u00f6k\u00e9letesen tiszt\u00e1ban vannak egy-egy vizu\u00e1lis design elk\u00e9sz\u00edt\u00e9s\u00e9nek szab\u00e1lyaival, \u00edgy j\u00e1ratosak a tipogr\u00e1fi\u00e1ban, a sz\u00ednek haszn\u00e1lat\u00e1ban, a vizu\u00e1lis hierarchia kialak\u00edt\u00e1s\u00e1ban, stb. Olyan szoftvereket haszn\u00e1lnak a munk\u00e1juk sor\u00e1n, mint az Adobe Photoshop, az Illustrator, vagy az InDesign.<\/p>\n\n\n\n Ugyanez a tud\u00e1s sz\u00fcks\u00e9ges egy webdesigner sz\u00e1m\u00e1ra is. Ennek oka, hogy mindketten vizu\u00e1lis designnal foglalkoznak, melybe beletartozik a grafikus design \u00e9s a webdesign is. A webdesign azonban egy olyan folyamat, melynek sor\u00e1n egy weboldal ker\u00fcl megtervez\u00e9sre. A webdesign viszont nem puszt\u00e1n vizu\u00e1lis design, hiszen meg kell tervezni a weboldal felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny\u00e9t, dr\u00f3tv\u00e1zat kell k\u00e9sz\u00edteni, inform\u00e1ci\u00f3s architekt\u00far\u00e1t, ki kell tal\u00e1lni a felhaszn\u00e1l\u00f3i utakat, ennek megfelel\u0151en szervezni a sz\u00f6veges \u00e9s vizu\u00e1lis tartalmakat, \u00e9s csak mindezekre ker\u00fcl r\u00e1 a vizu\u00e1lis design. <\/p>\n\n\n\n Egy webdesignernek tiszt\u00e1ban kell lennie azokkal az alapokkal, melyet a grafikus designerek is tudnak, teh\u00e1t \u00e9rteni kell a tipogr\u00e1fi\u00e1hoz, a sz\u00ednekhez, a hierarchia kialak\u00edt\u00e1s\u00e1hoz, a webdesign azonban nem mer\u00fcl ki a vizu\u00e1lis designban, hiszen egy weboldal eset\u00e9ben is egy olyan term\u00e9kr\u0151l van sz\u00f3, melynek designja a j\u00f3 haszn\u00e1lhat\u00f3s\u00e1gr\u00f3l sz\u00f3l<\/strong>. Arr\u00f3l, hogy mik\u00e9nt is m\u0171k\u00f6dik a term\u00e9k, mennyire j\u00f3 a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny, milyen k\u00f6nnyen j\u00e1rhat\u00f3 a felhaszn\u00e1l\u00f3i \u00fat. \u00c9s ehhez t\u00f6bb kell, mint a vizu\u00e1lis \u00e9lm\u00e9ny.<\/p>\n\n\n\n Egyr\u00e9szt az el\u0151bb felsorolt k\u00fcl\u00f6nbs\u00e9gek abban nyilv\u00e1nulnak meg, hogy n\u00e9mileg elt\u00e9r\u0151 technikai j\u00e1rtass\u00e1gra van sz\u00fcks\u00e9ge egy grafikus designernek \u00e9s egy webdesignernek. Nem \u00e1rt, ha egy webdesigner tiszt\u00e1ban van a HTML \u00e9s CSS-alapokkal, \u00e9s azzal, hogy mik\u00e9nt m\u0171k\u00f6dik egy design a weben. M\u00edg a grafikus design eset\u00e9ben szinte korl\u00e1tok n\u00e9lk\u00fcl ki\u00e9lheti egy designer a kreativit\u00e1s\u00e1t, el\u00e9g csak a vizualit\u00e1sra figyelni, addig a webdesignernek a technikai korl\u00e1tokkal is sz\u00e1molnia kell. P\u00e9ld\u00e1ul figyelembe kell venni olyan t\u00e9nyez\u0151ket, mint a f\u00e1jlm\u00e9retek, hiszen a t\u00fal naggy\u00e1 v\u00e1l\u00f3 weboldalak bet\u00f6lt\u00e9se lassabb lesz, amit rontja a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyt.<\/p>\n\n\n\n Ugyancsak korl\u00e1toz\u00f3 t\u00e9nyez\u0151t jelentenek a webdesign eset\u00e9ben a bet\u0171t\u00edpusokkal kapcsolatos korl\u00e1tozott lehet\u0151s\u00e9gek. Egy weboldal eset\u00e9ben ugyan be\u00e1ll\u00edthatunk a CSS-ben egy sz\u00e9p bet\u0171t\u00edpust, azonban, ha a felhaszn\u00e1l\u00f3 b\u00f6ng\u00e9sz\u0151je azt nem t\u00e1mogatja, akkor neki egy alap-bet\u0171t\u00edpussal ker\u00fcl megjelen\u00edt\u00e9sre a weboldal, \u00edgy pedig sz\u00e9teshet a design. <\/p>\n\n\n\n A megjelen\u00e9sn\u00e9l k\u00fcl\u00f6nbs\u00e9get jelent, hogy ha egy grafikus design elk\u00e9sz\u00fcl, akkor az k\u00e9sz van, \u00fagy is marad, mik\u00f6zben egy webdesignn\u00e1l dinamikus megjelen\u00e9sr\u0151l van sz\u00f3, vagyis a k\u00e9s\u0151bbiekben is folyamatosan v\u00e1ltozik. Egy weboldalba mindig ker\u00fclnek \u00faj funkci\u00f3k, \u00faj tartalmak, melyekhez igazodni kell, n\u00e9h\u00e1ny \u00e9venk\u00e9nt jelent\u0151sebb redesignra ker\u00fcl sor, hiszen a c\u00e9geknek alkalmazkodniuk kell a v\u00e1ltoz\u00e1sokhoz. <\/p>\n\n\n\n Hasonl\u00f3k\u00e9ppen, m\u00edg a webdesign interakt\u00edv, hiszen a felhaszn\u00e1l\u00f3k kapcsolatba l\u00e9pnek a weboldallal, az pedig reag\u00e1l r\u00e1juk, addig a grafikus design nem interakt\u00edv. Egy weboldalon a felhaszn\u00e1l\u00f3k gombokat nyomogatnak, navig\u00e1lnak az oldalon linkeket haszn\u00e1lva, vide\u00f3kat n\u00e9znek meg, stb. A felhaszn\u00e1l\u00f3i cselekv\u00e9sekhez pedig igazodniuk kell a designerek \u00e1ltal k\u00e9sz\u00edtett tervnek.<\/p>\n\n\n\n Az el\u0151bbiek alapj\u00e1n tal\u00e1n m\u00e1r \u00fagy t\u0171nhet, hogy a k\u00e9t szakma egy\u00e1ltal\u00e1n nem kapcsol\u00f3dik, ugyanakkor, mint kor\u00e1bban jelezt\u00fck, egy ter\u00fcletnek az alkateg\u00f3ri\u00e1r\u00f3l van m\u00e9gis sz\u00f3. Ahogy egy grafikus designernek, \u00fagy egy webdesignernek is tiszt\u00e1ban kell lennie a vizu\u00e1lis design alapjaival. Mindkettej\u00fcknek folyamatosan figyelni\u00fck kell a designrendek v\u00e1ltoz\u00e1sait, mindkettej\u00fcknek az \u00fcgyfelek probl\u00e9m\u00e1it kell kreat\u00edv m\u00f3don megoldaniuk. <\/p>\n\n\n\n \u00c9s m\u00edg a m\u0171v\u00e9szet az alkot\u00e1sr\u00f3l \u00e9s az \u00f6r\u00f6mr\u0151l sz\u00f3l, addig ak\u00e1r grafikus designr\u00f3l, ak\u00e1r webdesingr\u00f3l van sz\u00f3, azok valamilyen c\u00e9lt szolg\u00e1lnak, probl\u00e9m\u00e1t oldanak meg. A k\u00fcl\u00f6nbs\u00e9g csak a hordoz\u00f3n\u00e1l jelentkezik: a webdesign a j\u00f3l tervezett weboldallal oldja meg azt a probl\u00e9m\u00e1t, hogy a l\u00e1togat\u00f3b\u00f3l \u00fcgyfelek legyenek, m\u00edg a grafikus design a log\u00f3val, a m\u00e1rkamegjelen\u00e9ssel kommunik\u00e1lja az \u00fczeneteket a felhaszn\u00e1l\u00f3k fel\u00e9.<\/p>\n\n\n\n \u00d6sszess\u00e9g\u00e9ben teh\u00e1t elmondhat\u00f3, hogy b\u00e1r sokan azt hiszik, hogy egy weboldal mind\u00f6ssze vizu\u00e1lis designt jelent, amit ak\u00e1r egy grafikus designer is el tud k\u00e9sz\u00edteni, hiszen \u00e9rt a sz\u00ednekhez, a form\u00e1khoz, bet\u0171kh\u00f6z, a weboldalak eset\u00e9ben sz\u00e1mos egy\u00e9b t\u00e9nyez\u0151vel sz\u00e1molni kell, melyek t\u00falmutatnak a vizu\u00e1lis megjelen\u00e9sen: egy dinamikus k\u00f6rnyezetben, az interaktivit\u00e1st figyelembe v\u00e9ve kell l\u00e9trehozni j\u00f3 felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyt, k\u00f6nny\u0171 haszn\u00e1lhat\u00f3s\u00e1got, mik\u00f6zben szor\u00edtanak a technikai korl\u00e1tok.<\/p>\n\r\n![\"\"](\"http:\/\/blog.webshark.hu\/wp-content\/uploads\/2017\/06\/webdesign-weboldal-trendek.jpg\")
<\/figure>\n\n\n\nMi az a webdesign?<\/h3>\n\n\n\n
Milyen k\u00fcl\u00f6nbs\u00e9get jelent ez?<\/h3>\n\n\n\n
\u00c9s melyek a hasonl\u00f3s\u00e1gok?
<\/h3>\n\n\n\n