3 modi per imparare ad avere un occhio migliore per il design

Benvenuti nella prima parte della nostra mini serie "Efficaci principi di web design Divi" in cui stiamo esplorando pratiche di progettazione efficaci per aiutare a potenziare i nuovi web designer e coloro che si identificano come persone senza "occhio per il design".

Nell'era visiva di oggi, il design è più importante che mai. Un buon design può creare o distruggere la tua attività quando si tratta di convertire potenziali clienti in clienti. Può fare la differenza tra effettuare una vendita o avere un potenziale cliente che fa clic sul tuo sito Web alla ricerca di un servizio o prodotto più professionale. E mentre i nuovi web designer e sviluppatori spesso affermano di avere un "occhio per il design", ci sono alcuni principi di progettazione di base che tutti possono applicare per aiutare a migliorare nella parte del "design" del web design!

Prefazione alla serie:

• Le strategie, le pratiche e le tattiche che tratteremo in questa serie sono applicabili al web design in generale e non sono specifiche di Divi, ma questa serie si baserà sulla mia esperienza come Divi Web Designer. Molti dei riferimenti, dei layout e dei punti di partenza menzionati riguarderanno specificamente Divi.
• Questa serie è in gran parte pensata per le persone che sono nuove nel web design o sono della mentalità degli sviluppatori che sentono di non avere un occhio naturale per il design. Ma si spera che molti di questi concetti servano come ispirazione o aggiornamento anche per i designer già affermati.
• I grandi principi del web design sono già stati menzionati qui sul blog, quindi ci collegheremo ad alcuni post e risorse precedenti in tutta la serie. Questa è principalmente una linea guida per alcuni dei principi più importanti del buon design che applico come web designer Divi di successo e che puoi applicare anche tu!
• Infine, quando si tratta di un buon design, non c'è giusto o sbagliato. In effetti, si tratta davvero di bilanciare l'opinione popolare, la tua opinione creativa personale e i desideri del cliente. Abbiamo avuto tutti quel cliente che pensava che qualcosa fosse fantastico e che sapevamo fosse orribile, giusto? Non tutti saranno d'accordo con queste basi del design, ma è sicuro dire che questi principi sono universalmente condivisi dai designer Divi professionisti e dalla comunità del web design in generale.

Ecco uno schema della mini serie mentre guardiamo avanti:

• Parte 1 – 3 modi per imparare ad avere un occhio migliore per il design
• Parte 2 – 3 Principi di web design efficaci per i non designer
• Parte 3 – 3 importanti aree di design su cui concentrarsi per ogni creazione di siti web

Prima di addentrarci, devo dire che mentre capisco che alcune persone sono più dotate di creatività rispetto ad altre, sostengo fermamente che PUOI imparare i buoni principi di base del design. Potresti non diventare il Michelangelo di Divi, ma perbacco puoi ancora imparare alcune buone pratiche di progettazione da applicare ai tuoi sforzi di web design. Risparmierò l'imbarazzo di pubblicare alcuni dei miei primi web design, ma mi limiterò a dire che il mio "occhio per il design" è in continua evoluzione e matura ogni giorno di più. In nessun modo ho iniziato da dove sono oggi. E francamente, il design è importante in qualcosa di più del semplice web design. Svolge un ruolo importante nell'organizzazione dei contenuti, nella scrittura di e-mail, nello scatto di buone foto con il telefono e altro ancora. Quindi è molto importante conoscere alcuni principi di base da applicare anche ad altri aspetti della tua vita.

Quindi, se ti sei mai sorpreso a dire una delle seguenti cose;

• "Semplicemente non ho occhio per il design."
• "Non ho un osso creativo nel mio corpo."
• “So codificare ma non so progettare.”

Allora questa serie fa per te! Entriamo in esso.

3 modi per prepararsi e imparare ad avere un occhio migliore per il design

Nel mondo del web design, le persone tendono a identificarsi con uno di questi due gruppi:

Web Designer – Un web designer, alias (designer front-end) sarà probabilmente attratto dal design, dai colori, dal layout e dall'estetica del web design. Probabilmente proverranno da un background di progettazione grafica o forse da un mezzo più visivo come la fotografia o altre arti creative. Se sei più interessato a come appaiono e si sentono le cose rispetto a quanto velocemente si carica, quanto potrebbe essere pulito il codice o quali personalizzazioni sono state inserite nei file php e css, allora sei più che probabile in questa barca

Sviluppatore web – Uno sviluppatore web, alias (sviluppatore back-end) sarà probabilmente più interessato alla matematica, ai numeri e al regno del web design, al codice, alle funzionalità e al backend dei siti web. Mentre un "designer" potrebbe vedere forme, colori, aspetto, sensazione, ecc., una persona più orientata allo sviluppatore potrebbe vedere qualcosa di simile alla matrice: codice, funzionalità, usabilità e cose che si trovano sotto la superficie di un sito web.

Entrambi sono fondamentali per il design di un sito web di successo e, secondo me, un web designer di successo deve avere un sano mix di conoscenze in entrambi i mondi. Personalmente, anche se ora sono esperto di design e sviluppo, sono ancora attratto dal lato del design delle cose. Ho bisogno di lavorare sempre di più per considerare i tempi di caricamento, il codice pulito e la funzionalità invece di concentrarmi costantemente su design, layout, aspetto e design. Ma per chi è opposto a me, è altrettanto importante concentrarsi su un design accattivante rispetto a un sito Web dall'aspetto terribile che si carica rapidamente con un codice pulito.

Quello di cui stiamo veramente parlando qui è un mix di cervello sinistro e destro. Questo probabilmente non è un segreto per la maggior parte a questo punto, ma ci sono numerosi studi che il lato sinistro del cervello è analitico, matematico, sequenziale, logico, ecc. Il lato destro del cervello è artistico, creativo, perspicace, fantasioso, ecc. Questa è la chiave per capire PERCHÉ potresti essere attratto dall'essere un designer o uno sviluppatore.

In breve,

Sviluppatore = Pensatore del cervello sinistro
Designer = Pensatore del cervello destro

Una comprensione di ciò ci porta al primo punto principale.

1) Preparare la tua mentalità

Se sei più creativo, molto probabilmente dovrai lavorare di più sulla programmazione e sul lato più logistico del web design e viceversa, se le tue tendenze si inclinano verso il lato sinistro del cervello, tu' dovremo lavorare un po' di più per sviluppare un buon occhio per il design. Come accennato in precedenza, sono più un pensatore del cervello destro e un creativo. Anche se adoro i CSS e ora posso diventare pericoloso con PHP senza sudare troppo, non ho iniziato in quel modo. Ho dovuto lavorare molto duramente nelle aree del web design in cui non ero bravo.

Ma è iniziato con la mia mentalità. Sapevo in quali aree ero forte e in quale era necessario lavorare. Voglio incoraggiarti di nuovo su questo punto, PUOI imparare buoni principi di progettazione e PUOI sviluppare un occhio per il design se sei nuovo o se sei uno sviluppatore senza un osso creativo nel tuo corpo.

A questo punto, probabilmente stai dicendo "Va tutto bene, ma cosa posso fare per preparare la mia mentalità ad apprendere buone tecniche di progettazione?" Mentre impariamo tutti in modo diverso, ti dirò cosa ha funzionato per me e cosa so ha funzionato per molti altri designer Divi nella comunità.

2) Come imparare e sviluppare un occhio per il buon design

Impara replicando buoni progetti di siti web – Sì, l'ho detto. Se vedi un buon design, prova a ricrearlo, copiandone i colori, i caratteri tipografici, la spaziatura, i layout, ecc. Non sto dicendo di strappare un sito per venderlo come tema figlio o come lavoro, ma da un punto di vista educativo , uno dei modi MIGLIORI per migliorare il design è replicare un sito già ben progettato. Rimarrai stupito da quanto imparerai e da quanto ti sentirai potenziato replicando un bellissimo design che puoi imitare.

Per l'ispirazione relativa a Divi, puoi trovare alcuni buoni esempi di design frequentemente qui sul blog di ET tramite le vetrine mensili del sito come questa, attraverso Divi Theme Examples o seguendo i tuoi designer Divi preferiti e vedendo cosa escono!

Impara esaminando i design ovunque – Anche se i design stampati e altri annunci pubblicitari potrebbero non essere l'apprendimento ideale per le tendenze del web design, puoi comunque raccogliere preziosi principi di design. Ad esempio, forse vedi un annuncio con un'immagine forte con il testo progettato in modo moderno ed elegante, puoi benissimo prendere la stessa idea e applicarla come un design forte sul tuo sito! Non temo di andare al centro commerciale con mia moglie e di entrare nei negozi di trucchi ora perché lo uso come "il design alla moda di Josh prende in tempo". Il tempo speso in precedenza a fissare un telefono ora è spesso speso in modo produttivo verificando nuove idee e concetti di design che posso applicare ai miei progetti di web design!

Impara costruendo dalla Divi Library – Una delle cose più magiche della progettazione di un sito con Divi è che viene fornito con una libreria completa di layout e design comprovati ed efficaci su cui puoi costruire. Se non conosci il design e Divi o ti senti bloccato a guardare una tela bianca, puoi caricare uno dei layout predefiniti dalla libreria, cambiare i colori, sostituire le immagini e iniziare subito! Guarda come la rielaborazione di un design già professionale inizierà ad allenare il tuo cervello per il tuo prossimo progetto.

Impara scaricando e costruendo un pacchetto di layout Divi settimanale gratuito – Se sei un nuovo membro di Elegant Themes o non lo sei già a conoscenza, ci sono pacchetti di layout Divi progettati in modo professionale che escono settimanalmente qui sul blog che sono GRATUITI per il download. Non solo sono una grande fonte di apprendimento e ispirazione se sei interessato a migliorare nel design, ma come gli elementi della libreria menzionati sopra, questi sono ottimi punti di partenza se sei nuovo nel design!

3) Ottieni feedback e critiche costruttive sul tuo lavoro

Infine, uno dei modi migliori per migliorare le tue capacità di progettazione è ottenere feedback dagli altri. Spesso, quando sei coinvolto in un progetto, è facile perdere l'orientamento su ciò che sembra buono e ciò che sembra cattivo. Ottenere feedback e critiche costruttive sul tuo lavoro è la chiave per migliorare nel design.

Ora ho capito, è più facile a dirsi che a farsi. E probabilmente vorrai evitare di essere distrutto o demoralizzato, soprattutto se stai ancora imparando, ma se stai usando Divi, hai automaticamente accesso alla community online più coinvolta, solidale e disponibile. Ci sono numerosi punti vendita per connettersi con la nazione Divi, ma la mia preferenza personale sono i gruppi Divi Facebook. Ho creato intenzionalmente il gruppo Facebook Divi Web Designers con lo scopo principale di poter pubblicare lavori per ottenere critiche e feedback professionali e utili per aiutarci tutti a diventare migliori Web Designer Divi. Se hai familiari fidati, amici o forse colleghi colleghi di web design con un buon occhio per il design, ti consiglio vivamente di ottenere i loro pensieri se non vuoi ricevere feedback online.

Trovo molto utile ricevere feedback perché spesso evidenzierà un cattivo design che viene trascurato, aree di miglioramento o altro. Ad esempio, un'area in cui non ho un grande dono naturale e in cui ho bisogno di lavorare sodo è la tipografia. Non molto tempo fa, ho lavorato su un sito che pensavo fosse fantastico dalla testa ai piedi e quando ho ricevuto feedback, mi è stato detto che il tipo che ho usato non sembrava adattarsi alla "sensazione" del sito. Dopo aver spazzato via un po' di orgoglio da designer iniziale, mi sono reso conto che non avrebbero potuto essere più giusti. Il tipo in effetti non corrispondeva alla sensazione del sito. Da allora, ho imparato a essere più consapevole dei caratteri tipografici che scelgo nel tentativo di farli corrispondere all'aspetto e all'atmosfera corretti del sito piuttosto che attenermi ai miei "goto".

Quindi, se ti senti abbastanza coraggioso da ricevere qualche critica costruttiva, puoi venire a farlo nel nostro gruppo Facebook Divi Web Designers o in qualsiasi altra community Divi online se aderisce alle linee guida del gruppo. E come nota a margine, se sei qualcuno che dà il feedback, voglio incoraggiarti a stare molto attento con le tue parole e a come fai critiche costruttive. Quando dai un feedback, ricorda di cercare di rafforzare la persona, non di abbatterla.

In chiusura

Spero che questa introduzione ai principi efficaci di Divi Web Design ti abbia ispirato e pompato per il resto della serie! Ancora una volta, questo primo post era più un'introduzione e una preparazione su ciò che ci aspetta, ma è comunque importante perché prima che tu possa migliorare nel design, inizia con la tua preparazione mentale per imparare.

Hai altri pensieri o pratiche su come imparare migliori tecniche di web design? Fateci sapere nei commenti qui sotto!

Domani: 3 principi di web design efficaci per i non designer

Ora che ci siamo occupati della preparazione e dell'apprendimento di come avere un occhio migliore per il design, è tempo di entrare in alcuni principi di progettazione pratici e attuabili che aiuteranno a portare il tuo gioco di design al livello successivo! Fino ad allora!

Assicurati di iscriverti alla nostra newsletter e al canale YouTube in modo da non perdere mai un grande annuncio, un consiglio utile o un omaggio Divi!