Gravit è un editor per la grafica vettoriale disponibile direttamente online o come app di Chrome. Accessibile tramite una semplice iscrizione gratuita, il servizio vive non soltanto grazie al lavoro degli sviluppatori che si occupano della sua implementazione, ma anche attraverso una ormai vasta community di utilizzatori che ha deciso di adottare Gravit per condividere i propri elaborati. (more...)

Continua a leggere Grafica e Web design online con Gravit

Categoria: Grafica

Si parla spesso di web design, di tutte quelle tecniche - dallo stile responsive a quello parallasse - che possono aiutare un sito Web a essere in linea con le tendenze del momento. Ma una parte fondamentale di questo processo è costituito dal graphic design, ovvero dalla scelta dell'impatto visivo del proprio prodotto. Esistono strumenti che possono semplificare il lavoro dei grafici? (more...)

Continua a leggere Graphic design: 5 strumenti gratuiti per semplificare il lavoro

Categoria: Web Design

Esperimenti come quello delle icone di iOS realizzate solo con i CSS hanno suscitato negli ultimi giorni un interessante dibattito all'insegna della domanda "CSS is the new Photoshop" (?). L'intervento di John Nack di Adobe è quello che va al cuore del problema perché punta l'attenzione sugli strumenti che usiamo e useremo per dare vita alle nostre idee creative. Louis Harboe ha creato le sue icone sfruttando semplici tool online per la generazione di codice CSS3, non avrebbe potuto ad oggi realizzarle usando programmi come Photoshop o Illustrator, semplicemente perché questi ultimi non sono in grado di coprire le esigenze di chi vuole creare elementi grafici di impatto abbinati ad un codice ricco e semantico. Una bella sfida per Adobe, non c'è che dire, complicata, perché, come dice Nack, nessuno è ancora riuscito a tirar fuori un software HTML WYSIWYG che possa anche solo avvicinarsi alla perfezione. E creare l'equivalente di un Illustrator o di un InDesign per HTML, Javascript e CSS? Sarebbe questa la panacea per i web designer di tutto il mondo? Jeffrey Zeldman sostiene che la cosa è impossibile da realizzare. Ma a me viene da chiedere: a prescindere dalla fattibilità , se ne sente davvero la mancanza?

Continua a leggere Sul modo in cui vorremmo realizzare le nostre pagine web

Categoria: Web Design

Tags: , ,
di napolux

Ottimizzare le immagini per il web è un'arte. Difficile spesso ottenere una buona resa associata a dimensioni accettabili per il download. Yahoo! ha da un po' messo a disposizione dei suoi utenti Smush It, un tool che permette di ottimizzare per il web un'immagine qualsiasi pescata direttamente dall'url di origine. Ad ottimizzazione avvenuta Smush It presenterà  una piccola preview, l'url per il download dell'immagine ottimizzata e un rapporto sullo spazio "guadagnato".

Continua a leggere Smush it! Ottimizzazione immagini da Yahoo!

Categoria: Grafica

Nei giorni scorsi, quando Google ha annunciato che la velocità  di caricamento delle pagine è ufficialmente un fattore che influisce sul PageRank, in molti hanno fatto notare un paradosso: l'intervento di Big G arriva in un momento in cui la tendenza prevalente va nella direzione opposta a quella sintetizzabile nel binomio leggerezza/velocità . Data per scontata la disponibilità  di connessioni veloci e banda larga o larghissima, molti sembrano aver di fatto dimenticato certe pratiche come quella dell'ottimizzazione della grafica, per esempio. Così Jeffrey Zeldman: Invece di immagini JPEG di media qualità  con i loro dettagli meno importanti spazzati via per risparmiare una manciata di KB, abbiamo iniziato a usare immagini PNG di alta qualità  sui nostri siti. Con tutte le conseguenze che ne derivano rispetto al peso delle pagine. (more...)

Continua a leggere Di PNG, JPEG e compromessi

Categoria: Grafica

Non mi occupo più da tantissimo tempo della realizzazione diretta di grafica per le interfacce e i layout web. Quando accadeva, più o meno nel Pleistocene :), il mio tool di riferimento era sicuramente Fireworks, allora targato Macromedia. Non so se il programma oggi di Adobe è ancora quello prediletto relativamente a quella zona di confine che sta tra la grafica vettoriale e quella bitmap, ma leggendo questo eccellente articolo di Jon Hicks vedo che almeno su Mac esistono delle possibili alternative. L'analisi di Hicks prende infatti in esame, confrontandoli con Fireworks e tra di loro tre software: Acorn, Drawit e Opacity. La conclusione è che, da sola, nessuna delle tre applicazioni può ambire a sostituire Fireworks, ma per specifiche funzionalità  ciascuna offre eccellenti soluzioni al professionista della grafica. Per Windows e Linux avete esperienza e suggerimenti di programmi alternativi a quello di Adobe?

Continua a leggere Alternative a Fireworks?

Categoria: Software e Servizi

Oltre ad essere una delle più grandi, se non la più grande galleria online di illustrazioni, dipinti digitali, creazioni artigianali, fotografia e molto altro ancora, deviantART possiede anche delle categorie espressamente pensate per i web designer. Consistono principalmente in gallerie di skin e interfacce (da quelle per i siti web e i blog a quelle per applicazioni varie), CSS già  pronti per l'uso e tutorial per Photoshop e altri programmi di interesse per chi sviluppa per il web. (more...)

Continua a leggere deviantART per il web design

Categoria: Web Design

Da Button Factory è un'applicazione web per la creazione di bottoni simili a quello che vedete raffigurato nello screenshot. Si possono impostare diverse opzioni sia per il testo sia per il pulsante: bordi, sfondi, ombreggiature, etc. Per quanto riguarda l'output si può scegliere tra i più comuni formati di immagine (.JPG, .GIF e .PNG) e il formato CSS (viene creata uno snippet di codice per una classe .button da applicare ai nostri pulsanti). Mancano opzioni per creare facilmente pulsanti rollover o direttamente sprites, ma a detta dell'autore sono funzionalità  previste per la nuova release dell'applicazione.

Continua a leggere La fabbrica dei bottoni

Categoria: Grafica

Tags: ,

I pattern sono sempre più utilizzati come sfondo delle pagine web, grazie alla tecnica della ripetizione del background. BgPatterns è un tool in stile Web 2.0 che offre un'ampia collezione di pattern che possiamo scaricare ed utilizzare come sfondo delle nostre pagine. Tramite la pratica interfaccia, possiamo scegliere i colori di primo piano (delle forme) e del background, decidere la texture opzionale, il pattern (con tanto di scala, valore di opacity e posizione) e addirittura il grado di rotazione di quest'ultimo. Come feature addizionale, possiamo applicare i pattern da noi creati direttamente e in tempo reale alla pagina di BgPatterns per vedere il risultato in un'anteprima immediata. Una volta completata la nostra opera, possiamo salvarla nella nostra collezione MyPatterns e scaricarla.

Continua a leggere BgPatterns: pattern per i nostri sfondi

Categoria: Web Design

Uno degli ultimi articoli apparsi su PSDTuts prende in esame la nobile arte dello schizzo a mano libera, dei suoi possibili usi nell'attività  del designer, dall'abbozzo di un layout alla definizione di un logo fino alla presentazione al cliente. Ottimi anche i link suggeriti.

Continua a leggere Penne, matite e quaderni

Categoria: Grafica