Graafinen suunnittelu vs Web Design

Graafinen suunnittelu ja web design ovat kaksi aluetta, jotka usein sekoitetaan keskenään. Loppujen lopuksi molemmat keskittyvät “suunnitteluun” ja molemmat työskentelevät usein samoissa projekteissa.

kuitenkin, se ei tarkoita, että ne ovat samat, ja tietäen erot on välttämätöntä tietää, kenen puoleen kääntyä missään vaiheessa projektin. Tätä varten, tässä on yksityiskohtainen erittely kunkin roolin ja niiden keskeiset erot.

tietenkin, vaikka yksilötaidot voivat vaihdella henkilön tai tiimin mukaan, on olemassa muutamia graafisen suunnittelun ja web-suunnittelun keskeisiä niittejä, jotka harvoin muuttuvat-nämä määrittelevät roolit ja sen, mihin haluamme tässä keskittyä!

mitä on graafinen suunnittelu?

Graafinen suunnittelu tarkoittaa visuaalisten, kommunikatiivisten voimavarojen luomista tuotteiden käyttäjälle suunnatulle puolelle. Tämä voi sisältää kuvia ja kuvakkeita (mitä useimmat ihmiset luultavasti ajatella “grafiikka”), sekä typografia, Valokuvaus, ja jopa malleja. Graafinen suunnittelija tai tiimi käyttää kaikkia näitä medioita luodakseen tarvittavat varat tai koostumukset projektiin.

suurin mahdollinen ero on se, että graafisella suunnittelijalla ei ole teknistä osaamista. Sen sijaan he täydentävät visuaalisia taitojaan käyttäjien käyttäytymisen ymmärtämyksellä ja kyvyllä tutkia ongelmia. Tämän vuoksi Graafiset suunnittelijat voivat auttaa myös esimerkiksi sivujen asettelussa-he ymmärtävät, miten käyttäjät käyttäytyvät ja suunnittelevat frontendin sen mukaisesti.

tämän lisäksi graafinen suunnittelu vaatii paljon muutakin kuin kykyä piirtää tai havainnollistaa. Se vaatii tietoa väriteoriasta (miten värit ovat vuorovaikutuksessa keskenään), psykologiasta (miten visuaalisuus vaikuttaa käyttäjän käyttäytymiseen) ja kehittyneemmistä aiheista, kuten visuaalisista hierarkioista (miten visualisoidaan tärkeämpiä vaihtoehtoja toissijaisten sijaan). Vaikka graafinen suunnittelu on alue, jolla ei ole digitaalisissa projekteissa tarvittavaa teknistä tietämystä, heidän ymmärryksensä visuaalisista näkökohdista, käyttäjistä ja näiden kahden välisestä suhteesta ovat aivan yhtä tärkeitä.

esimerkkejä graafisesta suunnittelusta

graafista suunnittelua tapahtuu kaikkialla ympärillämme-se on lehdissä, mainostauluissa, lentolehtisissä ja muissa painetuissa materiaaleissa, joita voit ajatella. Tästä huolimatta, tässä on muutamia esimerkkejä graafisen suunnittelun osalta digitaalisia medioita-mukaan lukien miten se päällekkäisyyksiä ja toimii verkkosivustoja.

  • LinkedIn. Vaikka emme pitäisikään mitään sosiaalisen median verkkoa “graafisen painavana”, ne kaikki kuitenkin käyttävät graafista suunnittelua olennaisina visuaalisina pikakuvakkeina. LinkedInin avulla yläpalkki pelkistetään pieneksi määräksi helposti tulkittavia kuvakkeita, mikä takaa helpon navigoinnin näytöillä. Lisäksi tämä auttaa kääntää hyvin mobiili ja tabletit niin, että vaikka visuaalinen ulkoasu voidaan muuttaa, kuvakkeet varmistaa johdonmukaisuus ja tuttuus.

  • McDonald ‘ s. kyseessä on brändi, jonka logo tunnetaan kaikkialla maailmassa, joten ei ole yllätys, että sivusto ja painetut materiaalit hyödyntävät graafisen suunnittelun komponentteja mahdollisimman paljon. Kaikki näyttää teksti-valo ja välittää tuotemerkin kautta logo, väri, ja valokuvaus. Itse asiassa tämä pätee lähes kaikkiin parhaisiin ruokaan liittyviin palveluihin, kuten ravintoloihin ja jakelusovelluksiin: Näytä don ‘ t tell is the way to go.

  • IKEA. Kaikki verkkokauppa tai vähittäiskauppa vaatii vahvaa visuaalisuutta, mutta IKEA on sementoinut itsensä brändäyksellä ja tyylillä. Yritys hyödyntää grafiikkaa mahdollisimman paljon, sen vilkkaista sinisistä ja keltaisista väreistä näyttääkseen tuotteitaan kotiympäristössä. Nämä ovat graafisen suunnittelun valintoja, jotka ovat määrittäneet yhtiötä lähes yhtä paljon kuin nimeämiskäytäntönsä.

mitä on Web Design?

Web design tarkoittaa taitoja ja menetelmiä käytetään sekä tuottaa ja ylläpitää verkkosivuilla. Tämä sisältää sekä teknisiä taitoja, kuten koodausta ja hakukoneoptimointia (johon teknologiset valinnat vaikuttavat voimakkaasti), että suunnitteluun liittyviä taitoja, kuten rajapintoja ja käyttäjäkokemusta.

olipa kyseessä yksittäinen web-suunnittelija tai tiimi, joka käsittää tarvittavat taidot, web design on prosessi, joka on aktiivinen aivan alussa. Itse asiassa, voimme sanoa, että se on lähinnä tuotesuunnittelua sivustoja. Siihen kuuluu verkkosivuston tavoitteen ymmärtäminen, käyttäjien vuorovaikutus sen kanssa, vastaavien teknologiavalintojen tekeminen ja polun suunnittelu eteenpäin.

kuitenkin, teimme juuri mainita, että web design voi sisältää joitakin graafisia elementtejä. Tämän vuoksi, se ei ole harvinaista nähdä joitakin graafisia skillsets sisällä web design joukkueet – joka on luultavasti, jos jotkut alkuperäisen sekaannuksen piilee – mutta se on web-suunnittelijat, jotka luovat kaikki backend infrastructures samoin.

on myös syytä huomata, että verkkosivujen suunnittelua pidetään usein omana taitonaan. Vaikka muiden ohjelmistojen kanssa on monia yhteisiä visuaalisia elementtejä, kuten painikkeet ja navigointi, verkkosivustoilla on usein omat teknologiavalintansa. Tästä huolimatta progressiivisten web-sovellusten nousun myötä verkkosivustojen ja sovellusten väliset rajat ovat hämärtyneet.

emme enää käsittele verkkosivustoja täysin erillisinä kokonaisuuksina sovelluksista ja muista ohjelmistoista liiketoiminta-alueella. Samoin, näemme myös web design taitoja tarvitaan laajemmilla alueilla.

esimerkkejä Web Design

jokainen hyvä sivusto hyödyntää web design sen suunnittelussa, joten on olemassa laaja valikoima fantastinen esimerkkejä siellä. Tässä on vain muutamia haluaisimme huomauttaa:

  • Dropbox. Vaikka tämä sivusto saattaa vaikuttaa hyvin minimalistiselta, se on täysin asian ydin. Dropboxin verkkosivusto on suunniteltu tukemaan sen yrityspalvelua (tiedostojen siirtäminen), joten navigointi on puhdasta ja yksinkertaista. Samoin monet suunnitteluvalinnat menivät itse tiedostonjakoprosessin luomiseen siten, että se toimii nykyaikaisten selainten ja laitteiden kanssa. Näin Dropbox varmistaa intuitiivisen ja sujuvan prosessin.

  • löysää. Tuotteena, joka on olemassa sekä selaimessa että ladattavana, itsenäisenä vaihtoehtona, Slack on loistava esimerkki siitä, missä verkkosivustot ja omistautuneemmat ohjelmistot alkavat hämärtyä. Alusta hyödyntää selkeää navigointia, huolimatta kasvavista ominaisuuksista ja käytettävyydestä, minkä vuoksi se on edelleen käyttäjien suosikki kilpailullisella markkinarakollaan.

  • Wikipedia. Tämä on esimerkki sivustosta, joka on pohjimmiltaan mahdollisimman kaukana graafisen suunnittelun vaikutteista. Se sanoi, Se on paljon valintoja, jotka tehdään syystä. Wikipedian on näytettävä selkeästi ja helposti suuria tietomääriä yhdellä näytöllä ja samalla luotava verkkoarkkitehtuuri tukemaan laajempia muokkaus-ja admin-tehtäviään. Se voi kuulostaa helpolta, mutta jos katsot Wikipedian alkuperäisiä malleja, näet paljon työtä on mennyt tekemään siitä mahdollisimman intuitiivinen ja käyttökelpoinen.

graafinen ja Web Design erot

dynaaminen vs Staattinen

Graafinen suunnittelu on ollut olemassa paljon kauemmin kuin web design, mutta suuri osa sen mukana on fyysinen media, kuten lehdet ja painettu media. Toisaalta, web design on puhtaasti keskittynyt digitaalisia medioita, ja tässä piilee keskeinen ero.

aikakauslehdessä tai kirjassa sisältö on järjestetty tiettyyn järjestykseen, ja suunnittelussa tämä on usein itsestäänselvyys. Järjestys on jokseenkin staattinen. Nettisivuilla eri käyttäjillä on kuitenkin omat polkunsa, eivätkä suunnittelijat voi luottaa vakiintuneeseen kaavaan.

tämä tarkoittaa, että web design on tarjota työkaluja käyttäjille navigoida helposti, sekä varmistaa, että jokainen sivu näkymä toimii itsenäisenä näyttönä sen omiin tarkoituksiin.

mitä enemmän, aikakaudella personointi ja dynaaminen lastaus sisältöä, web-suunnittelijat joutuvat olemaan enemmän ja enemmän luovia. Hyvä esimerkki tästä on sähköinen kaupankäynti. Digitaalisessa kaupassa kauppa voi priorisoida kohteita mieltymystesi mukaan, antaa suosituksia historiatietojen ja trendien perusteella ja muita mukautuksia. Mitään tällaista ei tapahdu katalogissa-teknologiaa ei ole olemassa. Se on aivan uusi alue, että web suunnittelijat joutuvat yhä enemmän huomioon työssään.

luovuus

kuten minkä tahansa tuotteen, verkkosivuston on oltava sekä käyttökelpoinen että erottuva kilpailijoista. Pelkällä mustavalkoisella tekstillä ei pitkälle pötkitä. Nykypäivän käyttäjät odottavat vahvaa visuaalista vaivaa-tätä varten tarvitset ihmisiä, jotka ovat luovia.

Graafinen suunnittelu on se, missä tämä astuu kuvaan. Suunnittelijat käyttävät osaamistaan kohdekäyttäjiin luodakseen toimivia visuaaleja. Tässä on myös osa suuremmista brändäysnäkökohdista. Sivuston on vastattava mitä tahansa muuta liiketoimintaa, kuten fyysisiä kauppoja tai painettuja materiaaleja. Brändiuskollisten seuraajien pitäisi pystyä samaistumaan sivustoon helposti.

tiedostokoko & suorituskyky

verkkosivustolla suurempi tiedostokoko aiheuttaa hitaampia latausaikoja ja muita suorituskykyyn liittyviä ongelmia, jotka ovat huonoja sekä hakukoneoptimoinnin että loppukäyttäjäkokemuksen kannalta. On tunnettua, että ihmiset eivät kestä hitaita sivustoja ja klikkaa pois, jos vastaus ei ole tarpeeksi nopea.

lisäksi, vaikka ihmiset nauttivat myös kauniista verkkosivustoista, jotka ovat täynnä grafiikkaa ja animaatioita, nämä ovat joitakin suurimpia syyllisiä suurten tiedostokokojen ja hitaan suorituskyvyn takana.

Verkkosuunnittelijat tarkastelevat suorituskykyä kokonaisuutena. Sen lisäksi, että he työskentelevät graafisten suunnittelijoiden kanssa varmistaakseen, että kuvat ovat mahdollisimman kevyitä, he tarkastelevat myös sitä, miten sisältö ladataan sisään, mitkä muut toimet toimivat kulissien takana, ja muita alueita, jotka voivat vaikuttaa suorituskykyyn.

asteikko & suhde

perinteisessä printtimediassa sivun koko muuttuu harvoin. Näin graafisten suunnittelijoiden on helppo tarjota täydellisen kokoisia materiaaleja joka kerta. Digitaalisessa maailmassa me kaikki omistamme erikokoisia näyttöjä.

tämän seurauksena web-suunnittelijat joutuvat harkitsemaan malleja, joita voidaan käsitellä suurilla tietokonenäytöillä, tableteilla tai pienillä älypuhelimilla. On olemassa monia tapoja tehdä tämä-tänään, me mieluummin dynaamisesti ladata sisältöä perustuu laitteeseen eikä ottaa toissijainen mobiili – variantti sivustomme-mutta se on tekijä, joka vaikuttaa jokaiseen valintaan.

Web-suunnittelijoiden on luotava rakenteita, jotka mukautuvat dynaamisesti mittakaavaan. Tämä puolestaan tarkoittaa sitä, että he joutuvat suunnittelemaan sellaisilla varoilla,jotka myös sopeutuvat. Työpöydälle ilmestyvää kuvaa on ehkä pienennettävä – mutta sitä on ehkä myös säädettävä tekstiin sopivaksi.

tämä vaikuttaa myös typografiaan ja muihin alueisiin, luoden päällekkäisyyttä graafisen ja web-suunnittelun huolenaiheiden välillä. Graafinen suunnittelutiimi saattaa valita esimerkiksi kauneimmat fontit, mutta nettitiimi joutuu testaamaan, pystyykö niitä lukemaan selvästi pienemmältä näytöltä.

Näköteoria

aiemmin puhuttiin sekä väriteoriasta että visuaalisista hierarkioista. Se on tämä laajempi visuaalinen teoria, joka on olennainen verkkosivuilla. Kun käyttäjä laskeutuu verkkosivulle, se on visuaalinen esitys frontend, joka ohjaa minne he menevät. Mitä nopeammin he voivat ymmärtää, missä liikkua, mistä napsauttaa, ja miten löytää mitä he tarvitsevat, sitä menestyksekkäämpi sivusto on käsitellä heidän alkuperäisiä ongelmia.

tätä varten Graafiset suunnittelijat ymmärtävät, mitä värejä käyttää, miten sivujen asettelu, miten antaa tilaa ja visuaalista “painoa” tärkeimmille näkökohdille ja miten kaikki nämä valinnat vaikuttavat lopulliseen kokemukseen.

jatkuva tuki

kun visuaalinen voimavara on tehty, se on ohi. Sivusto kuitenkin mukautuu ja kehittyy jatkuvasti. Uusia sivuja tai osioita lisätään, tai web – suunnittelutiimin on valittava uusia teknologioita, jotta se olisi entistä suorituskykyisempi. Nämä valinnat puolestaan tarkoittavat uuden osan suunnittelua tai jopa olemassa olevan rakenteen uudistamista.

Internetin kehittyessä verkkosivustoista on tullut mukautuvampia ja suorituskykyisempiä. Pysyäkseen mukana, web-suunnittelijat ovat joutuneet pitämään tätä tahtia. Esimerkiksi älypuhelinten yleistyminen merkitsi sitä, että mobiilisivustoista tuli yhä tärkeämpiä, kun pöytäkoneissakin on uusia selaimia ja muuta tekniikkaa, jotka on otettava huomioon.

suurin osa tästä kuitenkin harvoin koskee graafista suunnittelua, koska se keskittyy puhtaasti keulakuvaan. Kun teknologiavalinnat vaikuttavat visuaalisiin kuviin, graafinen suunnittelu on usein mukana, mutta siihen asti web-suunnittelutiimi ylläpitää ja parantaa olemassa olevia verkkosivustoja.

analytiikka

olemme jo todenneet, että web design on jatkuva prosessi – joten kuka luulet, että se on, joka analysoi nykyisen sivuston suorituskykyä ja dataa? Web-suunnittelijat käyttävät näitä tietoja mitata niiden sivuston menestys ja suunnitella seuraavia parannuksia.

tyypillinen sivusto saattaa esimerkiksi keskittyä siihen, mitkä sivut ovat katsottavissa (ja mitkä eivät), kuinka moni poistuu sivustolta nopeasti (pomppunopeus) ja kuinka nopeasti sivusto kokonaisuudessaan toimii käyttäjille. Se voi myös keskittyä SEO, liian, kuten mitkä avainsanat ovat piirustus ihmisiä, mitkä sivut ovat ranking Erittäin ja mitkä yleisimmät Liikenteen lähteet ovat. Monet näistä voivat sitten johtaa uusiin web design päätöksiä.

kuitenkin, tarkempia sivustoja, se ei lopu tähän. Verkkokaupat, kuten muutkin portaalit, joutuvat usein pohtimaan käyttäjien aktiivisuutta entistä enemmän. Voivatko käyttäjät löytää kaikki tarvitsemansa tuotteet? Sujuuko maksuprosessi? Ostavatko ihmiset enemmän – vai harvemmin? Kaikki nämä voivat osoittaa, milloin jokin menee vikaan ja sitä on parannettava.

rooli kehittäjillä

vaikka on selvää, että web-suunnittelijat eivät ole web-kehittäjiä (vaikka nämä kaksi usein niputetaan “web dev” – teollisuuden alle), on selvää, että heillä on edelleen vahva tekninen tietämys. Tämä tekee niistä täydellisen valinnan työskennellä rinnakkain kehittäjien tahansa projektin.

suunnittelijoiden on tehtävä teknologisia valintoja, jotka ovat päällekkäisiä kehittäjien kanssa, joten on täysin järkevää, että suunnittelurooli on läheisessä vuorovaikutuksessa jälkimmäisen kanssa. Vaikka web design rooli harkitsee tiedostojen kokoa ja suorituskykyä kysymyksiä, se on viime kädessä kehittäjät, jotka on muuntaa kaiken toiminnallista koodia. Tämä pätee myös myöhempiin parannuksiin tai mukautuksiin. Tämän vuoksi kommunikointi näiden kahden joukkueen välillä on välttämätöntä.

Graafinen suunnittelu sen sijaan menee harvoin päällekkäin, jos ollenkaan. Kun sivusto tarvitsee visuaalisia voimavaroja, se on web – suunnittelutiimi, joka tyypillisesti luovuttaa nämä kehittäjille osana täydellistä projektia.

TL; DR-Graafinen suunnittelu vs Verkkosivujen suunnittelu

jos olet työskennellyt verkkosivuilla, tarvitset sekä web design ja graafinen suunnittelu. Ensin mainittu on aktiivinen koko projektin ajan, alkuvalinnoista aina kehittäjien auttamiseen toteuttamaan kaikki oikein. Tämän lisäksi graafinen suunnittelu tuo tietoa käyttäjien käyttäytymisestä ja visuaalisesta teoriasta luodakseen voimavaroja, jotta frontend on mahdollisimman käyttäjäystävällinen ja inspiroiva.

Vastaa

Sähköpostiosoitettasi ei julkaista.