GuideGuide: creare una griglia di impaginazione in Photoshop

Volete creare una pagina web, un sito o un layout digitale ma nn riuscite a trovare uno spunto per organizzare il vostro foglio di lavoro in Photoshop? Ecco qui alcuni veloci consigli che vi potrebbero aiutare a creare un layout pulito ed ordinato.

Photoshop: ridimensionare le immagini in automatico

Nello sviluppo di un sito a volte è necessario dover ridimensionare una serie di immagini da un formato all’altro: per una gallery, per una serie di banner, o anche solo per archivio. Automatizziamo la procedura con Photoshop.

Dalla proposta grafica al CSS – Come affrontare il layout

Ritorniamo a parlare di conversione di una proposta grafica in una pagina HTML + CSS funzionale. Di tempo ne è passato, in questo anno tanti strumenti sono cambiati e sono emersi diversi modi di affrontare il flusso di lavoro per ottenere risultati differenti. Sono tuttavia convinto che il metodo di approccio che abbiamo visto nei post precedenti sia ancora un buon inizio per prendere confidenza con gli strumenti.

9 Slices Scaling. Sfondi ridimensionabili con i CSS3

titleOggi vorrei fare un po’ di pratica e qualche esperimento riguardante background-image e la sua applicazione con immagini multiple.
In particolare mi piacerebbe avere un elemento che possa essere allungato e allargato nel suo contenuto senza accrocchi particolari o limitazioni, senza scomodare Javascript.

Dalla proposta grafica al CSS – Layer Styles e CSS

photoshop_iconNello scorso articolo abbiamo parlato dei vantaggi e degli svantaggi di usare un approccio ai CSS3 rispetto ad un approccio classico ed abbiamo infine vestito l’header della nostra pagina di esempio. Oggi completiamo la parte mancante dell’header della nostra pagina utilizzando di nuovo alcune proprietà CSS3 senza ripeterci sui problemi di compatibilità ma confidando che questi nel lungo periodo diventino lo standard.

Dalla proposta grafica al CSS – Struttura HTML

photoshop_icon Continua il percorso per arrivare dalla grafica statica alla pagina web. Oggi parliamo di come derivare la struttura HTML dall’immagine proposta dal grafico. Una volta ottenuto il file a livelli per prima cosa dobbiamo cercare di individuare dal mockup quali sono gli elementi strutturali della pagina per organizzare il codice.

Dalla proposta grafica statica al CSS – introduzione

photoshop_iconCi sono principalmente due diverse scuole di pensiero sul workflow di progettazione di una proposta grafica: il primo, il più “antico e arcano” è quello di creare una proposta grafica come immagine, un mockup grafico, la seconda è quella di creare un mockup HTML studiando la grafica direttamente sulla struttura HTML.

Lascia che Artera
ti apra gli occhi.

Scopri la qualità del nostro servizio.

Garanzia soddisfatti o rimborsati

60 giorni

Migrazione e ottimizzazione

gratuite

Il miglior modo di iniziare, è provare

Registrati ora: è gratuito e senza impegni