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 è Chique, un modello Drupal premium 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.
Circa più di (solo) temi
"Più di temi presenta con orgoglio alcuni dei migliori temi e strumenti di Drupal, HTML e PSD in giro. Alcuni fantastici omaggi anche. Con un design perfetto, una procedura di installazione automatizzata, un supporto unico e istruzioni di installazione dettagliate, tutte create da persone che puoi facilmente raggiungere, persone come te; blogger, web designer, programmatori e geek drupal.?
Ecco uno screenshot di Chique, il tema specifico che vedremo oggi:
Prima impressione
Questa critica sarà leggermente diversa da quella tipica perché l'articolo che stiamo guardando è in realtà un prodotto in vendita. Ciò significa che non dovremmo solo giudicarlo in base all'usabilità e al design, ma anche alle opzioni e alle funzionalità che l'acquirente sarà in grado di utilizzare.
Fortunatamente, subito dopo sono rimasto molto impressionato tutt'intorno. Il tema è pieno di fantastiche e potenti funzionalità che sono abbastanza buone sia per i principianti che per i professionisti. Inoltre, l'estetica è abbastanza bella e, come vedremo, abbastanza flessibile da adattarsi a molti stili diversi. Entriamo e guardiamoci intorno.
disposizione
La sezione principale della home page è un solido layout a tre colonne con la barra laterale leggermente più larga delle colonne principali a sinistra. Queste due colonne sono utilizzate principalmente per indirizzare il traffico verso altre parti del sito, con miniature e paragrafi di teaser. La barra laterale è il tuo tipico widget? area, contenente varie funzionalità interattive.
Questo tema è particolarmente adatto per ristoranti, hotel e simili, e i widget della sidebar riflettono questo: citazioni dei clienti, un calendario delle prenotazioni, una mappa rapida, ecc.
Il piè di pagina continua con il formato a tre colonne, anche se questa volta con proporzioni leggermente modificate. Qui troverai una sezione per gli eventi, un'altra per i social media e una terza con le immagini in miniatura che ti portano in una galleria.
Layout della pagina secondaria
Come puoi vedere nell'immagine sopra, le pagine secondarie usano un layout a due colonne più semplice, spesso con una grande immagine di testa in cima alla colonna di testo a sinistra, e un elenco di link con un modulo di login a destra (puoi opzionalmente usare un layout a colonna singola senza barra laterale).
Nel complesso, penso che il layout di tutto il sito sia fantastico. Le ossa per il sito sono solide e funzioneranno bene per mostrare non solo diversi tipi di contenuti, ma anche molto senza sembrare un po 'ingombrante. È facile pensare troppo alla presentazione dei contenuti e con temi multiuso come questo è quasi sempre meglio mantenere le cose semplici.
Tipografia
Sono piuttosto schizzinoso riguardo la tipografia, specialmente le piccole cose come il rapporto tra dimensione del carattere, altezza e larghezza della linea. Il tipo su Chique sembra grandioso, ma posso dire che il designer ha investito del tempo per farlo bene. Ci sono anche alcuni tocchi artistici come i cappucci di protezione sparsi sul sito.
Una delle funzioni più interessanti di Chique è la possibilità di personalizzare i font che vengono utilizzati tramite il pannello di amministrazione. È davvero facile, tutto ciò che fai è fare clic su Impostazioni font? e scegliere tra diverse famiglie di caratteri per il nome del sito, le intestazioni e la copia del paragrafo.
Il tema Chique si distingue per le opzioni di personalizzazione e ti consente di scegliere molto più del tuo carattere. Diamo ora un'occhiata a come è possibile modificare la combinazione di colori e lo sfondo in base alle proprie esigenze e preferenze.
Colore e sfondi
Cambiare i caratteri nel tema crea in realtà un cambiamento estetico piuttosto sottile, se vuoi diventare grande puoi scambiare sia il colore che il motivo dello sfondo. Puoi creare il tuo stile scegliendo tra cinque diversi schemi di colori (marrone, viola, blu, grigio e verde) e dodici diversi modelli di sfondo.
Scambiare tra tutte queste scelte è facile come cambiare font. Basta entrare nell'impostazione e scegliere dal menu a discesa. Una cosa che speravo di vedere è un modo per disattivare completamente la trama dello sfondo e utilizzare solo uno sfondo a tinta unita. Per quanto posso dire, questa opzione non è presente. Consiglio vivamente di aggiungerlo per coloro che non sono pazzi per le opzioni del modello.
immagini
Una delle cose che preferisco di questo tema è che mostra molto bene i contenuti dell'immagine. C'è una grande presentazione animata nella parte superiore della pagina, dei bei trattamenti di confine sulle immagini del corpo e una galleria nel footer che si collega a una pagina lightbox dedicata in cui è possibile mostrare un mucchio di altre foto.
Dico sempre che nulla integra il buon design come una buona fotografia, e questo tema ti permetterà di far brillare le tue belle immagini. Lo slideshow include anche un sacco di opzioni di personalizzazione in modo da poter modificare tutto ciò che non ti piace.
Cosa penso?
Finora questa è stata una di quelle critiche in cui passo più tempo a dirti cosa è giusto invece di ciò che è sbagliato. Questo perché si tratta di un tema davvero solido e dal design professionale e non ho davvero nulla di serio da lamentarsi. Come ho detto, mi piacerebbe vedere un'opzione per abbandonare la trama dello sfondo, ma a parte questo, c'è un grande mix di funzionalità e flessibilità.
Forse è troppo presto per iniziare a prendere punti quando un sito non è reattivo, ma non posso fare a meno di pensare che i temi precostruiti in particolare, che sono destinati a soddisfare una vasta gamma di esigenze, dovrebbero iniziare a seguire questa strada. Lo stesso sito in realtà vende un tema reattivo e mi piacerebbe vederli fare un tentativo di aggiungere funzionalità simili ad altri come Chique.
In definitiva, posso dire che sono stati fatti molti sforzi e tempo e penso che valga la pena pagare i sessanta dollari che paghi per ottenere il tema HTML, CSS, Drupal e PSD.
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.