Qualche articolo fa abbiamo visto quali sono le caratteristiche e i trend dello stile grunge; oggi realizzeremo, passo dopo passo, un layout accattivante nello stesso stile. Scegliamo perciò un cliente fittizio, che chiameremo (evviva la fantasia) Your Inspiration Grunge e che –sulla base dei consigli ricevuti dai nostri lettori – è un musicista. Anzi, come vedremo successivamente, due musicisti Jazz.
Sei pronto? Cominciamo! (continua…)
Lunedì scorso abbiamo inaugurato la nuova rubrica dedicata all’analisi dei diversi stili del web design spiegando che cos’e il “corporate/business” style e quali sono i tratti caratteristici di questo stile. Come premesso [e promesso] oggi disegneremo un layout in Photoshop perfetto per un sito aziendale: sobrio, pulito e semplice da progettare. (continua…)
Ti è mai capitato di scrivere un articolo veramente di qualità – su cui hai investito tanto del tuo tempo e delle tue competenze – e con il passare del tempo vederlo sparire nel dimenticatoio dell’archivio del tuo blog? Dopo un po’ di tempo che gestisci un blog, può sopravvenirti l’esigenza di dedicare una sezione agli articoli che ritieni degni di nota, evitando così che questi finiscano sperduti e abbandonati tra le pagine del blog.
Di plugin che permettono di evidenziare articoli ce ne sono già tanti in giro ma dopo averne testati alcuni mi sono reso conto che questi risultano poco flessibili perché solitamente permettono di mostrare gli articoli più letti o quelli più commentati senza fornire nessuna possibilità di scelta all’autore su quali articoli effettivamente mettere in evidenza.
E se invece tu volessi evidenziare un particolare articolo nonostante questo non risulti tra gli articoli più commentati o tra i più letti? (continua…)
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. (continua…)
Ormai è cosa nota che un buon font può fare il successo di un progetto grafico. Così, dopo la raccolta dei 25 font calligrafici più belli di sempre e i 20 font moderni più belli del web, oggi vediamo insieme un’interessante raccolta di font un po’ fuori dalle righe per un design più originale e particolare.
Asimmetrie, lettere capovolte, calligrafie più ricercate…non sempre i font sobri, minimal e classici sono la scelta più indicata per arricchire esteticamente una grafica: un font eccentrico può attirare l’attenzione in modo immediato e dare un impatto visivo molto forte. (continua…)
In questo articolo abbiamo visto alcuni siti veramente accattivanti accumunati tra di loro da uno stile semplice, pulito e minimalista. I tratti distintivi? Grafica ridotta al minimo, buona tipografia, colori quasi assenti e una spiccata predilezione per bianco, grigio, nero.
Dato che trovo questo stile molto accattivante, oggi disegneremo un layout per un portfolio in Photoshop, concentrandoci su dettagli quali i margini, gli allineamenti e la tipografia e riducendo il più possibile i colori e gli ornamenti grafici che non riteniamo essenziali per l’efficacia estetica del sito. (continua…)
Siamo ormai vicini al Natale, periodo si sa, in cui avviene il consueto scambio di regali tra amici e parenti. E anche noi non volendo essere da meno iniziamo la settimana con una nuova risorsa gratuita targata YIW.
Nell’articolo di Ivan – che hai già avuto modo di leggere la scorsa settimana – hai visto come integrare e personalizzare i tuoi ultimi tweet all’interno del tuo sito; oggi, sulla base proprio di quell’articolo, abbiamo deciso di regalarti cinque diversi temi già pronti e funzionanti disegnati e sviluppati appositamente per te. (continua…)
Ed eccoci con un’altra risorsa gratuita: questa volta si tratta del template di un sito che si sviluppa in una singola pagina e che ti consentirà di presentare sul web i tuoi lavori.
Dopo averti mostrato, passo dopo passo, come disegnarlo in Photoshop , abbiamo messo in codice il layout grafico ed adesso possiamo rilasciarti il sito vero e proprio in (x)HTML e CSS. (continua…)
Se pensi che i dingbat, ovvero i font composti da simboli, siano poco seri e pressoché inutili, devi cominciare a ricrederti. Eleganti, sfiziosi, umoristici…ce ne sono per tutti i gusti e per ogni esigenza. Sono facili da utilizzare, modificare, ridimensionare e capace di arricchire esteticamente ogni progetto grafico.
Va ovviamente fatta una cernita per non scadere nel lavoro amatoriale, dato che non tutti i dingbat sono di alta qualità: alcuni sono imprecisi, altri se ridimensionati diventano frastagliati e così via.
Per non parlare dei dingbat ormai usati&abusati fino allo stremo.
Ho voluto raccogliere in questa mini collezione alcuni dei dingbat che credo possano esserti utili: alcuni li ho utilizzati personalmente in qualche lavoro (come il bellissimo Nymphette), altri li ho conosciuti di riflesso grazie a qualche sito che ne fa saggiamente uso. (continua…)
Durante la fase di realizzazione del nuovo tema, come ti avevo già accennato, ho sviluppato tre plugin/widget che permettessero di gestire in modo del tutto dinamico la sidebar del nostro blog. E, come promesso, ecco rilasciato il primo dei plugin/widget.
