YIW Minimal: un template clean & free per un sito semplice ma professionale
Qualche settimana fa abbiamo visto come disegnare un layout minimal e al tempo stesso professionale e dall’estetica gradevole. YIW Minimal – questo e’ il nome del layout che abbiamo realizzato in Photoshop – ha avuto un grande impatto sugli utenti di questa community che ci hanno richiesto, in più occasioni, di progettare un template vero e proprio, disegnandone anche le pagine interne e mettendo in codice (x)HTML e CSS il tutto.
Eccoci allora con un’altra risorsa gratuita targata YIW: un template dallo stile semplice ma allo stesso tempo professionale e accattivante, facile da personalizzare e completamente free.
Live Preview Your Inspiration Minimal
DownloadCaratteristiche del template Your Inspiration Minimal
Your Inspiration Minimal è un template gratuito, estremamente versatile e semplice da personalizzare. Il layout è ottimizzato per svolgere la funzione di un portfolio ma è facilmente adattabile a qualsiasi attività o privato che voglia presentare sul web i propri prodotti o servizi.
Uno sguardo più approfondito: sotto il cofano del template
Come gia’ visto in fase di progettazione, Your Inspiration Minimal é stato disegnato tenendo conto del frame work 960. Di conseguenza, anche in fase di sviluppo, è stato utilizzato lo stesso framework: per maggiori informazioni in merito, ti suggerisco di leggere il nostro articolo sull’argomento.
La grafica del layout é volutamente essenziale, sia per attenersi al trend minimal (Less is more, decanta qualcuno), sia per facilitarti la personalizzazione del template secondo le tue esigenze (logotipi di colori diversi, immagini, altri elementi grafici, ecc..).
Anche la tipografia ha la sua importanza
In questo tema, proprio perché la grafica é ridotta al minimo, abbiamo dedicato un’attenzione particolare alla tipografia: la scelta e la dimensione del carattere, l’interlinea, la spaziatura tra le lettere, il contrasto dei colori nei titoli: il tutto per rendere più armoniosa la resa estetica e l’impatto visivo generale.
Il font utilizzato è, manco a dirlo, il Georgia, scelto per la sua eleganza e per la sua notevole efficacia dal punto di vista grafico.
Le varie sezioni di cui si compone Your Inspiration Minimal
Home Page
Nella sezione centrale della home page abbiamo inserito uno slider che, grazie al javascript coda slider, permette all’utente di visualizzare, non appena entra nel tuo sito, alcuni dei tuoi lavori o prodotti. Puoi inserire del testo, delle immagini, oppure degli slogan. L’importante è che il contenuto attiri l’attenzione dell’utente in modo immediato e intuitivo.
In basso, proprio come abbiamo disegnato in photoshop, sono state create tre diverse sezioni: La prima contiene gli ultimi messaggi di twitter, integrati come spiegatoci da Ivan nel suo articolo; nella seconda puoi inserire la testimonianza di un tuo cliente o, se preferisci, dell’altro contenuto a tua scelta; nell’ultima sezione abbiamo inserito i dati di contatto: numero di telefono e un link che permette all’utente di inviarti un messaggio di posta elettronica.
About
Nella sezione centrale della pagina about abbiamo inserito una simpatica mascotte realizzata da stockazoo e un baloon contenente un breve ed incisivo slogan. Nelle sezioni inferiori puoi aggiungere una tua descrizione o spiegare nel dettaglio i servizi di cui ti occupi.
Portfolio
Questa sezione è interamente dedicata all’esposizione dei tuoi lavori. A tal proposito è stato utilizzato Fancy-zoom, un plugin del framework Mootools che permette di visualizzare l’ingrandimento delle immagini tramite un effetto animato.
Contatti
In questa pagina i visitatori del tuo sito che desiderano avere ulteriori informazioni, preventivi o quant’altro, trovano un modulo contatti che gli permette di inviarti una mail direttamente sulla tua casella di posta elettronica. Il modulo contatti è già pronto all’uso (devi solo impostare un valido indirizzo e-mail) e provvisto anche di un controllo errori sui campi richiesti.
In questa pagina abbiamo inserito anche altre informazioni quali numero di telefono, indirizzo, e le icone dei vari social network, per dare agli utenti una modalità di contatto alternativa.
Che cosa comprende il pacchetto?
All’interno dell’archivio che hai scaricato, abbiamo incluso:
- I file sorgenti di Photoshop (.psd) in modo che tu possa facilmente modificare gli elementi grafici del template.
- La cartella del tema in (x)HTML & CSS.
- Pdf di supporto.
- Screenshot e una breve descrizione delle caratteristiche del tema.
- Licenza d’uso.
Supporto
Se hai qualche difficoltà nella personalizzazione del template o hai necessità di chiarire qualche dubbio, puoi lasciare un commento a questo articolo oppure visitare il nostro forum di supporto. Se ne hai bisogno, apri un nuovo thread: risponderemo appena possibile.
Licenza e crediti
Il template è rilasciato sotto licenza Creative Commons Attribuzione 3.0; questo significa che sei libero di riprodurre, distribuire e modificare liberamente quest’opera.
Your Inspiration Minimal by Your Inspiration Web is licensed under a Creative Commons Attribuzione 3.0 Unported License.
Live Preview Your Inspiration Minimal
Download
L'autore
Articoli correlati
Potresti essere interessato anche ai seguenti articoli:
33 commenti
Trackback e pingback
-
Tweets that mention YIW Minimal: un template clean & free per un sito semplice ma professionale | Your Inspiration Web -- Topsy.com
[...] This post was mentioned on Twitter by Your Inspiration Web, Francesco Magalini and nando pappalardo, Giustino Borzacchiel. Giustino Borzacchiel ... -
Notizie dai blog su Dal Template Photoshop Al Codice HTML CSS: 4° Aggiornamento
[...] YIW Minimal: un template clean & free per un sito semplice ma professionale Qualche settimana fa abbiamo visto come ... -
Notizie dai blog su 32 Template HTML/CSS Di Qualità Da Scaricare Gratis
[...] YIW Minimal: un template clean & free per un sito semplice ma professionale Qualche settimana fa abbiamo visto come ... -
Notizie dai blog su 15 Nuovi Template HTML/CSS Gratis
[...] YIW Minimal: un template clean & free per un sito semplice ma professionale Qualche settimana fa abbiamo visto come ...
Grandissima!!!!
Bellissimo articolo…!!!!! Grazie…
Grazie Giacomo e benvenuto su YIW.
Spero che questo template ti torni utile ;)
A presto
Non sono solito commentare i post solo per fare i complimenti, ma questa volta ci stanno tutti :)
Complimenti :D
Grazie Mille Jù, fatti da te valgono il doppio e anche qualcosina di più.
:)
Ma è semplicemente fantastico, scarico, uso e pubblicizzo ;)
Complimenti vivissimi ;)
Grazie, capo :)
Sai che prendendo ispirazione da quel template che proponesti qualche settimana fa, ho stravolto un mio lavoro che aveva pochi contenuti e lo resi a pagina singola.
Il sito non è ancora completo ma sono tentato dal fartelo vedere… mi do una mossa a completarlo :D
Vedere, vedere!! :D
ps. il sito da cui hai preso ispirazione però è YIW Folio, non questo, giusto?
molto molto molto bello!
Diciamo che sono al 50% ma l’ho pubblicato per fartelo vedere. Vuoi che ti invio una mail oppure qua?
Stiamo per mettere online un forum dedicato proprio allo scambio di opinioni e consigli sui reciproci lavori. Intanto, se vuoi, puoi mandarmi il tuo lavoro via e-mail: sara(at)mascaradesign(dot)it.
Aspetto curiosa :D
E’ DE-LI-ZIO-SO!
Un bellissimo lavoro, minimale ma compatto e completo, stiloso e con quei tocchi che lo rendono irresistibile!
Mi piacciono i font e la palette di colori e’ assolutamente gustosa, come un mango fresco che si scioglie in bocca =)
Ancora complimenti =)
[unico appunto: "Do you like my work? Here me" - dovrebbe essere HIRE me, se intendevi "ingaggiami"]
Addirittura come un mango fresco :D
Grazie dei tuoi estrosi complimenti, Claudia :)
ps. Uff, ho sbagliato di nuovo. Ci sono vocaboli che, ahimè, non vogliono entrarmi in testa. Hire me è uno di questi, insieme a “speak”, che scrivo sempre “speack”.
Speack with me: prosciutto con me. Et voilà, un pò di inglese maccheronico tanto famoso nel mondo :D Grazie per la segnalazione e a presto!!
Mi accodo ai complimenti e mi congratulo soprattutto per la completezza del contenuto dello zip, ma soprattutto per il manuale in pdf allegato !
Ciao Stefano, benvenuto e grazie, per i complimenti e per la bellissima recensione che hai fatto sul tuo blog :)
A presto!
Ti ho mandato la mail.
La cosa più bella è che dopo aver scaricato il pacchetto, ho messo a confronto la mia e la tua versione per vedere le differenze di interpretazione di un layout molto simile nelle basi.
Oltre ai complimenti che già hanno fatto in tanti, devo aggiungere che la pulizia e l’ordine del codice si avvicinano alla perfezione.
Tutto spiegato, tutto curato….
Complimenti veramente
Una domanda se permetti, visto che hai usato una pagina PHP perchè non hai scelto di caricare dinamicamente i contenuti?
è una semplice curiosità ovviamente ;)
Certo che permetto :)
Non ho sviluppato tutte le pagine in php (quindi compreso il caricamento dinamico di alcune sezioni) perchè ho pensato che non tutti gli utenti in locale hanno installato un webserver e php, di conseguenza questi avrebbero avuto problemi a visualizzare il tema in quanto il php non sarebbe stato interpretato.
un po’ quello che è capitato a marlenek per la pagina contatti :)
Gran bel lavoro, grazie. Piccolo bug nella pagina dei contatti: in alto a sinistra compare un “response”.
mi sa che il bug è sul tuo webserver che non elabora i file PHP ;) prova a controllare
Ciao Marlenek, grazie a te e benvenuto su YIW.
Per quanto riguarda il tuo “bug” ti ha risposto capobecchino :)
A presto
@sarah
appunto perchè ne avevi gia fatta una, ti chiedevo perchè non fare tutto in php, tanto lo stesso chi non parsa le pagine in php, vedeva codice non valido nel proprio HTML ;)
logicamente era e rimane semplicemente una piccola curiosità che mi hai gentilmente chiarito, il lavoro rimane ottimo e sto gia preparando il sito alla mogliettina, ispirato dal tuo template ;)
è inutile reinventare la ruota non trovi? ;)
Grazie e continuate cosi :)
sarebbe bello anche convertirlo in un tema di wp
Ciao io ho scaricato, il vostro template. Ho fatto un po di modifiche per quanto riguarda il layout grafico. La sezione dedicata al portfolio per quanto riguarda la struttura lo lasciata identica, ma quando a vado ad ingrandire le foto non me le fa vedere con l’effetto animato. Io ho copiato tutte le cartelle che avete anche voi nel vostro template. Devo scaricare qualcos’altro?
ciao e grazie
Ciao sono di nuovo io, ho risolto da solo.
Non avevo messo gli script che richiamano Js della animazione.
grazie lo stesso
Volevo ringraziare Sarah e anche tutto lo staff YIM.
Ho usato questo template per sviluppare il sito della mia associazione non profit: Good Times.
il sito è http://www.goodtimesonlus.it
Grazie ancora!
Ciao Luigi,
siamo felici di essere stati d’aiuto per la tua associazione. Ti ringraziamo anche per averci citati nel tuo blog, non eri obbligato e per questo ci fa davvero piacere che tu abbia scelto di farlo :)
Complimenti per come, con poche mosse, hai personalizzato il tema: veramente carino. E ti ringrazio perche’ mi hai permesso di scoprire un nuovo font free che trovo molto bello, il Merge ;)
ciao,
bellissimo articolo, sono sempre fantastici i layout grafici che vengono creati.
Una domanda se posso, siccome sono ancora carente in questa fase, se apporto modifiche al psd come posso esportarlo? per fare il layout di questo articolo si è usato il metodo descritto in “Come esportare un psd in xhtml e css senza perderci la ragione?”
grazie
ciao
niko
Ciao, grazie tanto per questo template, è veramente perfetto!
L’unica cosa che ho visto di recente (molto recente) è che i “twitter feeds” non funziona più.
L’ho visto sulla pagina di un cliente solo oggi …. poi ho controllato il vostro Demo Page qua: http://yim.yourinspirationweb.com/
E anche sul vostro c’è la problema che i Twitter Feeds non vengono piu inseriti nel sito.
Sarei estremamente in grato se potreste farmi sapere cos’è successo e cosa possiamo fare per giustarlo … siccome questo ‘feature’ era molto utile per il nostro cliente.
Stammi bene e spero che ci sentiamo presto,
Daniel