A prescindere dal modo in cui la guardi, il tuo design ha avuto una certa influenza dal gusto o dallo stile di un altro designer. Potresti non accorgertene, ma hai raccolto le cose tramite istruzioni dirette o semplicemente navigando sul Web, che hai incluso per includere nei tuoi progetti. Oggi Connor rivedrà un vecchio argomento dal vecchio blog ThemeForest sul tema della copia e del web design.
Questo argomento può essere complicato da inchiodare perché capire che cosa sei "ispirato" rispetto a ciò che stai copiando a titolo definitivo può essere una nozione vaga. Ad esempio, una pagina di prodotto potrebbe avere lo spazio bianco generoso che hai inconsciamente disegnato da Apple? o la tua tipografia potrebbe attenersi a uno schema più leggero grazie al tuo amore per qualche altro sito. Certo, non deve essere una grande società tecnologica da cui trai ispirazione. In realtà, non deve nemmeno essere un sito web. Quindi, come decidi qual è una valida forma di ispirazione e cosa copia?
Inizieremo con una definizione (hey, questo è tutto sul significato delle due parole, giusto?). Ispirazione è definito come il processo di essere mentalmente stimolati a fare o sentire qualcosa, soprattutto creativo. D'altro canto, copiatura è definito come un'imitazione o riproduzione di un originale. Si spera, all'istante, di riconoscere le differenze tra i due esclusivamente dalle loro definizioni. Si tratta di ottenere motivazione mentre l'altro duplica senza pensarci.
Abbiamo stabilito le definizioni del dizionario, ma quali sono alcune differenze pratiche? Facciamo un esempio.
Molti web designer apprezzano il design di Apple, che si tratti di menu di navigazione, di una griglia spaziosa o di qualcosa di completamente diverso. Ai fini di questa spiegazione, dillo amato Il menu di navigazione di Apple e voleva qualcosa di simile nel tuo progetto. Sollevare le loro immagini è, ovviamente, vietato dalla legge, ma non c'è nulla che ti impedisca fisicamente di creare una simile barra grigia con i colori invertiti al passaggio del mouse e le ombre sottili della profondità. Ma non è prendere ispirazione, è copiare.
Ora, immagino di aver ammirato lo stesso menu di navigazione e l'ho usato come punto di partenza. L'ispirazione sarebbe essere stimolata dal successo di Apple a questo riguardo e creare qualcosa che ha pochi legami visivi, ma aderisce a principi e scopi simili. Forse avrei preso l'idea di capovolgere il colore al passaggio del mouse e applicarlo a un'idea completamente diversa che è simile, ma non a un doppelganger dell'originale.
Ci sono diversi modi in cui puoi ottenere che la stimolazione mentale sia ispirata. Considereremo questo come una procedura dettagliata, quindi salta questo primo se hai già in mente un design (o un design) specifico.
Puoi trarre ispirazione da un numero di luoghi. Puoi esaminare la tua cronologia e dare un'occhiata ad alcuni dei siti web che visiti, molti di loro probabilmente hanno utilizzato alcune tecniche di progettazione favorevoli. In alternativa, perché non visitare un mercato come ThemeForest o una vetrina come Creattica. Queste possono essere ottime risorse per sfogliare ciò che altri progettisti hanno avuto in mente e generalmente rappresentano le tendenze del tempo corrente, il che significa che ogni ispirazione che disegni è rilevante. Se stai progettando un sito specializzato, assicurati di controllare gli elenchi dei roundup come i nostri qui su Tuts + (e, casualmente, Travis King ha recentemente scritto una carrellata di disegni creativi ispirati a te per il check-out!)
Certo, il web non è l'unico posto dove puoi cercare l'ispirazione per i tuoi progetti web. In definitiva, l'industria del web design derivava dall'industria della stampa e molti principi venivano riportati (ad esempio, prima degli ultimi anni, il concetto di "above the fold" era popolare. mettere tante cose nella metà superiore di una pagina, dove il lettore lo vedrebbe prima di aprire la sua copia). Dai un'occhiata a una rivista e potresti trovare un ottimo esempio di buona tipografia. Ehi, anche la mia scatola da masticare potrebbe essere descritta come un esempio di una combinazione di colori ben fatti!
Una volta che hai trovato un disegno che ammiri veramente, non fermarti qui. Continua a cercare progetti simili che abbiano ciascuno i propri elementi originali, anche se variano in altre aree come il colore, il layout o la tipografia. Prendi ispirazione dalle aree che ti piacciono particolarmente in un design e tralascia le aree che non ti piacciono. Il tuo design preferito potrebbe, in effetti, avere un'orribile barra di navigazione, che offre l'opportunità di trovare un design simile che puoi estrarre l'ispirazione per la navigazione da.
Ovviamente, l'ispirazione per i progetti Web in generale non è l'unico modo. Si può prendere un sito web come Kuler di Adobe e ottenere ispirazione o motivazione puramente sul lato dei colori delle cose piuttosto che guardare necessariamente a interi progetti web e al loro utilizzo.
Certo, puoi andare a un progetto e semplicemente sollevare le immagini dalla pagina. Ma questo è legalmente proibito e va contro le restrizioni sul copyright del tuo paese molto probabilmente. Quello che vuoi andare è andare avanti e analizzare il design per identificare le aree di ispirazione e trovare un modo per utilizzarle nel tuo design.
È tempo di raggi x il design. In definitiva, è necessario esaminare tutti gli elementi specifici e prendere nota dei punti che si distinguono per te. Fai un passo indietro e se qualcosa emerge come un grande esempio - come, ad esempio, l'uso specifico della tipografia nell'intestazione o qualcosa di simile. Puoi scegliere come target aree specifiche e riconoscere ciò che lo rende buono o, in alternativa, solo prendere le prime impressioni su ciò che spicca di più.
Ad esempio, possiamo dare un'occhiata a uno dei siti di AppStorm e notare immediatamente due cose su di loro. Innanzitutto, possiamo riconoscere lo sfondo strutturato utilizzato da AppStorm, a cui sono particolarmente affezionato. Non abbiamo necessariamente detto che dovresti usare uno sfondo nero e rumoroso con la luce in alto; invece, stiamo osservando il concetto di utilizzare uno sfondo scuro e strutturato e, auspicabilmente, applicare uno stile simile ai nostri progetti. Allo stesso modo, possiamo apprezzare l'uso generoso del padding in questo design e tentare di progettare attorno a un principio simile.
Fondamentalmente, è necessario guardare a ciò che fa funzionare quel progetto, sia dal punto di vista dell'utente che da quello del cliente. Potrebbe essere la giustapposizione di una promozione su un sito web aziendale che è particolarmente influente per un risultato specifico, o potrebbe solo perché pensi "wow, quel testo sembra bello!".
Essere inspirati. Dai un'occhiata a ciò che funziona in un web design e prendi nota di quali principi e tecniche vengono utilizzati per raggiungere uno scopo specifico. Tuttavia, solo mai, in nessuna circostanza, mai effettivamente sollevare elementi da una pagina e utilizzarli nel tuo progetto. Ci sono ragioni morali e legali per le quali non dovresti mai farlo: riflettono male le tue capacità progettuali e potrebbero portare te (e potenzialmente il tuo cliente) in guai seri.
Tuttavia, anche se crei tu stesso gli elementi, creare qualcosa che sia identico a un oggetto che è stato reso popolare su un altro sito può riflettere negativamente sulle tue capacità e acume di progettazione. Trascorrere del tempo e poi presentare al tuo cliente un design identico in quasi tutti i modi al design di Amazon ti farà sembrare poco originale e potenzialmente inesperto.
Devi essere influenzato, ma non influenzato da copiare. Certo, quel cecchino potrebbe essere un calcio d'inizio, ma non è il tuo da prendere. E sarebbe semplicemente poco professionale e moralmente sbagliato copiarlo direttamente. La chiave dell'ispirazione di successo è guardare a ciò che rende il design di successo e adempiere al suo scopo e perché lo fa. Una volta compreso come funziona, puoi applicare principi simili ai tuoi elementi.
Ispirazione: il processo di essere mentalmente stimolati a fare o sentire qualcosa.
La linea di demarcazione tra l'essere ispirati e la palese copiatura può essere abbastanza buona. Ad esempio, una combinazione di colori applicata a un elemento generico potrebbe funzionare su un sito, ma sta utilizzando lo stesso schema sullo stesso elemento sulla copia del progetto? Spero che tu capisca cosa intendo.
Da dove trai ispirazione? Condividi i tuoi pensieri nei commenti!