Ogni settimana diamo un'occhiata a un nuovo sito Web e analizziamo il design. Indicheremo sia le aree che sono fatte bene che quelle che potrebbero utilizzare del lavoro. Infine, finiremo chiedendoti di fornire il tuo feedback sia attraverso commenti che votando nel nostro sondaggio di progettazione.
Il sito di oggi è K? Nstler.co.at.
Se desideri inviare il tuo sito web in una futura Critica del design, ci vogliono solo pochi minuti. Facciamo pagare $ 34 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.
Informazioni su Kuenstler
Usa il nostro sito Web per presentare te stesso e la tua arte, aumenta la tua portata e parla con persone di tutto il mondo, perché non importa se sei un musicista, uno scrittore o uno scultore: k? Nstler.co.at è la piattaforma giusta per te .?
Ecco uno screenshot della homepage:
Come sempre, utilizzeremo questo come punto di partenza e analizzeremo prima il design generale e poi parleremo di alcune aree specifiche.
Prime impressioni
A prima vista, mi piace l'aspetto generale del sito. È luminoso, colorato, contiene molti spazi bianchi e ha un layout logico e facile da seguire.
La grafica è decisamente accattivante e il grande slider JavaScript è un ottimo modo per rendere il sito più dinamico e racchiudere molti contenuti in un'unica pagina in un modo completamente libero.
Potrei dire immediatamente che il sito sta usando Lobster per la tipografia. L'aragosta è un tipo di carattere bello e sfacciato che è completamente gratuito e lo rende un ottimo candidato se hai intenzione di incorporare caratteri personalizzati (in particolare uno script) nel tuo sito.
Ripetizione
Un'altra cosa che il sito fa bene è la ripetizione. Un tema visivo è stato fortemente radicato e viene restituito in vari punti del progetto.
La ripetizione visiva è uno dei tuoi strumenti principali nella progettazione e devi assolutamente imparare a maneggiarla. Questo sito include un bel po 'di ripetizioni e secondo me non lo fa troppo lontano ma lo spinge al limite. Troppo di più avrebbe potuto esagerare e troppo meno potrebbe non essere stato altrettanto efficace.
Il logo
Il primo posto in cui si vede il carattere tipografico di Lobster utilizzato è il logo. Sto bene con questo in quanto è uno script forte e leggibile perfetto per i loghi. Tuttavia, sicuramente non mi piace che l'aragosta sia stata usata anche come font più piccolo nel logo.
La tipografia del missaggio può essere complicata e alla fine è un'arte molto soggettiva. Tuttavia, come regola generale, si preferisce andare facilmente sugli script. Sono molto più difficili da leggere rispetto a un semplice vecchio tipo serif o sans-serif e non dovrebbero quasi mai essere usati in dimensioni diverse a distanze così ravvicinate.
In una situazione come questa, il carattere più piccolo è chiaramente impostato come un messaggio secondario e dovrebbe quindi utilizzare un carattere secondario. Lascia che la sceneggiatura in grassetto prenda la maggior parte dell'attenzione e utilizzi qualcosa di sottile per il sottotesto. Ecco un rapido esempio che ho buttato insieme.
Testo selezionabile
A mio parere, l'incorporamento di caratteri personalizzati in un sito non riguarda solo la riduzione delle dimensioni dei file riducendo le immagini, ma anche l'usabilità e la creazione di testo live selezionabile.
Questo sito utilizza Cufon per inserire Lobster nella pagina. Questa soluzione non solo richiede il funzionamento di JavaScript (accettabile ma non ideale), ma crea anche scompiglio nella selezione del testo.
Il motivo principale per cui mi prendo in considerazione è che Lobster è così facile da incorporare utilizzando un kit @ font-face di FontSquirrel. @ font-face è una soluzione basata su CSS che ha un sacco di supporto per i browser e produce un testo bello e selezionabile. Persino il sito web Cufon suggerisce che l'uso di @ font-face è il modo più semplice per abbracciare gli standard.
Bellissimi pulsanti
Voglio prendere un secondo e dire che amo il design di questo pulsante.
È grande e audace, circondato da spazi bianchi, colorato; grande design. Questo è sicuramente il mio elemento preferito nella pagina.
Contenuto a schede
Proprio come il cursore delle immagini nella parte superiore del sito è un ottimo modo per visualizzare un sacco di immagini non ordinate, il contenuto a schede vicino al centro è un ottimo modo per avere molte informazioni utili in uno spazio molto piccolo.
Se guardi quest'area con JavaScript disabilitato, puoi semplicemente vedere tutte le varie sezioni visualizzate contemporaneamente, sovrapposte l'una all'altra come faresti in un tipico sito. Ciò offre un'esperienza migliore agli utenti che lo desiderano e non esclude gli utenti che non lo desiderano.
Conclusione
Per la maggior parte, questo è un sito davvero ben progettato. Invece di importanti revisioni di progettazione, suggerisco solo di apportare alcune modifiche e concentrarsi sulla funzionalità e sulla leggibilità, in particolare con l'uso del carattere personalizzato.
Solo così puoi avere un'idea del sito nel suo insieme, eccovi alcuni scatti di alcune delle altre pagine:
Il tuo turno!
Ora che hai letto i miei commenti, inseriscici e dacci una mano dando al designer qualche ulteriore consiglio. Facci sapere cosa pensi sia importante per il design e cosa pensi possa essere più forte. Come sempre, ti chiediamo anche di essere rispettoso nei confronti del designer del sito e di offrire una consulenza chiara e costruttiva priva di insulti ostili.