10 suggerimenti per la risoluzione dei problemi di un design Lackluster

Uno dei maggiori problemi con cui i progettisti devono confrontarsi è come migliorare un design che non ha colpito nel segno. A volte siamo nel nostro gioco e possiamo scovare un bel design in pochi minuti, altre volte lottiamo per completare qualcosa che dovrebbe essere semplice.

Il post di oggi è una lista di controllo che puoi aggiungere ai segnalibri e fare riferimento a quei momenti in cui hai bisogno di una nuova prospettiva. Sfoglia l'elenco per trarre ispirazione su come migliorare un design che manca in un'area che non è possibile identificare.

1. Aggiungi contrasto

Uno dei modi più forti per rendere più interessante qualsiasi disegno è introdurre dei contrasti. I nostri occhi sono attratti da aree di estrema differenza e il corretto utilizzo di queste conoscenze può portare a disegni sorprendenti.

Ne abbiamo discusso prima su Design Shack, ma ecco un rapido aggiornamento. Il contrasto viene in genere applicato utilizzando uno o tutti i tre diversi metodi. Il primo è il colore. Il contrasto del colore è facile da capire, ma non è sempre facile da eseguire. Usa la tua teoria della ruota dei colori qui per assicurarti di aggiungere contrastono conflitto.

Alcune delle più alte combinazioni di contrasto possibili sono mostrate nell'immagine sopra: nero, bianco e giallo. Entrambi i colori bianco e giallo contrastano magnificamente con il nero e sono spesso usati insieme per l'enfasi selettiva.

Gli altri due modi per aggiungere contrasto sono correlati: dimensioni e audacia. Quando troppi oggetti sulla pagina hanno le stesse dimensioni, può costituire un caso negativo di ridondanza visiva. Questo vale soprattutto per la tipografia. Assicurati che i titoli (o altre aree che vuoi distinguere) siano significativamente più grandi e / o più audaci rispetto al resto degli elementi sulla pagina.

Applicazione pratica

Passa attraverso il tuo design e cerca aree che si distinguono visivamente. Sono queste le aree che vuoi ottenere la massima attenzione? In caso contrario, utilizzare il contrasto selettivo per ravvivare la pagina e aggiungere interesse agli elementi che lo meritano.

2. Fai qualcosa di inaspettato

Tu sai istintivamente come attirare l'attenzione di qualcuno: li sorprendi. Questo può essere applicato al web design sia nel bene che nel male. Avere un giocatore di musica ad alto volume sorprende i visitatori è malvagio. Fare qualcosa graficamente piacevole ma non tradizionale è buono.

Ad esempio, considera l'immagine sopra. Il nome dello studio di progettazione grafica si affonda nel terreno. Non sono del tutto sicuro del motivo per cui il designer ha fatto questo, ma certamente mi fa passare qualche secondo in più a guardare la pagina. Il progettista non ha fatto di tutto per sottrarsi a te o offrire una forte battuta finale, lui / lei ha semplicemente messo una svolta su quello che ti aspetti di vedere qui.

Piccoli tocchi come questo ti permettono di personalizzare davvero un sito con la tua particolare creatività. Quei tocchi vanno ben oltre l'aggiunta di quel sentimento finito che al momento potrebbe mancare il tuo design.

Applicazione pratica

Cerca di identificare gli aspetti più noiosi e run of the mill del tuo design. Quali modifiche puoi apportare a queste aree che non sono tipiche di ciò che qualcuno si aspetterebbe? Ricorda, non si tratta di aggiungere confusione ma piuttosto di infondere interesse!

3. Semplificare, semplificare, semplificare

Se potessi dire solo una parola ai designer che producono costantemente disegni poco brillanti, sarebbe "semplificare". Troppo spesso pensiamo che la soluzione per un buon design stia aggiungendo di più. Altre icone, più testo, più foto. A volte queste cose possono davvero aiutare, ma più spesso i progettisti stanno semplicemente provando troppo.

Quando pensi troppo a un layout ti affliggi così tanto che perde la sua efficacia. Come spettatore, c'è solo così tanto che sono in grado e / o disposto a elaborare. Meno contenuto si stipula in una singola pagina, meno lavoro mi sento di dover fare per vederlo.

Il sito mostrato sopra è un esempio perfetto. Questa pagina è bellissima ed efficace. L'obiettivo principale è comunicare che Paul è un grafico con un'enfasi sulla tipografia, il design comunica sicuramente questo forte e chiaro!

Ora contrasto con il sito web qui sotto. Questi ragazzi probabilmente non sono cattivi designer, ma la pagina che hanno creato per il loro business di design è super impegnata. Il risultato è uno sguardo disordinato senza enfasi chiara. Ricorda, quando tutto nella pagina urla per attirare l'attenzione, niente lo ottiene.

Applicazione pratica

Guarda attentamente il tuo design e identifica gli elementi essenziali. Potresti essere tentato invece di cercare gli elementi non essenziali, ma questo porterà a un cambiamento molto meno drammatico. Trova gli oggetti che devono assolutamente essere presenti per la pagina per avere un significato e un'utilità. Adesso spoglia tutto il resto. Buttalo fuori e spostalo su altre pagine o uccidilo completamente.

Ora dai alla tua pagina un nuovo layout più semplice e vedi se il risultato non sembra migliore di quando hai iniziato. Se sei andato fuori bordo, puoi sempre iniziare a reintrodurre alcuni elementi eliminati lentamente, mantenendo allo stesso tempo il nuovo design forte che hai creato. Fai attenzione però, è una pista scivolosa e potresti ritrovarti dove hai iniziato!

4. Aggiungi ripetizione

La ripetizione è un concetto davvero insidioso che pochi designer afferrano correttamente. Inizia abbastanza semplicemente: usa gli stessi pochi caratteri e colori nel tuo design per un aspetto coerente. Tuttavia, una buona implementazione della ripetizione va ben oltre.

Il modo migliore per imparare è attraverso l'identificazione della ripetizione nei disegni degli altri. Considera l'esempio sopra, riesci a individuare la ripetizione? Controlla l'icona di Facebook nell'angolo in basso a sinistra. Questo doveva rispecchiare la forma dell'elemento isola fluttuante? Certamente no, una normale icona di Facebook avrebbe funzionato bene. Tuttavia, questo designer ha fatto il possibile per aggiungere un leggero cenno all'immagine principale.

Si noti che il progettista non ha esagerato con questa idea.Non ci sono venti piccole icone di isole galleggianti sparse per tutta la pagina, solo una.

Applicazione pratica

Dai un'occhiata al tuo design e cerca di identificare qualcosa di unico e interessante. Può essere qualsiasi cosa, da una forma a un colore. Ora pensa a come puoi ripetere questo elemento in modo intelligente.

Prendi un colore audace come il rosso e inseriscilo solo in alcuni punti in cui vuoi attirare l'attenzione. Prendi l'oggetto di una fotografia, ritagliala e posizionala altrove sulla pagina. Scrivi una parola del tuo titolo in una sceneggiatura e poi ripeti questo trucco in uno o due altri luoghi. Queste sono solo alcune idee per far iniziare il tuo cervello nella giusta direzione, la ripetizione può essere qualsiasi cosa tu voglia che sia!

5. Suddividi il tuo contenuto con linee

Questo è un piccolo trucco davvero strano che può fare molto. A volte il tuo disegno è pieno di spazi scomodi. Altre volte, non hai abbastanza spazio e hai bisogno di un modo per mantenere le cose strettamente stipate pur restando visivamente distinte.

Questi e un milione di altri problemi possono essere risolti con il più semplice degli elementi di design: una linea. Suona troppo bene per essere vero, giusto? Bene, controlla i siti sia sopra che sotto questo paragrafo e come usano le linee per organizzare e aggiungere interesse al loro contenuto.

Come con molti di questi suggerimenti, questo è davvero facile da prendere troppo lontano. Usa le linee con intenzione e riserva. Assicurati che stiano effettivamente migliorando il tuo design piuttosto che aggiungere semplicemente confusione.

Applicazione pratica

Se vuoi imparare tutto su come implementare con successo le linee nel tuo design, consulta il nostro articolo dedicato all'argomento! Troverai tutti i tipi di idee ed esempi per ravvivare i tuoi disegni con pochi semplici tratti.

6. Rendi dinamico

Ricorda che il web design non è tutto su come tutto sembra! Riguarda l'interazione con l'utente. Una pagina semplice e statica può spesso sembrare noiosa, anche se è piuttosto attraente in superficie.

Fortunatamente, questo è uno dei problemi più facili da risolvere sul web. Aggiungi un cursore immagine, una presentazione, alcuni effetti al passaggio del mouse o forse anche un'animazione sottile.

Il sito mostrato qui sopra ha un fantastico effetto hover sui nastri. Quando passi il mouse, la sezione centrale si solleva mentre i lati sporgono ulteriormente, dandogli un effetto 3D davvero bello. Assicurati inoltre di visitare il sito qui sotto e di tenere d'occhio quel logo colorato. Ha un'animazione così sottile che puoi vedere la pagina una dozzina di volte e non notare mai, ma quando lo fai non puoi smettere di guardare!

Applicazione pratica

Il tuo sito sembra morto? Il web è troppo ricco di un mezzo per non trarre vantaggio da incredibili strumenti come CSS dinamico, jQuery e MooTools per aggiungere un po 'di vita a una pagina noiosa. Non devi impazzire, ma assicurati di sfruttare le risorse disponibili in modo che gli utenti trovino coinvolgenti.

7. Aggiungi un personaggio

Quando vedi per la prima volta il sito qui sopra, potresti chiederti che cosa sulla Terra possedesse qualcuno per incollare un paio di baffi su un grafico a barre! È un po 'ridicolo no?

Tuttavia, penso che sia un fantastico pezzo di design che mi fa sorridere ogni volta che lo vedo. Perché? Perché i grafici a barre fanno schifo. I dati sono noiosi e senza vita e presentarli in modo interessante è sempre una sfida. Questo designer è stato incaricato di rendere amichevole un controllo della velocità del sito web, quale modo migliore è quello di ottenere questo risultato antropomorfizzando un grafico a barre !?

Aggiungere un elemento umano è un ottimo modo per rendere ogni sito più accogliente. Se sei un maestro illustratore, fantastico, crea una mascotte o un personaggio amichevole. Tuttavia, anche se non puoi disegnare, puoi facilmente implementare questo trucco. I baffi sopra non sono un'eccezionale prodezza d'illustrazione, ma ha fatto il lavoro!

Applicazione pratica

Chiediti quali aspetti del tuo design sembrano particolarmente noiosi o tecnici. I non-techies si identificheranno con queste aree in modo significativo? Prova ad introdurre un po 'di umanità nella foto e vedi se questo aiuta. Usa sorrisi, volti, ecc. Per ridurre il livello di intimidazione.

Portalo alla vita con Texture

Spesso è una buona idea iniziare i tuoi progetti in un modo molto semplice. Non concentrarti troppo sui dettagli nelle fasi iniziali, concentrati invece su ciò che sarà il tuo contenuto e su come organizzarlo in modo utilizzabile.

Assicurati anche di aver inchiodato la tua combinazione di colori. Usa colori solidi nelle tue comps fino a quando tutto sembra abbastanza buono senza sfumature o trame superflue extra. Quindi, se pensi che manchi ancora qualcosa, prova a introdurre alcune trame interessanti per aggiungere un po 'di vita al tuo design.

Tieni presente che la texture non deve essere relegata su uno sfondo semplice, controlla come il sito sottostante utilizza un effetto texture stratificato nell'intestazione per creare qualcosa che sia davvero attraente.

Applicazione pratica

Questo suggerimento funziona in due modi. Innanzitutto, se non hai ancora utilizzato alcuna texture, pensa a come puoi incorporarla mantenendo l'integrità dei colori e del layout che hai attualmente. Usa la texture per rinforzare un design già forte, non come un cerotto per uno scarso design.

In secondo luogo, se hai già utilizzato quantità significative di texture, prova a rimuovere tutto e ottenere un'idea del sito con solo colori a tinta unita. Quindi reintrodurre gradualmente la texture pur essendo estremamente selettivo su dove viene applicato.

9. Fai una pausa

A volte rimani bloccato in un solco mentale. Non importa quanto tu tenti di uscire da questo, continui a riciclare le stesse idee e a commettere gli stessi errori.

Se i suggerimenti sopra non aiutano, prova ad allontanarti per un po 'dal progetto. Fai una pausa, vai a fare una passeggiata o anche lavorare su un altro progetto per un po ', più a lungo e meglio è.Se hai il tempo di dedicare un'intera giornata a concentrarti su qualcos'altro, tornare dopo quella lunga pausa ti darà una nuova prospettiva che spesso è proprio ciò di cui hai bisogno per fare un passo indietro e identificare le aree problematiche.

Sfortunatamente, la maggior parte dei progetti su cui lavoriamo non hanno abbastanza tempo per sprecare un giorno a saltare tra i gigli della vita senza incorrere nell'ira di un cliente arrabbiato o nel timore di una dura scadenza. In queste circostanze, brevi pause sono tutto ciò che otterrai.

C'è in realtà un intero sistema di produttività dedicato a brevi pause che si presta perfettamente a professioni creative come il design. Il metodo Pomodoro utilizza periodi di lavoro ininterrotto seguiti da brevi pause. Dal momento che la creatività tende a venire a raffica, provare questo per un giorno potrebbe fornire il rimedio perfetto per il tuo design scialbo.

Applicazione pratica

Per imparare come applicare questi principi in modo efficace nel tuo flusso di lavoro, consulta il nostro articolo, Come tagliare le porcate e essere effettivamente produttivo come una persona creativa. È una discussione semplice e onesta sul perché i designer lottino così tanto con l'equilibrio tra creatività e produttività, perché le liste di cose da fare non funzionano e come si può superare con successo tutto e ottenere qualcosa!

10. Ricomincia

Dopo aver passato ore a perseguire un'idea, nessuno vuole sentire che è necessario tornare al tavolo da disegno. Come designer, tendiamo a formare connessioni emotive con le nostre creazioni. È una reazione perfettamente naturale, ma dovresti essere consapevole che questa tendenza può davvero ostacolare il passaggio e il miglioramento dei nostri pensieri iniziali.

La cattiva notizia è che a volte un design semplicemente non può essere salvato. I progettisti impiegano troppo spesso tre ore a modificare un design scadente quando ci sono voluti 90 minuti per ricominciare da capo e inventare qualcosa di meglio.

Parte della maturazione nelle tue capacità di progettista è semplicemente sapere quando ti sbagli e spingi in avanti in una nuova direzione. Certo, sembrava fantastico nella tua testa, ma quando uscì in Photoshop sembrava una merda. Non piagnucolare e infastidire, premi Comando + N e ricomincia da capo. Guardate intorno alla nostra galleria di design per una maggiore ispirazione come quella vista in questo post e ricominciate con qualcosa di completamente diverso come potete immaginare.

Applicazione pratica

La parte più difficile di questo consiglio è sapere quando sei a quel punto in cui devi ricominciare da capo. D'altra parte, la parte più rassicurante è che il tuo iMac da $ 1,200 può infatti contenere più di un PSD sul suo disco rigido. Ricominciare non significa buttare via la tua idea originale, significa salvarla e archiviarla in modo da avere la possibilità di tornare in seguito.

A volte si attraversano altre tre iterazioni solo per rendersi conto che la prima idea era davvero la migliore. Altre volte vai avanti in un'altra direzione e inciampi su quel vecchio file mesi dopo e vedi immediatamente come queste idee potrebbero essere incorporate con successo nel tuo progetto attuale.

Potresti notare che questo consiglio è un po 'burrascoso. In primo luogo, non essere attaccato ai tuoi progetti così tanto che non sei disposto a rovinare tutto e ricominciare da capo. Tuttavia, non essere così distaccato dal tuo lavoro da buttare via concetti genuinamente promettenti. Diventa un topo digitale e non buttare mai via un disegno che non ha ancora raggiunto il suo pieno potenziale. Creare una cartella di file incompleti e sfogliarla ogni pochi mesi come fonte di ispirazione.

Conclusione

Il punto di questo post è di farti capire che, nonostante il fatto che il lavoro creativo sia un processo imprevedibile e astratto, puoi in effetti applicare dei passaggi logici verso il raggiungimento di una soluzione nel caso in cui incontri problemi.

I dieci suggerimenti di cui sopra dovrebbero riportare il tuo cervello in movimento quando colpisci quel muro creativo e semplicemente non sai come migliorare un design che ha bisogno di una spinta extra. Alcuni sono trucchi difficili e veloci che funzionano solo una frazione del tempo, altri sono passaggi che dovresti prendere su ogni disegno che produci. Sperimenta e scopri quale di questi suggerimenti tende a funzionare al meglio per te. Questo è un ottimo modo per identificare potenziali punti deboli su cui è necessario migliorare.

Lascia un commento qui sotto e facci sapere come procedi nella risoluzione di un progetto poco brillante. Hai qualche asso nella manica per fare quel miglio in più per perfezionare il tuo lavoro o sei più incline a scartare tutto e ricominciare da capo? Facci sapere!