A j\u00f3 webdesignnak<\/a> jelent\u0151s hat\u00e1sa van a potenci\u00e1lis \u00fcgyfelekre, hiszen az emberek a weboldaluk alapj\u00e1n \u00edt\u00e9lik meg a c\u00e9geket. Az nem sz\u00e1m\u00edt, hogy ez az \u00edt\u00e9let helyes-e vagy sem, csak a benyom\u00e1s sz\u00e1m\u00edt. Ez\u00e9rt a designerek folyamatosan megpr\u00f3b\u00e1lnak \u00faj megold\u00e1sokkal jav\u00edtani a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyen. Ennek \u00e9rdek\u00e9ben – ahogy a val\u00f3 \u00e9letben is – els\u0151sorban a vizu\u00e1lis elemekhez ny\u00falnak. \u00c9s itt l\u00e9pnek a k\u00e9pbe az illusztr\u00e1ci\u00f3k.<\/p>\n\n\n\n A rajzolt illusztr\u00e1ci\u00f3k hat\u00e9kony eszk\u00f6zt adnak a designerek kez\u00e9be. Az illusztr\u00e1ci\u00f3k a modern designban funkcion\u00e1lis elemek, a kommunik\u00e1ci\u00f3 eszk\u00f6zei. A c\u00e9ljuk persze ugyanaz, mint b\u00e1rmilyen fot\u00f3nak: seg\u00edteni a weboldal \u00fczenet\u00e9nek \u00e1tad\u00e1s\u00e1ban, fokozni annak hat\u00e1s\u00e1t. Az illusztr\u00e1ci\u00f3 egy olyan olyan vizu\u00e1lis elem, mely a sz\u00f6veget t\u00e1mogatja. C\u00e9lja az, hogy kibontsa \u00e9s vil\u00e1goss\u00e1 tegye a sz\u00f6vegben l\u00e9v\u0151 gondolatot. Lehet egy k\u00e9p, de ak\u00e1r egy t\u00e1bl\u00e1zat, grafikon is. Egy illusztr\u00e1ci\u00f3 akkor m\u0171k\u00f6dik, ha a l\u00e1togat\u00f3 a seg\u00edts\u00e9g\u00e9vel jobban meg\u00e9rti a verb\u00e1lis \u00fczenetet. Az illusztr\u00e1ci\u00f3 az \u00e9rz\u00e9kszervi \u00e9lm\u00e9nyre \u00e9p\u00edtve magyar\u00e1zza a sz\u00f6vegben szerepl\u0151 gondolatot.<\/p>\n\n\n Manaps\u00e1g a web tele van sz\u00f6vegekkel, melyek legt\u00f6bbj\u00e9nek elolvas\u00e1s\u00e1ra nincs id\u0151nk. Ugyanakkor a vizu\u00e1lis inform\u00e1ci\u00f3k befogad\u00e1sa teljesen f\u00fcggetlen\u00fcl zajlik a verb\u00e1lis inform\u00e1ci\u00f3kt\u00f3l.<\/p>\n\n\n\n Ahhoz azonban, hogy a rajzolt illusztr\u00e1ci\u00f3 m\u0171k\u00f6dj\u00f6n, a k\u00e9peknek k\u00f6nnyen felismerhet\u0151nek kell lenni\u00fck, \u00e9s az \u00e1ltaluk hordozott inform\u00e1ci\u00f3t a felhaszn\u00e1l\u00f3k k\u00fcl\u00f6nb\u00f6z\u0151 csoportjainak is tudniuk kell dek\u00f3dolni. De l\u00e1ssuk a funkci\u00f3ikat r\u00e9szletesen!<\/p>\n\n\n\n Az illusztr\u00e1ci\u00f3k j\u00f3l haszn\u00e1lhat\u00f3k abb\u00f3l a c\u00e9lb\u00f3l, hogy valamit megmagyar\u00e1zz, vil\u00e1goss\u00e1 tegy\u00e9l<\/strong> a felhaszn\u00e1l\u00f3k sz\u00e1m\u00e1ra. A rajzolt illusztr\u00e1ci\u00f3k vizu\u00e1lis seg\u00edts\u00e9get ny\u00fajtanak a felhaszn\u00e1l\u00f3knak. K\u00e9pesek meg\u00e9rtetni vel\u00fck egy \u00fczenetet, leegyszer\u0171s\u00edtve a dolgokat k\u00f6nnyen felfoghat\u00f3 \u00e1br\u00e1kk\u00e1. A k\u00e9pek „hangosabbak”, mint a szavak, \u00e9s a befogad\u00e1suk is sokkal gyorsabb. Ez az oka annak, hogy mi\u00e9rt olyan n\u00e9pszer\u0171ek a rajzolt illusztr\u00e1ci\u00f3k a felhaszn\u00e1l\u00f3k elind\u00edt\u00e1s\u00e1n\u00e1l egy appban vagy egy weboldalon.<\/p>\n\n\n\n Bevetheted \u0151ket abban az esetben, amikor a l\u00e1togat\u00f3 meg\u00e9rkezik a weboldaladra vagy a mobil alkalmaz\u00e1sodba, \u00e9s el kell magyar\u00e1znod neki, hogyan is m\u0171k\u00f6dik az oldal<\/strong>. Illusztr\u00e1ci\u00f3k haszn\u00e1lat\u00e1val elker\u00fclheted a t\u00fal sok sz\u00f6veg haszn\u00e1lat\u00e1t. A bel\u00e9p\u0151 oldalak illusztr\u00e1ci\u00f3kkal kieg\u00e9sz\u00edtve kiv\u00e1l\u00f3an bemutatj\u00e1k a felhaszn\u00e1l\u00f3k sz\u00e1m\u00e1ra a legfontosabb funkci\u00f3kat \u00e9s el\u0151ny\u00f6ket<\/strong>. Jelzik sz\u00e1mukra a kontextust, vil\u00e1goss\u00e1 teszik a helyzetet, vagy ak\u00e1r vezethetik is a felhaszn\u00e1l\u00f3t a k\u00f6vetkez\u0151 l\u00e9p\u00e9s megt\u00e9tele fel\u00e9. Ha egy minim\u00e1l fel\u00fclettel kombin\u00e1lod<\/a> a rajzolt illusztr\u00e1ci\u00f3kat, akkor rendk\u00edv\u00fcl hat\u00e9konyan k\u00e9pesek seg\u00edteni a fontos \u00fczenetek eljuttat\u00e1s\u00e1ban, an\u00e9lk\u00fcl, hogy t\u00fal sok sz\u00f6veget kellene haszn\u00e1lnod.<\/p>\n\n\n Egy j\u00f3l siker\u00fclt, interakt\u00edv besz\u00e1ll\u00f3 oldal automatikusan felkelti az emberek \u00e9rdekl\u0151d\u00e9s\u00e9t a weboldal ir\u00e1nt. Arra k\u00e9szteti \u0151ket, hogy kezdj\u00e9k el haszn\u00e1lni azt. Egy k\u00e9pes haszn\u00e1lati utas\u00edt\u00e1st sokkal k\u00f6nnyebben \u00e9s gyorsabban meg\u00e9rtenek<\/strong>, mint a hossz\u00fa, sz\u00f6veges magyar\u00e1zatokat. M\u00e9g azoknak az oldalaknak vagy appoknak is \u00e9rdemes a rajzolt illusztr\u00e1ci\u00f3k eszk\u00f6z\u00e9hez ny\u00falnia, ha el kell magyar\u00e1zni valamit az embereknek, melyek egy\u00e9bk\u00e9nt m\u00e1s esetekben nem haszn\u00e1lj\u00e1k ezt.<\/p>\n\n\n\n Ugyancsak j\u00f3l alkalmazhat\u00f3 egy rajzolt illusztr\u00e1ci\u00f3 akkor is, ha k\u00fcl\u00f6nb\u00f6z\u0151 csomagok k\u00f6z\u00f6tti v\u00e1laszt\u00e1st kell bemutatnod:<\/p>\n\n\n Szint\u00e9n haszn\u00e1lhat\u00f3, amikor a felhaszn\u00e1l\u00f3 belefut egy probl\u00e9m\u00e1ba. Ilyenkor a humor eszk\u00f6z\u00e9t felhaszn\u00e1lva tehet\u0151 emberk\u00f6zelibb\u00e9 a probl\u00e9ma \u00e9s annak megold\u00e1sa.<\/p>\n\n\n Webb\u00f6ng\u00e9sz\u00e9s k\u00f6zben sz\u00e1mtalan weboldallal tal\u00e1lkozunk, azonban csak n\u00e9h\u00e1ny olyan van, mely val\u00f3ban eml\u00e9kezetes lesz sz\u00e1munkra. Amikor az emberek valamilyen \u00e9lm\u00e9nyre visszaeml\u00e9keznek, akkor nem a teljes \u00e9lm\u00e9ny ugrik be nekik az elej\u00e9t\u0151l a v\u00e9g\u00e9ig, hanem annak egyes kulcsfontoss\u00e1g\u00fa elemei, egy-egy k\u00e9p, benyom\u00e1s. Egy illusztr\u00e1ci\u00f3 pont ilyen kulcselem<\/strong>e lehet a weboldaladnak, \u00e9s \u00edgy a m\u00e1rk\u00e1d is sokkal jobban megragad az emberek eml\u00e9kezet\u00e9ben<\/p>\n\n\n\n A weboldalad f\u0151oldal\u00e1n elhelyezett illusztr\u00e1ci\u00f3k az eg\u00e9sz weboldalr\u00f3l alkotott k\u00e9pet meghat\u00e1rozz\u00e1k a felhaszn\u00e1l\u00f3k sz\u00e1m\u00e1ra. Beind\u00edtj\u00e1k az emberek fant\u00e1zi\u00e1j\u00e1t, \u00e9s sokkal er\u0151sebb szem\u00e9lyes kapcsolatot alak\u00edthatsz ki<\/strong> rajzolt illusztr\u00e1ci\u00f3kkal, mint a fot\u00f3kkal. Emellett az egyedi, kiz\u00e1r\u00f3lag a Te weboldaladhoz k\u00e9sz\u00fclt rajzolt illusztr\u00e1ci\u00f3k hat\u00e9konyabban k\u00e9pesek megk\u00fcl\u00f6nb\u00f6ztetni a konkurenci\u00e1t\u00f3l.<\/p>\n\n\n A k\u00fcl\u00f6nb\u00f6z\u0151 rajzolt karakterek<\/strong> is az\u00e9rt hasznosak, mert maradand\u00f3bb eml\u00e9keket hozhatsz l\u00e9tre \u00e1ltaluk. Ezekre a m\u00e1rkaelemekre jobban vissza tudnak eml\u00e9kezni<\/strong> az emberek, azonos\u00edtj\u00e1k \u0151ket a m\u00e1rk\u00e1val, kapcsolatot tudnak kialak\u00edtani a felhaszn\u00e1l\u00f3 \u00e9s a term\u00e9k k\u00f6z\u00f6tt.<\/p>\n\n\n\n Minden term\u00e9khez kapcsol\u00f3d\u00f3 felhaszn\u00e1l\u00f3i interakci\u00f3 egy \u00fatt\u00e1 \u00e1ll \u00f6ssze. Minden egyes \u00fat m\u00f6g\u00f6tt tal\u00e1lhat\u00f3 egy c\u00e9l, melyet a felhaszn\u00e1l\u00f3 szeretne el\u00e9rni a term\u00e9k haszn\u00e1lata r\u00e9v\u00e9n. Bizonyos esetekben pedig lehets\u00e9ges a felhaszn\u00e1l\u00f3i \u00fat t\u00f6rt\u00e9nett\u00e9 alak\u00edt\u00e1sa. Az illusztr\u00e1ci\u00f3k ilyenkor kapcsolatot alak\u00edtanak ki<\/strong> a felhaszn\u00e1l\u00f3 \u00e9s a weboldal k\u00f6z\u00f6tt annak \u00e9rdek\u00e9ben, hogy belevonj\u00e1k a folyamatba. P\u00e9ld\u00e1ul egy rajzolt karakter lesz az, amely v\u00e9gigvezeti a felhaszn\u00e1l\u00f3t egy fel\u00fcleten, hogy megismerje annak m\u0171k\u00f6d\u00e9s\u00e9t.<\/p>\n\n\n A j\u00e1t\u00e9kos, vid\u00e1m, rajzolt karakterek sokkal hitelesebb\u00e9, megb\u00edzhat\u00f3bb\u00e1 tehetik a term\u00e9kedet, mik\u00f6zben k\u00f6nnyebben el\u00e9rheted \u00e1ltaluk a felhaszn\u00e1l\u00f3i elk\u00f6telez\u0151d\u00e9st is. Ilyen karakterek lehetnek p\u00e9ld\u00e1ul az \u00e1llatfigur\u00e1k, mint a Mailchimp eset\u00e9ben Freddie, a csimp\u00e1nz. Ezek a figur\u00e1k a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny eml\u00e9kezetes elemei, melyek kapcsolatot hoznak l\u00e9tre a felhaszn\u00e1l\u00f3k \u00e9s a weboldalad k\u00f6z\u00f6tt, \u00e9letet lehelnek az interakci\u00f3s folyamatokba<\/strong>, \u00e9s fenntartj\u00e1k az emberek \u00e9rdekl\u0151d\u00e9s\u00e9t. Ha el akarod k\u00f6telezni az embereket a weboldalad, c\u00e9ged, term\u00e9ked ir\u00e1nt, akkor teremts meg egy rajzolt karaktert a m\u00e1rk\u00e1d sz\u00e1m\u00e1ra!<\/p>\n\n\n\n A Mailchimp csimp\u00e1nza persze emellett jelent\u0151s szerepet j\u00e1tszik a felhaszn\u00e1l\u00f3 \u00e9lm\u00e9ny jav\u00edt\u00e1s\u00e1ban is. K\u00fcl\u00f6nb\u00f6z\u0151 szerepekben megjelenik az oldalain, felh\u00edvva a figyelmet egy adott elemre, vagy csak egy viccet els\u00fctve, hogy cs\u00f6kkentse a felhaszn\u00e1l\u00f3k fesz\u00fclts\u00e9g\u00e9t ott, ahol sz\u00fcks\u00e9g lehet r\u00e1.<\/p>\n\n\n Az illusztr\u00e1ci\u00f3kat arra is haszn\u00e1lhatod a fel\u00fcleteidn\u00e9l, hogy vizu\u00e1lis t\u00e1mogat\u00e1st adj a weboldalad st\u00edlus\u00e1nak<\/strong>. M\u00e1s m\u00e1rka-elemekkel szemben – mint a log\u00f3, bet\u0171t\u00edpus, sz\u00edns\u00e9ma – az illusztr\u00e1ci\u00f3knak jelent\u0151s hat\u00e1suk van a term\u00e9k st\u00edlus\u00e1ra is. Amikor egy illusztr\u00e1ci\u00f3 egy adott st\u00edlusban k\u00e9sz\u00fcl el, akkor term\u00e9szetesen \u00e9s harmonikusan illeszkedik a term\u00e9kedhez \u00e9s a m\u00e1rk\u00e1dhoz. Ehhez persze az is kell, hogy az illusztr\u00e1ci\u00f3k \u00f6sszhangban legyen egym\u00e1ssal<\/strong> is, m\u00e9g ha k\u00fcl\u00f6nb\u00f6z\u0151 forr\u00e1sb\u00f3l is sz\u00e1rmaznak.<\/p>\n\n\n\n Nyilv\u00e1n mindenki tal\u00e1lkozott m\u00e1r jutalmakkal a j\u00e1t\u00e9kokn\u00e1l. Ezek rendk\u00edv\u00fcl er\u0151s hat\u00e1s k\u00e9pesek gyakorolni az emberekre. Hogy mi az oka ennek? Mert \u00fagy t\u0171nik, mintha egy ember \u00e1llna a m\u00e1sik oldalon<\/strong>, nem pedig egy sz\u00e1m\u00edt\u00f3g\u00e9p. A jutalmaz\u00e1s emocion\u00e1lis interakci\u00f3: a pozit\u00edv \u00e9rz\u00e9sek r\u00e9v\u00e9n elk\u00f6telez\u0151d\u00e9s alakul ki a felhaszn\u00e1l\u00f3k r\u00e9sz\u00e9r\u0151l. Az emberek k\u00e9pesek elfelejteni m\u00e9g a hib\u00e1kat is akkor, ha pozit\u00edv \u00e9rz\u00e9sekkel aj\u00e1nd\u00e9kozza meg \u0151ket egy app.<\/p>\n\n\n\n Amikor megjutalmazod az embereket valamilyen teljes\u00edtm\u00e9ny eset\u00e9n, akkor az azt jelzi sz\u00e1mukra, hogy t\u00f6r\u0151dsz vel\u00fck<\/strong>. Teh\u00e1t jutalmazd meg \u0151ket egy anim\u00e1ci\u00f3val, amikor teljes\u00edtenek egy szem\u00e9lyes c\u00e9lt!<\/p>\n\n\n \u00d6sszess\u00e9g\u00e9ben teh\u00e1t elmondhat\u00f3, hogy az illusztr\u00e1ci\u00f3k er\u0151teljes \u00e9s fontos eszk\u00f6znek sz\u00e1m\u00edtanak a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny jav\u00edt\u00e1sa sor\u00e1n, illetve a fel\u00fclet vonz\u00f3bb\u00e1 \u00e9s hat\u00e9konyabb\u00e1 t\u00e9tel\u00e9n\u00e9l. Mik\u00f6zben nincsenek szab\u00e1lyok arra, hogy mik\u00e9nt haszn\u00e1lhatsz rajzolt illusztr\u00e1ci\u00f3kat a weboldaladon, azt mindenk\u00e9ppen \u00e9rdemes \u00e9szben tartani, hogy csak akkor alkalmazd \u0151ket, ha a felhaszn\u00e1l\u00f3k sz\u00e1m\u00e1ra hasznosak<\/strong>. Ilyenkor az illusztr\u00e1ci\u00f3k seg\u00edtenek a c\u00e9ged \u00e9s a term\u00e9ked \u00fczenet\u00e9nek hat\u00e9konyabb \u00e1tad\u00e1s\u00e1ban.<\/p>\n\n\n\n A mostani, egyre mesters\u00e9gesebb\u00e9 v\u00e1l\u00f3 vil\u00e1gban a k\u00e9zzel rajzolt elemek hat\u00e9konyan k\u00e9pesek felkelteni a k\u00f6z\u00f6ns\u00e9g \u00e9rdekl\u0151d\u00e9s\u00e9t, kit\u0171nni a zajb\u00f3l \u00e9s megjelen\u00edteni egy m\u00e1rka emberi von\u00e1sait.<\/p>\n\n\n\n Azt tal\u00e1n m\u00e1r tudod, hogy a vizu\u00e1lis elemek \u00e1ltal\u00e1ban sokkal nagyobb hat\u00e1st gyakorolnak a l\u00e1togat\u00f3kra, mint a sz\u00f6vegek. A fot\u00f3k vagy az illusztr\u00e1ci\u00f3k er\u0151teljesen megragadj\u00e1k a felhaszn\u00e1l\u00f3k figyelm\u00e9t<\/strong> \u00e9s k\u00e9pesek \u00e1tadni a fontosabb inform\u00e1ci\u00f3kat. A k\u00e9zzel rajzolt illusztr\u00e1ci\u00f3k annyival ny\u00fajtanak t\u00f6bbet, mint a vektorokb\u00f3l fel\u00e9p\u00edtett grafik\u00e1k \u00e9s m\u00e1s digit\u00e1lis elemek, hogy nyilv\u00e1nval\u00f3v\u00e1 v\u00e1lik a m\u00f6g\u00f6tt\u00fck l\u00e9v\u0151 ember<\/strong>, annak ellen\u00e9re, hogy persze mindkett\u0151t alapvet\u0151en emberek alkotj\u00e1k meg. <\/p>\n\n\n\n M\u00e9g akkor is \u00edgy van ez, ha az illusztr\u00e1ci\u00f3t nem pap\u00edrra k\u00e9sz\u00edted, hanem egy digit\u00e1lis kijelz\u0151re, mint b\u00e1rmely m\u00e1s webdesign elemet. A k\u00f6z\u00f6ns\u00e9g sz\u00e1m\u00e1ra ez\u00e1ltal m\u00e9gis valami term\u00e9szetesebbet, hitelesebbet<\/strong> k\u00edn\u00e1lsz. <\/p>\n\n\n\n Ha pedig egy olyan m\u00e1rk\u00e1d van, mely kifejezetten szeretn\u00e9 megmutatni az emberi oldal\u00e1t a webdesignban is, akkor a k\u00e9zzel rajzolt elemek ezt olyan hat\u00e9konyan k\u00e9pesek kivitelezni, mint semmi m\u00e1s a weboldaltervez\u00e9sben. A rajzolt elemek mindig arra eml\u00e9keztetik a l\u00e1togat\u00f3t, hogy val\u00f3di emberek \u00e1llnak a weboldalak m\u00f6g\u00f6tt<\/strong>, nem egy g\u00e9p \u00e9s robotok, melyek t\u00f6k\u00e9letesen, \u00e9rzelem n\u00e9lk\u00fcl v\u00e9gzik a dolgukat, \u00e9s amelyekhez nem lehet kapcsol\u00f3dni. Haszn\u00e1latukkal tov\u00e1bb tudsz l\u00e9pni a k\u00e9pek alapvet\u0151 funkci\u00f3j\u00e1n, amikor ki akarod fejezni a tartalom \u00e9rzelmi oldal\u00e1t<\/strong>, \u00edgy maradand\u00f3bb\u00e1 v\u00e1lik az \u00e9lm\u00e9ny.<\/p>\n\n\n\n Nem v\u00e9letlen\u00fcl alkalmazz\u00e1k a k\u00e9zzel rajzolt elemeket, illusztr\u00e1ci\u00f3kat olyan c\u00e9gek, mint a Dropbox vagy a Mailchimp. M\u00e1r az is nagyon j\u00f3l kifejezi a m\u00e1rka emberi von\u00e1s\u00e1t, ha nem teljesen szab\u00e1lyos vonalakkal<\/strong> tal\u00e1lkoznak a felhaszn\u00e1l\u00f3k egy weboldalon. Ann\u00e1l is ink\u00e1bb, mert a legt\u00f6bb c\u00e9g \u00e9s a weboldala a t\u00f6k\u00e9letess\u00e9get pr\u00f3b\u00e1lja hajszolni, amibe gyakorlatilag nem f\u00e9r bele semmi, ami emberi.<\/p>\n\n\n\n Ez\u00e1ltal azok a weboldalak, melyek k\u00e9zzel k\u00e9sz\u00fclt rajzokat haszn\u00e1lnak, k\u00fcl\u00f6nb\u00f6zni is tudnak, azaz megk\u00fcl\u00f6nb\u00f6ztethet\u0151v\u00e9 v\u00e1lnak<\/strong>, ami a marketing egyik alapt\u00e9tele. Ha eddig gondod volt azzal, hogy mik\u00e9nt is v\u00e1lj megk\u00fcl\u00f6nb\u00f6ztethet\u0151v\u00e9, kiemelked\u0151v\u00e9, miben t\u00e9rj el a konkurenci\u00e1t\u00f3l, akkor ezt a megold\u00e1st kihaszn\u00e1lhatod. <\/p>\n\n\n\n Ahogy a webdesign minden m\u00e1s elem\u00e9n\u00e9l, a k\u00e9zzel k\u00e9sz\u00fclt rajzok alkalmaz\u00e1s\u00e1n\u00e1l is gondos tervez\u00e9sre, strat\u00e9gi\u00e1ra van sz\u00fcks\u00e9g. Nyilv\u00e1n nem leterhelni akarod a l\u00e1togat\u00f3kat a weboldaladon a mindenf\u00e9le \u00e9rtelmetlen, odavetett rajzokkal, telezs\u00fafolva az oldalt, hanem jav\u00edtani szeretn\u00e9d a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyt. A rajzoknak ugyanazt a c\u00e9lt kell szolg\u00e1lniuk<\/strong>, mint mag\u00e1nak a weboldaladnak. <\/p>\n\n\n\n A k\u00e9zzel rajzolt elemeket keverheted m\u00e1s vizu\u00e1lis elemekkel<\/strong> a weboldaladon, \u00edgy j\u00f3l megf\u00e9rnek fot\u00f3kkal \u00e9s vide\u00f3kkal, mik\u00f6zben felh\u00edvj\u00e1k a figyelmet a legfontosabb r\u00e9szekre. Ha p\u00e9ld\u00e1ul megn\u00e9zed ezt a weboldalt, akkor azt l\u00e1tod, hogy itt-ott felt\u0171nnek rajzok, melyek \u00e1ltal nemcsak izgalmasabb\u00e1 v\u00e1lik a weboldal, hanem seg\u00edt a l\u00e1togat\u00f3knak az \u00e9rtelmez\u00e9sben is, kiemelve a fontos r\u00e9szeket.<\/p>\n\n\n Ha m\u00e9lyebb, \u00e9rzelmi szinten akarod megfogni a l\u00e1togat\u00f3kat a rajzolt illusztr\u00e1ci\u00f3k r\u00e9v\u00e9n, akkor a legjobb, ha viccesek \u00e9s interakt\u00edvak<\/strong> lesznek a rajzolt elemek. Itt lehet sz\u00f3 ak\u00e1r egy interakt\u00edv j\u00e1t\u00e9k elk\u00e9sz\u00edt\u00e9s\u00e9r\u0151l is, ami eg\u00e9szen egyediv\u00e9 alak\u00edtja a weboldalon szerezhet\u0151 \u00e9lm\u00e9nyt. <\/p>\n\n\n\n Ugyanakkor sok esetben a legjobb k\u00e9zzel k\u00e9sz\u00fclt elemek, nem felt\u00e9tlen\u00fcl illusztr\u00e1ci\u00f3k vagy k\u00e9pek. Megjelenhetnek a rajzok a tipogr\u00e1fi\u00e1n\u00e1l<\/strong> is, ahogy p\u00e9ld\u00e1ul a Google szokta egyes nevezetes napokon<\/a> \u00e1talak\u00edtani a keres\u0151j\u00e9ben a log\u00f3j\u00e1t. Egy ilyen megold\u00e1s mindj\u00e1rt ad egy m\u00e9lys\u00e9get, m\u00f6g\u00f6ttes mondanival\u00f3t, t\u00f6bblet\u00e9rt\u00e9ket a m\u00e1rk\u00e1nak \u00e9s persze a weboldal designj\u00e1nak. <\/p>\n\n\n Az olyan tipogr\u00e1fia, mely a term\u00e9szetes, val\u00f3di, emberi k\u00e9z\u00edr\u00e1st ut\u00e1nozza, szint\u00e9n j\u00f3 figyelemfelkelt\u0151<\/strong> egy szab\u00e1lyos, t\u00f6k\u00e9letess\u00e9get imit\u00e1l\u00f3 digit\u00e1lis k\u00f6rnyezetben, mik\u00f6zben nem rontja egy weboldal eleganci\u00e1j\u00e1t, m\u00e1r ha nem \u00e9l\u00fcnk vissza a haszn\u00e1lat\u00e1val.<\/p>\n\n\n\n A szkript fontokat lehet finoman is alkalmazni, m\u00e9gis jelleg\u00fckn\u00e9l fogva figyelemfelkelt\u0151ek. Term\u00e9szetesen az olvashat\u00f3s\u00e1got nem felt\u00e9tlen\u00fcl jav\u00edtj\u00e1k, \u00edgy emiatt \u00e9rdemes az\u00e9rt visszafogottan alkalmazni \u0151ket.<\/p>\n\n\nMi\u00e9rt \u00e9rdemes illusztr\u00e1ci\u00f3kat haszn\u00e1lni a weboldaladon?<\/h2>\n\n\n\n
![\"\"](\"http:\/\/blog.webshark.hu\/wp-content\/uploads\/2023\/06\/rajz-webdesign.png\")
<\/a><\/figure><\/div>\n\n\nK\u00f6nnyebben elmagyar\u00e1zhatod vel\u00fck a l\u00e9nyeget<\/h3>\n\n\n\n
![\"illusztracio-segitseg\"](\"http:\/\/blog.webshark.hu\/wp-content\/uploads\/2017\/06\/illusztracio-segitseg.jpg\")
<\/figure><\/div>\n\n\n![\"\"](\"http:\/\/blog.webshark.hu\/wp-content\/uploads\/2017\/06\/csomagok-osszehasonlitasa.png\")
<\/figure><\/div>\n\n\n![\"\"](\"http:\/\/blog.webshark.hu\/wp-content\/uploads\/2017\/06\/illusztralt-hibauzenet.png\")
<\/figure><\/div>\n\n\nEml\u00e9kezetes a felhaszn\u00e1l\u00f3 sz\u00e1m\u00e1ra<\/h3>\n\n\n\n
![\"illusztracio-fooldalon\"](\"http:\/\/blog.webshark.hu\/wp-content\/uploads\/2017\/06\/illusztracio-fooldalon.jpg\")
<\/figure><\/div>\n\n\nA k\u00f6zvetlen kommunik\u00e1ci\u00f3 ill\u00fazi\u00f3j\u00e1t ny\u00fajtja<\/h3>\n\n\n\n
![\"\"](\"http:\/\/blog.webshark.hu\/wp-content\/uploads\/2017\/06\/rajzolt-karakter.jpg\")
<\/figure><\/div>\n\n\n![\"mailchimp-freddie\"](\"http:\/\/blog.webshark.hu\/wp-content\/uploads\/2017\/06\/mailchimp-freddie.jpg\")
<\/figure><\/div>\n\n\nMeger\u0151s\u00edti a st\u00edlust<\/h3>\n\n\n\n
Alkalmazhatod a jutalom-oldalakn\u00e1l<\/h3>\n\n\n\n
![\"jutalom-illusztracio\"](\"http:\/\/blog.webshark.hu\/wp-content\/uploads\/2017\/06\/jutalom-illusztracio.jpg\")
<\/figure><\/div>\n\n\nMi\u00e9rt \u00e9s hogyan haszn\u00e1lj k\u00e9zzel rajzolt elemeket a weboldaladon? (FRISS\u00cdT\u00c9S, 2023.06.02.)<\/h2>\n\n\n\n
Mi\u00e9rt \u00e9rdemes k\u00e9zzel rajzolt elemeket haszn\u00e1lni a weboldaladon?<\/h3>\n\n\n\n
Hogyan haszn\u00e1ld a k\u00e9zzel rajzolt elemeket a weboldaladon?<\/h3>\n\n\n\n
![\"\"](\"http:\/\/blog.webshark.hu\/wp-content\/uploads\/2022\/04\/kezzel-rajzolt-elemek-weboldalon.jpg\")
<\/a><\/figure><\/div>\n\n\n![\"\"](\"http:\/\/blog.webshark.hu\/wp-content\/uploads\/2022\/04\/szent-gyorgy-napja-google-1.png\")
<\/a><\/figure><\/div>\n\n\n
![\"\"](\"http:\/\/blog.webshark.hu\/wp-content\/uploads\/2022\/04\/kezzel-irt-szoveg.jpg\")
<\/a><\/figure><\/div>\n\n\n