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. Finalmente, finiremo chiedendoti di fornire il tuo feedback.
Il sito di oggi è Photofolio, un tema Drupal di More Than (just) Themes. Entriamo e vediamo cosa pensiamo!
Se desideri inviare il tuo sito web in una futura Critica del design, ci vogliono solo pochi minuti. Facciamo pagare $ 49 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 Photofolio
Photofolio è un tema Drupal reattivo e personalizzabile con tantissime funzioni: più schemi di font, menu di superfish, presentazioni e molto altro.
Ecco uno screenshot della homepage:
Prima impressione
La mia reazione iniziale qui è abbastanza positiva. Photofolio è un tema attraente che ottiene molto bene, sia visivamente che funzionalmente. Ammette di essere un po 'più generico dal punto di vista del design, ma dato che è un modello, potrebbe non essere una cosa così brutta. Diamo un'occhiata in giro e vediamo cosa possiamo scoprire.
disposizione
Il layout è un'area in cui Photofolio lo mette davvero fuori dal parco. Il layout è pulito e semplice. Ci sono un sacco di slot di contenuti in modo da poter riempire le pagine con tutto il necessario, ma è tutto perfettamente organizzato in modo logico e diretto.
Come accennato in precedenza, questo tema è pienamente reattivo e sembra ottimo in quasi tutte le dimensioni di viewport che posso lanciare. Questo è fantastico perché mi fa sapere che stanno progettando per tutte le possibili dimensioni di viewport, non solo per alcuni dispositivi popolari.
Il sito ha una larghezza statica nelle due più grandi query multimediali, quindi una volta che si inizia a scendere verso un layout mobile, le cose diventano fluide. Funziona molto bene per il contenuto.
Allineamento
Una cosa che trovo un po 'di distrazione è che l'allineamento si sente un po' confuso nell'intestazione. A prima vista, potresti anche non accorgertene, ma se osservi da vicino puoi vedere che i vari elementi potrebbero essere un po 'migliori rispetto a ciò che li circonda.
Sopra puoi vedere il wireframe di base degli elementi di intestazione. È un cambiamento sottile ma suggerirei di modificarlo finché non avrai qualcosa di più vicino al seguente:
Qui ho appena infuso un po 'più di coerenza con entrambi gli allineamenti verticali e orizzontali oltre ad aggiungere un po' più di respiro attorno al frame del contenuto.
Combinazioni di colori
Un'altra cosa davvero fantastica su questo tema sono le opzioni di personalizzazione. Ad esempio, ci sono sette diversi schemi di colori tra cui scegliere.
Tutti gli schemi di colori sono abbastanza nitidi e ben implementati. Apprezzo molto il modo in cui drasticamente diversi schemi di colori cambiano la personalità del sito. Se stai cercando un look divertente o formale, questo tema può funzionare per te.
genere
Per impostazione predefinita, il tipo di Photofolio è un tipo di carattere sottile e casual che si sente perfetto per l'estetica leggera. Anche l'altezza della linea e le parole per riga si percepiscono bene in tutto il tema. Sembra un po 'piccolo, ma in realtà è un grosso problema, non vuoi mai comprare un tema con il tipo sciatto!
Open Sans è il font principale utilizzato qui. Questo è ovviamente un font Web di Google, e Drupal è abbastanza impressionante da consentirti di accedere ad altri fantastici font di Google Web nel caso in cui tu voglia scambiare qualcosa (il tema ha alcuni set predefiniti diversi tra cui scegliere). Combina questo con le combinazioni di colori sopra riportate e scoprirai che puoi davvero modificare questo tema per adattarlo al tuo stile personale.
Compatibilità del browser
Il Photofolio è pubblicizzato come pienamente compatibile con i browser, e in effetti ha funzionato bene in tutti i browser che ho provato. Tuttavia, sembra esserci un'interessante curiosità di Safari. Quando passo il mouse su qualcosa con una transizione, c'è un bizzarro bug lampeggiante.
Ho registrato uno screencast di questo effetto. Puoi vederlo qui.
Il design è riuscito?
Abbiamo già stabilito che il design è allo stesso tempo attraente e altamente funzionale, ma questi aspetti da soli non necessariamente ne fanno uno riuscito design. Il successo di un design è sempre basato sugli obiettivi che cerca di raggiungere. Sia che tu stia creando un tema Drupal o un social network, devi stabilire una serie di obiettivi e tenerli a mente.
Appello del fotografo
Quindi quali sono gli obiettivi di Photofolio? Assumerei che uno degli obiettivi principali sarebbe quello di fare appello ai fotografi. Come fotografo, personalmente, vedo molto qui su misura per le mie esigenze. Le presentazioni di foto e più layout di galleria tra cui scegliere insieme a un blog solido mi consentono di eseguire praticamente tutto il mio sito da qui. Posso mostrare in modo efficace il mio lavoro e pubblicare eventi individuali.
Più di foto
Penso che un altro obiettivo importante per il design sarebbe quello di non legarlo troppo esclusivamente ai fotografi. Le caratteristiche e il design sono tali che questo sito potrebbe essere facilmente utilizzato per una serie di nicchie creative come il web design. Gli esempi di gallerie sono attualmente pieni di foto, ma sarebbe abbastanza facile riempirli con schermate di siti web.
Versatilità
I modelli sono una bestia interessante. Normalmente, il design è interamente basato sulle decisioni. Devi scegliere tra quei due tipi di carattere che ti piacciono e se vuoi essere casual o professionale. Il tuo compito è quello di indirizzare il design in modo molto specifico per uno scopo, che dipende ovviamente dal cliente.
Con i modelli però, è vero il contrario. L'idea qui è di costruire una cosa che può essere utilizzata in molti modi diversi da molte persone diverse. Invece di fare scelte difficili, passi il tuo tempo ad accumulare più opzioni. L'obiettivo qui è la versatilità.Le persone vogliono sapere che se acquistano il tuo prodotto, soddisfano le loro esigenze, anche se tali esigenze cambiano lungo la strada.
In questa area, Photofolio ha abbastanza successo. La natura reattiva del sito significa che, indipendentemente da dove il tuo pubblico tende ad accedere al Web, otterrà un'esperienza stellare. Ovviamente, oltre a più layout per molte pagine, scelte di colori, schemi di font e persino alcune opzioni di riordino del layout manuale.
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.