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…)
Eccoci di nuovo alla nostra raccolta mensile di risorse, articoli e curiosità che abbiamo selezionato per voi in tutto il mese di febbraio. Questo mese e’ stato veramente proficuo e abbiamo raccolto tanto materiale interessante da condividere con te: fanne buon uso! (continua…)
Dato che su Your Inspiration Web vige la teoria per cui, se una cosa è utile a noi autori molto probabilmente può esserlo anche per i nostri lettori, vorrei condividere con voi delle “dolci” considerazioni e regalarvi un po’ di ispirazione.
Tra poco dovrò iniziare a lavorare sul layout di una pasticceria e, dato che è un settore su cui ancora non ho avuto modo di cimentarmi, mi è sembrato giusto cercare un po’ di informazioni in rete. Risorse grafiche, trend, immagini, idee.
Ho raccolto più di venti siti (alcuni decisamente accattivanti, altri un po’ meno) rappresentativi del bel mondo della gastronomia dolce e analizzato i tratti distintivi e i punti di forza del loro design. Vediamoli insieme. (continua…)
Dopo aver analizzato le caratteristiche dello stile corporate e aver disegnato il nostro layout in Photoshop, oggi ci occuperemo di uno stile che da tempo è ormai una vera e propria tendenza: il Grunge. Ormai è relativamente semplice riconoscere un sito dal design grunge, ma non tutti sanno quali sono le caratteristiche e i dettagli che rendono questo stile così accattivante: vediamoli insieme! (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…)
Ogni nuova scoperta nell’ambito del web design, già dalla sua nascita deve confrontarsi con un ostacolo spesso duro da sormontare: la compatibilità con Internet Explorer.
Emblematici sono gli esempi di ombreggiature, o angoli arrotondati: sono facilmente ottenibili tramite moduli del CSS3 in tutti i browsers escluso Internet Explorer, per il quale bisogna ricorrere a dei trucchi e a delle vie traverse.
Ci sono dei moduli, però, che permettono di ottenere dei risultati grafici gradevoli e molto utili, pienamente compatibili anche col browser di casa Microsoft: oggi infatti ci occuperemo del modulo @font-face. (continua…)
E’ cosa nota a tutti i designer l’esistenza di determinati stili di design a cui è possibile attenersi o prendere spunto durante la stesura di un qualsiasi progetto grafico: che si tratti di una brochure, un manifesto pubblicitario o di un sito web, poco importa. Palette dei colori, scelta delle immagini, tipografia, background, elementi grafici…ogni stile ha le sue sfumature, le sue regole e le relative potenzialità. Il minimal permette di focalizzare i contenuti con semplicità ed eleganza, il grunge è più adatto ad un pubblico giovanile e fuori dagli schemi e così via, per ogni progetto è possibile indicare uno stile a cui è possibile aderire e, viceversa, un altro assolutamente da evitare.
Dopo questa premessa inauguro quindi una serie di articoli improntata sugli stili del (web)design, in cui analizzeremo le principali caratteristiche di ogni stile e, sulla base di queste, progetteremo e realizzeremo insieme, passo dopo passo, un layout in Photoshop ogni volta diverso. (continua…)
I CSS (Cascading Style Sheet) hanno rivoluzionato il modo di approcciare alla programmazione web: non solo permettono di poter applicare al nostro sito una grafica accattivante, ma, tramite i suoi selettori, può essere oggetto di modifiche tramite javascript.
Dal 1996 (anno in cui il W3C diede vita al CSS1) ai giorni nostri, il linguaggio CSS ha fatto passi da gigante, fino alla versione CSS3 attualmente in fase di realizzazione.
Se da un lato la maggior parte dei browser (Mozilla Firefox, Safari, Chrome) supporta buona parte dei neonati moduli del CSS3, dall’altro il più diffuso browser al mondo, Internet Explorer, non ne supporta nativamente quasi nessuno costringendoci, di fatto, a dover ricorrere a numerosi hacks al fine di ottenere risultati vicini alla sufficienza.
Oggi vedremo insieme, infatti, alcuni effetti che potrebbero rivoluzionare il web, ma che non possiamo ancora implementare nei nostri siti proprio a causa delle mancanze di Internet Explorer. (continua…)
Eccoci di nuovo alla nostra raccolta mensile di risorse, articoli e curiosità che abbiamo selezionato per voi in tutto il mese di gennaio. In questo articolo troverete il meglio di gennaio: ovvero tutto ciò che, per un motivo o per un altro, ha attirato la nostra attenzione: logotipi, font, siti, articoli da leggere, icone e tanto altro ancora. (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…)
