Indiferent de modul în care te uiți la el, design-ul tău a influențat de gustul sau stilul unui alt designer. S-ar putea să nu observați, dar ați luat lucrurile fie prin instrucțiuni directe, fie doar prin navigarea pe web, pe care trebuie să le includeți în desenele dumneavoastră. Astăzi, Connor va revizui un subiect vechi de pe vechiul blog ThemeForest pe tema copierii și designului web.
Acest subiect poate fi dificil de a cui în jos pentru că înțelegerea a ceea ce sunteți "inspirat de" față de ceea ce copiați în întregime poate fi o noțiune vagă. De exemplu, o pagină de produs ar putea avea spațiul alb generos pe care l-ați atras subconștient de la Apple? sau tipografia dvs. ar putea să rămână la o schemă mai ușoară datorită iubirii dvs. de alt site. Bineînțeles, nu trebuie să fie o corporație de tehnologie majoră pe care vă inspirați. De fapt, nu trebuie nici măcar să fie un site web. Deci, cum decideți ce este o formă validă de inspirație și ce este copierea?
Vom începe cu o definiție (hei, acesta este totul despre sensul celor două cuvinte, nu?). Inspirație este definit ca procesul de a fi stimulat mental să faceți sau să simțiți ceva, mai ales creativ. Pe de altă parte, copiere este definit ca o imitație sau reproducere a unui original. Sperăm, imediat, să recunoaștem diferențele dintre cele două pur și simplu de la definițiile lor. Unul este vorba despre câștigarea motivației, în timp ce celălalt este duplicat fără minte.
Am stabilit definițiile dicționarului, dar care sunt unele diferențe practice? Să luăm un exemplu.
Mulți designeri web admir design-ul Apple, indiferent dacă este meniul de navigare, este o rețea spațioasă sau ceva complet diferit. În scopul acestei explicații, spuneți-vă iubit Meniul de navigare al Apple și a vrut ceva de genul acesta în propria dvs. design. Ridicarea imaginilor lor este, desigur, interzisă din punct de vedere juridic, dar nu există nimic care să te împiedice fizic să creezi o bară gri similară cu culori inversate și umbre profunde. Dar asta nu se inspiră, asta e copierea.
Acum, imaginați-vă că am admirat același meniu de navigare și l-am folosit ca punct de plecare. Inspirația ar fi stimulată de succesul Apple în acest sens și ar crea ceva care are puține legături vizuale, dar aderă la principii și obiective similare. Poate că mi-ar lua ideea de a inversa culoarea pe mouse-hover și aplicați-o la o idee complet diferită, care este similară, dar nu un doppelganger al originalului.
Există o serie de moduri în care puteți obține această stimulare mentală pentru a fi inspirată. Vom lua acest lucru ca un proces pas cu pas, astfel să omiteți această primă, dacă aveți deja un anumit design (sau modele) în minte.
Puteți inspira din mai multe locuri. Puteți să examinați istoria dvs. și să aruncați o privire înapoi la unele dintre site-urile pe care le vizitați, multe dintre ele având probabil unele tehnici favorabile de design utilizate. Alternativ, de ce nu răsfoiți o piață ca ThemeForest sau o vitrină ca Creattica. Acestea pot fi resurse excelente pentru a răsfoi ceea ce au apărut ceilalți designeri și, în general, reprezintă tendințele momentului actual, ceea ce înseamnă că orice inspirație pe care o desenați este relevantă. Dacă proiectați un site specializat, asigurați-vă că ați verificat listele de rugăminți precum cele de la Tuts + (și, în mod coincidență, Travis King a scris recent o scurtă prezentare a modelelor Creattica care vă inspiră)
Desigur, web-ul nu este singurul loc unde puteți căuta inspirație pentru desenele web. În cele din urmă, industria de design web a provenit din industria tipografică și au fost purtate mai multe principii (de exemplu, înainte de ultimii ani, punerea lucrurilor deasupra "fold-ului" era populară. puneți tot atâtea lucruri în jumătatea superioară a unei pagini, în cazul în care cititorul l-ar vedea înainte de a-și dezvălui copia). Aruncați o privire la o revistă și puteți găsi un exemplu foarte bun de tipografie bună. Hei, chiar și cutia mea de mestecat poate fi descrisă ca un exemplu de schemă de culori bine adaptată!
Odată ce ați găsit un design pe care îl admirați cu adevărat, nu vă opriți acolo. Continuați să căutați modele similare, fiecare având propriile elemente originale, chiar dacă acestea diferă în alte domenii cum ar fi culoarea, aspectul sau tipografia. Obțineți o inspirație din zonele cu care vă place în mod deosebit într-un design și lăsați zonele pe care nu le aveți. Design-ul favorit ar putea, de fapt, să aibă o bară de navigare hidoasă, prezentând o oportunitate de a găsi un design similar pe care îl puteți extrage din inspirația de navigație de la.
Desigur, obținerea de inspirație din design-urile web generale nu este singura cale. Se poate lua un site ca Adobe lui Kuler și câștiga inspirație sau motivație doar pe partea de culoare a lucrurilor, mai degrabă decât neapărat uita la modele de web întregi și utilizarea lor de ea.
Sigur, puteți merge la un design și doar ridicați imaginile de pe pagină. Dar acest lucru este interzis din punct de vedere juridic și este cel mai probabil împotriva restricțiilor privind drepturile de autor din țara dvs. Ceea ce vrei sa faci este sa mergi mai departe si sa analizezi designul pentru a identifica zonele inspirate si sa lucrezi la o modalitate de a le folosi in design.
Este timpul să x-ray de proiectare. În cele din urmă, trebuie să vă uitați la toate elementele specifice și să luați în considerare punctele care ies în evidență. Treceți înapoi și dacă ceva se stinge ca un exemplu extraordinar - cum ar fi, de exemplu, utilizarea specifică a tipografiei în antet sau ceva similar. Puteți direcționa anumite zone și recunoașteți ceea ce o face bine sau, alternativ, luați doar impresii inițiale despre ceea ce se petrece cel mai mult.
De exemplu, putem să aruncăm o privire asupra unuia dintre site-urile AppStorm și să observăm imediat două lucruri despre ele. În primul rând, putem recunoaște fundalul texturat pe care îl folosește AppStorm, ceea ce îmi place în mod deosebit. Nu spunem neapărat că ar trebui să folosiți un fundal negru, zgomotos, cu lumină în partea de sus; în schimb, ne uităm la conceptul de a folosi un fundal texturat, întunecat și, sperăm, aplicând un stil similar designului nostru. În mod similar, putem aprecia utilizarea destul de generoasă a materialelor de umplutură în acest design și încercarea de a proiecta în jurul unui principiu similar.
Practic, trebuie să te uiți la ceea ce face ca acest design să funcționeze, atât din perspectiva utilizatorului, cât și a clientului. Ar putea fi juxtapunerea unei promoții pe un site web corporativ, care are o influență deosebită asupra unui anumit rezultat sau ar putea fi doar pentru că credeți că "wow, textul pare frumos!".
Fi inspirat. Aruncați o privire asupra a ceea ce funcționează într-un design web și faceți note despre ce principii și tehnici sunt utilizate pentru a atinge un anumit scop. Cu toate acestea, doar niciodată, în niciun caz, niciodată ridicați de fapt elemente dintr-o pagină și le folosiți în designul dvs. Există motive morale și legale pentru care nu trebuie să faceți niciodată acest lucru: se reflectă foarte mult asupra abilităților dvs. de design și ar putea să vă aducă (și potențial clientul dvs.) probleme serioase.
Cu toate acestea, chiar dacă creați elementele, creați ceva identic cu un obiect care a fost popularizat pe un alt site poate reflecta prost în ceea ce privește abilitățile dumneavoastră de design și cunoașterea. Petreceți timp și apoi prezentați clientului dvs. un design care este identic aproape în orice mod cu designul lui Amazon va face doar să vă arătați uniginal și potențial neexperimentat.
Trebuie să fiți influențați, dar nu influențați să copiați. Sigur, acel glisor ar putea fi lovit, dar nu este al tău. Și ar fi doar neprofesional și moral să nu o copiați direct. Cheia inspirației reușite este aceea de a privi la ceea ce face proiectul să reușească și să-și îndeplinească scopul și de ce se gândește astfel. După ce înțelegeți cum funcționează, puteți aplica principii similare elementelor proprii.
Inspirație: procesul de a fi stimulat mental să faceți sau să simțiți ceva.
Linia dintre a fi inspirată și o copie evidentă poate fi destul de fină. De exemplu, o schemă de culori aplicată unui element generic ar putea funcționa pe un site, dar utilizează aceeași schemă pentru același element pe copia dvs. de proiectare? Sper că veți obține ce vreau să spun.
De unde vă inspirați? Împărtășiți-vă gândurile în comentariile!