Vær inspirert, men ikke kopi

Uansett hvor du ser på det, har designet ditt hatt noen innflytelse fra en annen designers smak eller stil. Du kan ikke merke det, men du har plukket opp ting enten ved direkte instruksjon, eller bare surfer på nettet, som du har med på å inkludere i dine design. I dag skal Connor revidere et gammelt tema fra den gamle ThemeForest-bloggen om temaet kopiering og webdesign.

Dette emnet kan være vanskelig å negle ned fordi det å forstå hva du er "inspirert av" i forhold til hva du kopierer direkte, kan være en vag oppfatning. For eksempel kan en produktside ha den sjenerøse hvite plassen du ubevisst trakk fra Apple? eller din typografi kan holde fast i en lettere ordre takket være din kjærlighet til et annet nettsted. Selvfølgelig trenger det ikke å være en stor teknologi selskap som du trekker inspirasjon fra. Faktisk trenger det ikke engang å være et nettsted. Så hvordan bestemmer du hva som er en gyldig form for inspirasjon og hva som kopieres?

Vi starter med en definisjon (hei, dette handler om meningen med de to ordene, ikke sant?). Inspirasjon er definert som prosessen med å være mentalt stimulert til å gjøre eller føle noe, spesielt kreativt. På den andre siden, kopiering er definert som en etterligning eller reproduksjon av en original. Du kan forhåpentligvis gjenkjenne forskjellene mellom de to, bare fra deres definisjoner. En handler om å skaffe motivasjon, mens den andre er tankeløst dupliserende.


Hva er forskjellen?

Vi har etablert ordboksdefinisjonene, men hva er noen praktiske forskjeller? La oss ta et eksempel.

Mange webdesignere beundrer Apples design, enten det er navigasjonsmenyen, det er romslig rutenett eller noe helt annet. For formålet med denne forklaringen, si deg elsket Apples navigasjonsmeny og ønsket noe som det i din egen design. Å løfte bildene sine er selvsagt lovlig forbudt, men det er ingenting som hindrer deg fysisk fra å lage en lignende grå-ish-bar med svinger over inverterte farger og subtile dybdeskygger. Men det tar ikke inspirasjon, det er kopiering.

Nå, forestill deg at jeg beundret den samme navigasjonsmenyen og brukte den som et hoppepunkt. Inspirasjon ville være å bli stimulert av Apples suksess i denne forbindelse, og skape noe som har få visuelle bånd, men overholder liknende prinsipper og mål. Kanskje ville jeg ta ideen om å invertere farge på mus-svinger og bruke det på en helt annen ide som er lik, men ikke en dumpelganger av originalen.


Dette er ikke nødvendigvis en designpåvirkning, men snarere en informasjonsreferanse du bør følge med. Selvfølgelig, følg dine lokale design lover.

Hvordan bli inspirert

Det er flere måter du kan oppnå at mental stimulering er inspirert av. Vi skal ta dette som en trinnvis prosess, så hopp over denne første hvis du allerede har en bestemt design (eller design) i tankene.

Du kan trekke inspirasjon fra en rekke steder. Du kan lese historien din og ta en titt på noen av nettstedene du besøker, mange av dem har sannsynligvis noen gunstige designteknikker som brukes. Alternativt, hvorfor ikke bla gjennom en markedsplass som ThemeForest, eller et showcase som Creattica. Disse kan være gode ressurser for å bla gjennom hvilke andre designere som har kommet opp, og representerer vanligvis trender i den nåværende tiden, noe som betyr hvilken inspirasjon du tegner, er relevant. Hvis du designer en spesialitet, må du huske å sjekke opp rundup lister som våre egne her hos Tuts + (og tilfeldigvis skrev Travis King nylig en roundup av inspirerende Creattica-design for å sjekke ut!)

Selvfølgelig er nettet ikke det eneste stedet du kan se etter inspirasjon til webdesign. Til slutt fant webdesignindustrien seg fra trykkeribransjen, og flere prinsipper ble overført (for eksempel, før de siste årene var det å legge ting over "fold" var populært. I printdesign var det over "fold" å sett så mye ting på den øvre halvdelen av en side, hvor leseren ville se den før utfolding av kopien). Ta en titt på et magasin, og du kan bare finne et godt eksempel på god typografi. Hei, selv min tyggegummi boks kan beskrives som et eksempel på et godt skreddersydd fargeskjema!

Når du har funnet et design som du virkelig beundrer, ikke stoppe der. Fortsett å lete etter lignende design som hver har sine egne originale elementer, selv om de varierer i andre områder som farge, layout eller typografi. Få litt inspirasjon fra områdene du spesielt liker i et design, og la ut områdene du ikke gjør. Ditt favorittdesign kan faktisk ha en heslig navigasjonslinje, og presenterer en mulighet til å finne et lignende design som du kan utvinne navigasjonsinspirasjon fra.

Selvfølgelig er det ikke den eneste måten å bli inspirert av generelle webdesign. Man kan ta et nettsted som Adobes Kuler og få inspirasjon eller motivasjon utelukkende på fargesiden av ting, i stedet for nødvendigvis å se på hele webdesign og deres bruk av det.


Analyser design

Jo, du kan gå til et design og bare løfte bildene av siden. Men det er lovlig forbudt og går mest i motsetning til opphavsretten begrensninger av ditt land. Det du vil gå er å gå videre og analysere designet for å identifisere de inspirerende områdene og utarbeide en måte å utnytte dem på i design.

Det er tid for røntgen design. Til slutt må du se på alle de spesifikke elementene og legge merke til de punktene som står til rette for deg. Gå tilbake og hvis noe stikker ut som et godt eksempel - som for eksempel den spesifikke bruken av typografi i overskriften eller noe lignende. Du kan målrette mot bestemte områder og gjenkjenne hva som gjør det bra, eller alternativt ta bare innledende visninger av hva som stikker mest ut.

For eksempel kan vi se på et av AppStorm-områdene og legge merke til to ting om dem. For det første kan vi gjenkjenne den teksturerte bakgrunnen AppStorm bruker, noe jeg spesielt er glad i. Vi sier ikke nødvendigvis at du bør bruke en svart, støyende bakgrunn med lys øverst; I stedet ser vi på konseptet om å bruke en strukturert, mørk bakgrunn og forhåpentligvis å bruke en lignende stil til våre design. På samme måte kan vi sette pris på den ganske sjenerøse bruken av polstring i dette designet og forsøke å designe rundt et lignende prinsipp.

I utgangspunktet må du se på hva som gjør at designarbeidet, fra både bruker og klientperspektiv. Det kan være sammenstillingen av en kampanje på et bedriftsnettsted som er spesielt innflytelsesrik til et bestemt utfall, eller det kan bare fordi du tror "wow, den teksten ser bra ut!".


Vær inspirert, men ikke kopi

Bli inspirert. Ta en titt på hva som fungerer i et webdesign, og gjør notater om hvilke prinsipper og teknikker som brukes for å oppnå et bestemt formål. Men bare aldri, under noen omstendigheter, noensinne løft faktisk elementer fra en side og bruk dem i ditt design. Det er moralske og juridiske grunner til at du aldri bør gjøre dette: det reflekterer dårlig på designferdighetene dine og kan få deg (og potensielt klienten din) til alvorlige problemer.

Selv om du selv lager elementene selv, kan du skape noe som er identisk med et objekt som er blitt populært på et annet nettsted, og kan reflektere dårlig på dine designferdigheter og akumen. Tilbringe tid og presentere til kunden et design som er identisk på nesten alle måter til Amazons design, vil bare få deg til å se uoriginal og potensielt uerfaren.


Konklusjon

Du må bli påvirket, men ikke påvirket til å kopiere. Jo, det kan være kick-ass-slitsen, men det er ikke ditt å ta. Og det ville bare være uprofesjonelt og moralsk galt å kopiere det direkte. Nøkkelen til vellykket inspirasjon er å se på hva som gjør designet lykkes og oppfylle det formål og hvorfor det gjør en slik tenkning. Når du forstår hvordan det fungerer, kan du bruke lignende prinsipper til dine egne elementer.

Inspirasjon: prosessen med å være mentalt stimulert til å gjøre eller føle noe.

Linjen mellom å være inspirert og blatant kopiering kan være ganske fin. For eksempel kan et fargevalg som brukes på et generisk element, fungere på et nettsted, men bruker samme skjema på samme element på designkopiering? Jeg håper du får det jeg mener.

Hvor trekker du inspirasjon fra? Del dine tanker i kommentarene!