Archivio per la Categoria ‘Design’ Category

Come creare un set di icone di Messaggistica in Adobe Illustrator

In questo tutorial ti mostrerò, passo per passo, come creare un set di icone di messaggistica in stile flat utilizzando Adobe Illustrator.

Icone flat da realizzare

Premessa sulla versione di Illustrator

In questa guida utilizzerò Adobe Illustrator CC 2017. Se hai altre versioni di Illustrator qualche schermata potrebbe apparire differente, ma in generale puoi seguire il tutorial senza problemi. L’unica differenza sostanziale da tenere in conto è che nella versione CC 2017 è stata introdotta una nuova gestione della funzione di allineamento alla griglia pixel (approfondisci sul sito dell’Adobe).

1. Impostiamo il documento

Creiamo un nuovo documento all’interno del quale andremo a progettare le nostre icone. Una volta aperto Illustrator andiamo su File > Nuovo e impostiamo i seguenti valori:

  • Larghezza: 200 px
  • Altezza: 200 px
  • Unità: Pixel
  • Tavole da disegno: 1

Nuovo documento Illustrator || Leggi altro »

Guida CSS3: i font – parte prima

Bentrovato a questo nuovo appuntamento con la guida CSS3! Quest’oggi affronteremo un tema fondamentale: l’utilizzo di font, predefiniti e personalizzati. Nonostante sul web ci sia ormai un grand’utilizzo di materiale visivo — immagini, video, animazioni, etc. — il ruolo ricoperto...

5 commenti

Guida CSS3: pseudo classi e pseudo elementi

Bentrovato a questo nuovo articolo della guida CSS3! Come preannunciato nel capitolo precedente, quest’oggi ci occuperemo di pseudo classi e pseudo elementi. Ti sarà capitato spesso di voler applicare uno stile a degli elementi non proprio ben identificabili del tuo...

6 commenti

Nuovo look per e-commerce: consigli e spunti per un restyling efficace

Oggi vorrei proporre ai navigatori una riflessione sugli e-commerce. Gli utenti su Internet stanno diventando sempre più esigenti: per acquisire nuovi clienti che, ricordiamolo, non sanno chi siamo, è fondamentale la facilità con cui si reperiscono informazioni su prodotti che...

28 commenti

Slider e menù responsive: ecco due elementi da avere nel vostro sito (Parte 1: Il menù)

Sempre più spesso, navigando per il web, rimaniamo a bocca aperta osservando quel classico template Wordpress con uno slider a tutto schermo e le solite frasi d'effetto che si usano per favorire la cosiddetta conversione. Per non parlare di quei...

12 commenti

Come realizzare uno sfondo animato originale e adatto al contesto

In passato, per rendere un sito dinamico e quindi pieno di animazioni, effetti e quant’altro, ricorrevamo quasi sempre all’aiuto di Flash e quindi dell’action script, che era forse l’unico linguaggio che ci permetteva di ottenere determinati effetti. Fortunatamente, tutto questo...

18 commenti

Il restyling di un sito internet: non solo grafica

Da quando hai messo online il tuo sito, o quello di un tuo cliente, di tempo ne è passato ed è giunto davvero il momento di dare il via a un’operazione di restyling grafico e dei contenuti. Con la nuova...

21 commenti

Il Galateo di Photoshop per Web Designer

Penso tu abbia già sentito parlare di Photoshop Etiquette, un documento online uscito nel 2011, ideato e curato da Dan Rose, che spiega le regole base che ogni Web Designer dovrebbe seguire per usare al meglio photoshop. Ci sono state,...

8 commenti

Le Differenze Culturali nel Web Design

Qualche giorno fa girovagando come al solito su Twitter per trovare la giusta ispirazione, mi sono imbattuta nell’articolo “Why Japanese web design is so... different”. Una cosa a cui effettivamente non avevo mai dato troppo peso, eppure ci sono finita...

4 commenti

Utilizzare l’A/B Testing nei nostri progetti

L'A/B testing è un concetto derivante dal marketing che consente di realizzare applicazioni molto più vicine alle esigenze dell’utente. Il successo di un’applicazione (sia essa web, desktop o mobile) dipende da quanto facilmente essa riesce a soddisfare i requisiti degli...

3 commenti

Quale importanza dai al footer nella realizzazione di un sito web?

Un sito web per avere successo deve implementare ogni sua parte in modo usabile e funzionante. Tra queste parti, il footer è sicuramente quello più trascurato perché è posizionato sempre a piè pagina quando ormai tutti o la maggior parte...

10 commenti

Design visivo: alla ricerca dell’immagine giusta

C’è un momento, nella fase di progettazione grafica di un qualsivoglia layout, in cui molti web designer irrimediabilmente si arenano: è il momento della scelta delle immagini atte a correlare il contenuto testuale del sito, ad arricchire e vivacizzare la...

7 commenti

Restyling portfolio di un fotografo: progettiamolo insieme

Qualche giorno fa una mia carissima amica fotografa mi ha chiesto di sistemarle il sito. Il suo problema principale era quello di non poter inserire e modificare la galleria a suo piacimento. Dopo un’analisi approfondita sono però emersi numerosi punti...

21 commenti

Il Defensive Design messo in pratica nei portali e-commerce

Da appassionata di libri, a volte i miei acquisti si svolgono su Internet in portali conosciuti. Su tre siti di e-commerce per libri, ho provato a vedere in cosa un utente-tipo potrebbe incorrere e quali sono i punti di forza...

15 commenti

Come scegliere il giusto font: consigli e risorse

I font sono dei e veri e propri “compagni di vita” per noi web designer e, se fino a poco tempo fa dovevamo accontentarci della cinquina verdana-timesnewroman-arial-centurygothic-georgia, soffocando ogni aspirazione a inventare qualcosa di creativo sul fronte tipografia web, oggi...

32 commenti

Il sito del Web Designer a prova di cliente

Se sei agli esordi e ti stai addentrando solo ora nel mondo del Web Design, scommetto che una delle prime domande che ti frullano per la testa sia: “Dove trovo i miei primi clienti?”. Avevamo già analizzato in precedenza come...

Nessun commento

Lo spazio bianco, un alleato potente

Cos’hanno in comune la grafica, la psicologia e i testi? Ovviamente, prima di rispondere, dobbiamo calare questa domanda in un contesto specifico che, nel nostro caso, è quello della progettazione di un layout con i suoi stili. E prima ancora...

13 commenti

Tendenze del Web Designer 3.0

Ogni Web Designer ha un proprio stile e una propria idea di design, ma come tutti gli esseri mortali ci facciamo prendere da certi fattori di tendenza. Il Flat Design, il Tableau, la Parallasse, sono solo alcuni esempi. Il 2012...

13 commenti

Mobile First: la nuova tendenza

Che il futuro, ma anche il presente, sia ormai rappresentato dal mobile è un qualcosa di ormai completamente assodato. Ogni giorno infatti nuovi studi e ricerche ci forniscono dati sui dispositivi mobili che ci fanno comprendere quanto sia ormai fondamentale...

12 commenti