Grafický Design vs Web Design

grafický a webový design jsou dvě oblasti, které jsou často zaměňovány. Po všem, oba se zaměřují na “design” a oba často pracují na stejných projektech.

to však neznamená, že jsou stejné, a znalost rozdílů je nezbytná pro to, abyste věděli, na koho se v daném bodě projektu obrátit. Do toho konce, zde je podrobný rozpis každé role a jejich klíčových rozdílů.

samozřejmě, zatímco individuální dovednosti mohou lišit v závislosti na konkrétní osobu nebo tým, tam jsou některé základní jádro svorky grafický design vs web design, který jen zřídka změnit – jsou to, co definují role a co se chceme zaměřit na tady!

co je grafický Design?

grafický design se týká vytváření vizuálních, komunikačních prostředků pro uživatelskou stranu produktů. To může zahrnovat ilustrace a ikony (to, co většina lidí pravděpodobně myslí jako ‘grafika’), stejně jako typografie, fotografie, a dokonce i šablony. Grafický designér nebo tým použije všechna tato média k vytvoření nezbytných prostředků nebo kompozic pro projekt.

největší možný rozdíl je v tom, že Grafik nemá technické znalosti. Místo toho doplňují své vizuální dovednosti porozuměním chování uživatelů a schopností zkoumat problémy. To je důvod, proč grafici mohou také pomoci s rozvržením stránek, například-chápou, jak se uživatelé chovají, a podle toho navrhují frontend.

kromě toho grafický design vyžaduje mnohem víc než schopnost kreslit nebo ilustrovat. Vyžaduje znalost teorie barev (jak barvy vzájemně ovlivňují), psychologie (jak vizuály ovlivňují chování uživatelů) a pokročilejší předměty, jako jsou vizuální hierarchie(jak vizualizovat důležitější možnosti než sekundární). Zatímco grafický design je oblast, která postrádá technické znalosti potřebné v digitální projekty, jejich chápání vizuální, uživatelé, a vztah mezi dva jsou stejně důležité.

Příklady Grafického Designu

Grafický design se děje všude kolem nás – v časopisech, billboardy, letáky a jiné tištěné materiály si můžete myslet. Bylo řečeno, Zde je několik příkladů grafického designu, pokud jde o digitální média-včetně toho, jak se překrývá a pracuje s webovými stránkami.

  • LinkedIn. Když nebudeme uvažovat žádné sociální média sítě ‘grafika-heavy’, všichni však použít grafický design jako základní vizuální zkratky. Použití LinkedIn jako příklad, horní lišta je snížena na malý počet snadno interpretovatelných ikon, zajištění snadné navigace na obrazovkách. A co víc, to pomáhá překládat dobře do mobilních telefonů a tabletů, takže zatímco vizuální rozvržení může být změněno, ikony zajišťují konzistenci a známost.

  • McDonald ‘ s. Jedná se o značku s logem známým po celém světě, takže není divu, že webové stránky a tištěné materiály co nejvíce využívají komponenty grafického designu. Vše se jeví jako textové světlo a vyjadřuje značku prostřednictvím loga, barva, a fotografie. Ve skutečnosti, to platí pro téměř všechny nejlepší služby související s jídlem, jako jsou restaurace a doručovací aplikace: show don ‘ t tell je způsob, jak jít.

  • IKEA. Všechny e-commerce nebo maloobchodní operace vyžadují silné vizuální efekty, ale IKEA se upevnila značkou a stylem. Společnost využívá grafiku co nejvíce, od svých zářivých modrých a žlutých barev, aby ukázala své produkty v domácím prostředí. Jedná se o možnosti grafického designu, které definovaly společnost téměř stejně jako jejich konvence pojmenování.

co je Web Design?

Web design odkazuje na dovednosti a metody používané při výrobě a údržbě webových stránek. To zahrnuje jak technické dovednosti, jako je kódování a optimalizace pro vyhledávače (což je silně ovlivněno technologickými možnostmi), tak i dovednosti související s designem, jako jsou rozhraní a uživatelská zkušenost.

Ať už je to jednotlivec, web designer, nebo tým, který zahrnuje příslušné dovednosti potřebné, web design je proces, který je aktivní na začátku. Ve skutečnosti můžeme říci, že je to v podstatě produktový design pro webové stránky. Zahrnuje pochopení cíle webu, jak s ním uživatelé budou komunikovat, výběr příslušných technologií, a plánování cesty vpřed.

nicméně jsme právě zmínili, že web design může obsahovat některé grafické prvky. Z tohoto důvodu, to není neobvyklé vidět některé grafické skillsets v web design týmy – což je pravděpodobně tam, kde některé z počátečního zmatku lží – ale to je web designérů, které vytvářejí všechny backend infrastruktury stejně.

je také třeba poznamenat, že design webových stránek je často považován za vlastní sadu dovedností. I když existuje mnoho vizuálních prvků společných s jiným softwarem, jako jsou tlačítka a navigace, webové stránky mají často vlastní specifické technologické možnosti. To bylo řečeno, se vzestupem progresivních webových aplikací, hranice mezi webovými stránkami a aplikacemi se stále více stírají.

webové stránky již nepovažujeme za zcela oddělené entity od aplikací a jiného softwaru v rámci obchodní domény. Stejně tak vidíme dovednosti webového designu potřebné v širších oblastech.

příklady webdesignu

každý dobrý web využívá ve své koncepci webový design, takže existuje široká škála fantastických příkladů. Zde je jen několik, na které bychom chtěli poukázat:

  • Dropbox. I když se tento web může zdát velmi minimalistický,o to jde. Webové stránky Dropbox jsou navrženy tak, aby podporovaly své obchodní služby (přenos souborů), takže navigace je čistá a jednoduchá. Stejně tak mnoho možností designu šlo do vytvoření samotného procesu sdílení souborů takovým způsobem, aby bylo možné pracovat s moderními prohlížeči a zařízeními. Takto Dropbox zajišťuje intuitivní a hladký proces.

  • Slack. Jako produkt, který existuje jak v prohlížeči a ke stažení, samostatná volba, Slack je fantastický příklad toho, kde webové stránky a další specializovaný software začne rozmazání. Platforma využívá jasnou navigaci, navzdory rostoucímu seznamu funkcí, a použitelnost, proto je i nadále oblíbeným uživatelem ve svém konkurenčním výklenku.

  • Wikipedie. Toto je příklad webové stránky, která je v podstatě co nejdále od vlivů grafického designu. Bylo řečeno, má spoustu možností, které jsou učiněny z nějakého důvodu. Wikipedie musí jasně a snadno zobrazit velké množství informací na jedné obrazovce, zatímco také vytváření webových architektury na podporu jeho širší střih a správce úkolů. Může to znít jednoduše, ale pokud se podíváte na původní návrhy Wikipedie, uvidíte, že hodně práce bylo vynaloženo na to, aby bylo co nejvíce intuitivní a použitelné.

Grafický a Web Design Rozdíly

Dynamické vs Statické

Grafický design byl asi mnohem déle, než web design, ale mnoho z jeho zapojení spočívá ve fyzických médiích, jako jsou časopisy a tištěná média. Na druhou stranu, web design je čistě zaměřen na digitální média, a v tom spočívá klíčový rozdíl.

v časopise nebo knize je obsah uspořádán v určitém pořadí, přičemž design to často považuje za samozřejmost. Pořadí je poněkud statické. Na webových stránkách však mají různí uživatelé své vlastní cesty a návrháři se nemohou spolehnout na zavedený vzor.

To znamená, že web design musí poskytovat nástroje pro uživatele, snadnou navigaci, stejně jako zajistit, že každý stránce zobrazení funguje jako samostatná obrazovka pro své příslušné účely.

a co víc, ve věku personalizace a dynamického načítání obsahu musí být weboví návrháři stále více kreativní. Dobrým příkladem toho je elektronický obchod. V digitálním obchodě může obchod upřednostňovat položky na základě vašich preferencí, vydávat doporučení na základě historických dat a trendů a dalších úprav. Nic z toho se nestane v katalogu-technologie tam není. Je to zcela nová oblast, kterou musí weboví designéři ve své práci stále více zvažovat.

kreativita

jako každý produkt, web musí být použitelný a vyčnívat z konkurence. Prostý web černobílého textu vás nedostane příliš daleko. Dnešní uživatelé očekávají silné vizuální úsilí-k tomu potřebujete kreativní lidi.

grafický design je místo, kde to přichází. Návrháři využívají své znalosti o cílových uživatelích k vytváření vizuálů, které fungují. To je místo, kde některé z větších aspektů značky také vstupují do hry, také. Web musí odpovídat čemukoli jinému, co podnik dělá, jako jsou fyzické obchody nebo tištěné materiály. Věrní následovníci značky by měli být schopni se s webem snadno identifikovat.

Velikost Souboru & Výkon

Na webových stránkách, větší velikost souboru způsobit pomalejší načítání a další problémy s výkonem, které jsou špatné pro oba vyhledávače a zkušenosti koncových uživatelů. Je dobře známo, že lidé nemohou vydržet pomalé webové stránky a kliknout, pokud odpověď není dostatečně rychlá.

kromě toho, zatímco lidé mají také krásné webové stránky plné grafiky a animací, to jsou některé z hlavních viníků velkých velikostí souborů a pomalého výkonu.

weboví designéři se dívají na výkon jako celek. Kromě práce s grafickými návrháři zajistit, obrázky jsou jako světlo, jak je to možné, budou se také podívat na to, jak obsah je načten, jaké další akce pracují v zákulisí, a jakékoli jiné oblasti, které mohou ovlivnit výkon.

měřítko & poměr

v tradičních tiskových médiích se velikost stránky zřídka mění. To usnadňuje pro grafické designéry poskytnout materiál, který je ideální velikost, pokaždé. Ale, v digitálním světě, všichni vlastníme obrazovky různých velikostí.

v důsledku toho musí weboví designéři zvážit návrhy, které lze zpracovat na velkých počítačových monitorech, tabletech nebo malých chytrých telefonech. Existuje mnoho způsobů, jak to udělat – dnes jsme raději dynamicky načíst obsah na základě zařízení, spíše než mít sekundární mobile-varianta našich webových stránkách – ale to je faktor, který ovlivňuje každý výběr.

weboví návrháři musí vytvářet struktury, které se dynamicky přizpůsobují měřítku. To zase znamená, že musí plánovat s aktivy, která se také přizpůsobí. Obrázek, který se objeví na ploše, může být nutné zmenšit – ale může být také nutné upravit tak, aby odpovídal textu.

to také ovlivňuje typografii a další oblasti, vytváří přesah mezi grafickým a webdesignem. Grafický design tým může vybrat nejkrásnější písma, například, ale webový tým musí otestovat, zda jsou schopni číst jasně na menší obrazovce.

vizuální teorie

dříve jsme zmínili jak teorii barev, tak vizuální hierarchie. Je to tato širší vizuální teorie, která je nezbytná pro webové stránky. Když uživatel přistane na webové stránce, je to vizuální prezentace na frontendu, která řídí, kam jdou. Čím rychleji mohou pochopit, kam se pohybovat, kam kliknout a jak najít to, co potřebují, tím úspěšnější je web při řešení jejich počátečních problémů.

Pro to, grafici pochopit, které barvy použít, jak na layout stránky, jak dát prostor a vizuální váhu na nejdůležitější aspekty a to, jak všechny tyto možnosti ovlivnit konečnou zkušeností.

Průběžná podpora

když je vizuální aktivum hotové , je to-je hotovo. Webové stránky se však neustále přizpůsobují a vyvíjejí. Nové stránky nebo sekce jsou přidány, nebo web design tým musí vybrat nové technologie, aby byl ještě výkonnější. Tyto volby pak znamenají plánování nového úseku nebo dokonce přepracování stávající struktury.

jak se internet vyvíjel, webové stránky se staly přizpůsobivějšími a výkonnějšími. Chcete-li držet krok, weboví designéři museli držet krok s tímto tempem. Vzestup chytrých telefonů například znamenal, že mobilní weby se staly stále důležitějšími, zatímco i stolní počítače mají nové prohlížeče a další technologie, které je třeba zohlednit.

přesto se většina z toho zřídka týká grafického designu, protože je čistě zaměřena na frontend. Když volby technologie dopad vizuální, pak grafický design je často zapojen, ale do té doby, je to web design tým, který udržuje a zlepšuje stávající webové stránky.

analytika

již jsme zjistili, že webdesign je průběžný proces-tak kdo si myslíte, že analyzuje aktuální výkon a data webových stránek? Weboví návrháři používají tyto informace k měření úspěchu svých webových stránek a plánování dalších vylepšení.

například, typické webové stránky by se mohly zaměřit na stránky, které mají být viděn (a které ne), kolik lidí rychle opustit webové stránky (bounce rate) a jak rychle se webová stránka jako celek je provedením pro uživatele. Může se také zaměřit na SEO, například, která klíčová slova přitahují lidi, které stránky jsou vysoce hodnoceny a jaké jsou nejčastější zdroje provozu. Mnoho z nich pak může vést k novým rozhodnutím o webdesignu.

u konkrétnějších webových stránek to však nekončí. E-commerce obchody, stejně jako další portály, musí často ještě více zvážit aktivitu uživatelů. Mohou uživatelé najít všechny položky, které potřebují? Probíhá proces platby hladce? Nakupují lidé více – či méně-často? To vše může naznačovat, kdy se něco pokazí a je třeba je zlepšit.

Roli s Vývojáři

Zatímco je jasné, že návrháři webu nejsou webové vývojáře (i když dva často koncentrovaný pod ‘web dev’ průmysl), je jasné, že pořád mají silné technické znalosti. Díky tomu jsou ideální volbou pro práci bok po boku s vývojáři na daném projektu.

designéři musí dělat technologická rozhodnutí, která se překrývají s vývojáři, takže dává smysl, že role designu úzce spolupracuje s nimi. Zatímco role web design zvažuje velikost souborů a problémy s výkonem, je to nakonec vývojáři, kteří mají převést vše do funkčního kódu. To platí také, pokud jde o následná vylepšení nebo úpravy. V důsledku toho je nezbytná komunikace mezi těmito dvěma týmy.

grafický design se naproti tomu zřídka překrývá, pokud vůbec. Když web potřebuje vizuální aktiva, je to tým webdesignu, který je obvykle předává vývojářům jako součást celého projektu.

TL;DR – Grafický Design vs Web Design

Pokud pracujete na webové stránky, web design a grafický design. První z nich je aktivní v celém projektu, od počátečních rozhodnutí až po pomoc vývojářům implementovat vše správně. Vedle toho grafický design přináší znalosti chování uživatelů a vizuální teorie k vytvoření aktiv, aby bylo zajištěno, že frontend je co nejvíce uživatelsky přívětivý a inspirativní.

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna.