Web Design Critica n. 1

Oggi inizieremo una nuova serie in cui diamo un'occhiata breve ma approfondita a un particolare design e discutiamo sia gli aspetti che sono stati fatti molto bene sia quelli che potrebbero usare un po 'di lavoro.

Nel corso di queste critiche discuteremo di tutto, dalla teoria del design e del colore all'usabilità e alle buone pratiche di codifica.

Se desideri inviare il tuo sito web in una futura Critica del design, ci vogliono solo pochi minuti. Facciamo pagare $ 24 per criticare il tuo design - molto meno di quanto paghi per un consulente per dare un'occhiata al tuo sito! Puoi saperne di più qui.

Mantenerlo pulito

Questi articoli sono pensati per essere un'esperienza di apprendimento, non un modo per colpire i designer. Cercheremo sempre di mantenere l'integrità del progettista e cercheremo di concentrarci sul positivo più che sul negativo.

Vi chiederemo di offrire le vostre opinioni oneste su un design alla fine di ogni critica. Ti chiediamo anche di essere rispettoso nei confronti del designer del sito e di offrire una consulenza chiara e costruttiva priva di insulti ostili. Cancelleremo immediatamente tutti i commenti che ricorrono a semplici attacchi ad hominem o reclami inutili.

Ottieni un feedback sul tuo sito!

Oltre a poter inviare un sito alla nostra galleria CSS, presto avrai la possibilità di farci considerare il tuo sito anche per una critica dedicata.

Ciò comporterà molta più esposizione per il tuo sito in quanto questi post appariranno nel nostro stream o negli articoli normali. Inoltre, riceverai un feedback professionale di qualità e suggerimenti reali e implementabili su come migliorare la progettazione del tuo sito.

Ora che abbiamo tutte le introduzioni necessarie, iniziamo con la nostra prima critica del design!

Dreamscape Studios

Dreamscape Studios è il portfolio online dello sviluppatore web Brett Chaney. Brett ha sede a Melbourne e ha un gran numero di design di siti alla sua portata.

Cosa mi piace

Questo sito è stato progettato bene e ci sono un sacco di grandi caratteristiche tra cui scegliere. Diamo un'occhiata alle tre aree principali che si distinguono.

Lo sfondo

Lo sfondo sul sito di Brett è una texture realistica di carta torbida con una finitura simile a una tela.

Questo è realizzato con un 2000? 1400 background jpg. Molti progettisti hanno ancora paura di utilizzare un'unica grande immagine di sfondo, ma anche i dispositivi mobili caricano l'immagine abbastanza velocemente da non rovinare il sito.

Lo schema dei colori

Il sito utilizza una tavolozza di colori molto leggera e naturale che comprende solo alcune tonalità principali.

Questo delicato schema di colori è perfetto per un sito di portfolio perché aiuta a richiamare l'attenzione sulla galleria a scorrimento dei siti, che sono di colore più luminoso e diventano immediatamente il punto focale.

La tipografia

Brett usa un buon mix di caratteri serif e san-serif che si completano a vicenda. Questo dimostra che ha una buona conoscenza di quali tipi di font funzionano bene insieme.

In un paio di punti al tipo è stata data una leggera ombra che la fa brillare un po 'o addirittura sembrare leggermente bruciata nella carta. È un bel tocco e ha mostrato una buona dose di riserva non usandolo troppo.

Aree che potrebbero migliorare

Qui daremo un'occhiata ad alcuni punti in cui il design potrebbe essere un po 'più forte.

Layout e spazio bianco

Lo spazio bianco è sicuramente una buona cosa in un layout, ma uno spazio intrappolato difficile o troppo spazio aperto nel posto sbagliato può davvero ridurre l'efficacia del progetto.

Il piccolo cassetto laterale della galleria è un bel tocco, ma in realtà sta eliminando il layout della pagina e crea una grande area vuota lungo tutto il lato sinistro della pagina, che è l'immobile privilegiato.

Penso anche che il divario tra il footer e il contenuto potrebbe essere ridotto in quanto un po 'inutilmente disconnesso al momento.

Contenuto di piè di pagina

Il piè di pagina contiene tantissimi link, un ottimo modo per semplificare la navigazione su siti di grandi dimensioni. Tuttavia, questi link sono tutti esternamente e non riguardano in realtà nessuno dei contenuti sopra menzionati.

Dato che questo sito vuole essere un portfolio, una lista così ampia di amici e siti preferiti non sembra appropriata dal punto di vista professionale.

Inoltre, mentre scorri verso il basso nella pagina, viene visualizzata una barra nel piè di pagina con un collegamento per tornare all'inizio della pagina. Li metto sempre in evidenza nei siti perché generalmente amo quanto siano utili nei blog e nelle gallerie più lunghi. Tuttavia, tutte le pagine di questo sito sono in realtà piuttosto brevi e non sembrano meritare un collegamento nella parte superiore della pagina.

Questo collegamento in realtà copre anche il contenuto nel footer e si spegne solo quando ci si trova nella parte superiore della pagina e quindi non è possibile vedere il piè di pagina. Questo significa che non riesci mai a vedere cosa c'è sotto, solo che qualcosa sta spuntando fuori (credo che sia l'informazione sul copyright).

Conclusione

Il sito di Brett Chaney presenta una grande trama di sfondo, una bella combinazione di colori chiari e una forte tipografia. L'uso di spazi bianchi nel layout e nel contenuto del footer potrebbe utilizzare un piccolo ritocco, ma non sono abbastanza significativi per rovinare l'esperienza complessiva del sito.

Usa i commenti qui sotto per aiutare il progettista dando qualche feedback costruttivo. Assicurati anche di dirci cosa ne pensate della nuova serie di critiche e se invierete o meno il vostro sito.

Interessato ad avere criticato il tuo sito? Puoi saperne di più qui.