Web design Blog: Seo, grafica e tutorial - yes WEB can » free

30+ Template PSD di alta qualità da scaricare gratis

yesWEBcan — Sun, 22 Jan 2012 23:07:11 +0000

Un web designer vuole sempre che i siti web da lui creati si distinguano per bellezza e unicità.

Il problema è che la creazione di un design da zero, a volte, è un attività che può bloccare anche le menti più creative. Magari inizialmente si ha già un idea dei colori da utilizzare e della struttura in generale ma a volte per il poco tempo a disposizione, lo stress o semplicemente perchè si è alle prime armi non si riesce a dare vita ad un buon design e si incappa nel classico blocco creativo.

Fortunatamente, a volte i web designer più esperti condividono i file sorgenti dei loro progetti gratuitamente . In questo modo offrono una fonte di apprendimento per i principianti e permettono ai web designer più esperti di studiare nuove tecniche di lavoro e aggiungere dettagli grafici ai progetti, arricchendoli così di nuovi elementi.

Sfortunatamente, a volte, la maggior parte di questi PSD free non vale nemmeno la pena di scaricarli. Così, oggi ho creato una lista di 30 layout di altissima qualità in PSD da scaricare e da cui prendere ispirazione.

Come disegnare un layout in stile organic? tutorial e psd

Realizzare un portfolio creativo in Photoshop

Come creare un colorato layout web in stile business

Creare un layout scuro in Photoshop

Come disegnare un layout in stile magazine? tutorial e psd

Disegnare un layout pulito in Photoshop

Progettare un trendy business layout

Progettare e sviluppare un sito web completo

ShutterPress: Progettare e codificare un portfolio fotografico

Progettare un elegante mobile app sito web

Come creare un web layout professionale in Photoshop

Come creare un layout per portfolio in Photoshop

Progettare un sito web minimale e pulito

Creare un tema moderno in Photoshop

Come creare un layout web a pagina singola con Photoshop

Progettare un tema Drupal business in Photoshop

Creare un layout per sito e gallery in Photoshop

Creare un sito web con colori scuri in Photoshop

Creare un layout in stile fumetto

Progettare un layout alternativo mediante l’utilizzo di UI/UX

Creare un layout a scorrimento orizzontale

Creare una single page illustrata

Progettare un tema per blog professionale e pulito

Design Squeeze Free Sample per gli amici Webmarketer

Creare un tema per WordPress in stile minimal

Come creare un tema in stile vintage

Creare un layout elegante in Photoshop

Come creare un layout games style in Photoshop

Come creare un portfolio stile minimal

Creare un layout luminoso in Photoshop

Font Free in stile natalizio (Christmas type)

yesWEBcan — Sun, 18 Dec 2011 22:25:52 +0000

Le luminarie, l’albero, il presepe e ahimè anche il “cinepanettone”, sono segnali tangibili che il Natale è alle porte.

Quindi visto che come me sarete sicuramente impegnati nella realizzazione di lavori a tema natalizio per voi e i vostri clienti, ho selezionato una raccolta di font Christmas gratuiti.

Ho cercato di dar priorità allo stile handwritten (mano libera) e a font con una certa sobrietà, evitando i molti font Christmas-type pomposi e ripetitivi, che ritengo poco utili ai designer di professione.

Anche in questo caso i fonts sono free, TrueType e di altissima qualità.

ST. NICHOLAS –> Download font

________________________________________________

SANTA SLEIGH –> Download font

________________________________________________

SANTA SLEIGH FULL DELUXE –> Download font

________________________________________________

CHRISTMAS ON CRACK –> Download font

________________________________________________

KRINGLE –> Download font

________________________________________________

ORNAMENTAL –> Download font

________________________________________________

KINGTHINGS CHRISTMAS –> Download font

________________________________________________

CANDY CANE –> Download font

________________________________________________

BREAKFAST AT MICHY’S –> Download font

________________________________________________

ALASKAN NIGHTS –> Download font

________________________________________________

Illustrazioni vettoriali e icone dedicate al Natale

yesWEBcan — Sun, 11 Dec 2011 23:05:10 +0000

Le festività sono ormai alle porte e sia i web che i graphic designer saranno impegnati nella realizzazione di lavori creativi a tema natalizio. Ecco perché ho selezionato in questa grande raccolta dedicata al Natale, le migliori illustrazioni vettoriali gratuite del web.
Sono sicuro che avrete l’imbarazzo della scelta.

Adesso è Natale

________________________________________________

FREE CHRISTMAS THEMED SKETCHY VECTOR GRAPHICS PACK –> vai alla pagina

________________________________________________

CARTOON SANTA VECTOR –> vai alla pagina

________________________________________________

FREE VECTOR HOLIDAY ILLUSTRATIONS BY KAI LOON –> vai alla pagina

________________________________________________

3D SANTA CLAUS –> vai alla pagina

________________________________________________

MERRY CHRISTMAS VECTOR ART PACKS –> vai alla pagina

________________________________________________

CHRISTMAS DECORATION ELEMENTS VECTOR–> vai alla pagina

________________________________________________

LORDOFDESIGN CHRISTMAS LARGE COLLECTIONS –> vai alla pagina

________________________________________________

CHRISTMAS PACK BY ARRIOCH –> vai alla pagina

__________________________________

TUTPLUS CHRISTMAS VECTOR PACK –> vai alla pagina

________________________________________________

VECTEEZY CHRISTMAS CARD –> vai alla pagina

________________________________________________

DEZIGNUS XMAS CARD –> vai alla pagina

________________________________________________

DEZIGNUS XMAS GIFTS –> vai alla pagina

________________________________________________

SILENT NIGHT CHRISTMAS ICONS –> vai alla pagina

________________________________________________

WEBDESIGNHOT CHRISTMAS CARD ILLUSTRATOR –> vai alla pagina

________________________________________________

123FREEVECTORS CHRISTMAS FREE VECTOR PACK –> vai alla pagina

________________________________________________

VECTORJUNGLE CHRISTMAS ICONS –> vai alla pagina

________________________________________________

VECTEEZY CHRISTMAS BUBBLES –> vai alla pagina

________________________________________________

DRYICONS MERRY CHRISTMAS EVERYBODY–> vai alla pagina

________________________________________________

VECTORJUNGLE STYLIZE CHRISTMAS TREE SET –> vai alla pagina

________________________________________________

CYBERELLA CHRISTMAS ICONS –> vai alla pagina

________________________________________________

VECTORJUNGLE CHRISTMAS ORNAMENT–> vai alla pagina

________________________________________________

CHRISTMAS DOCK ICONS –>vai alla pagina

________________________________________________

DRYICONS CHRISTMAS MAGIC –> vai alla pagina

________________________________________________

Raccolta di 25 Pattern gratuiti per Photoshop

yesWEBcan — Tue, 25 Oct 2011 22:15:55 +0000

Il web design negli anni ha subito molteplici cambiamenti e ogni giorno nascono nuove tecniche e metodologie da applicare nella creazione di siti.
Tantissime sono le risorse e le funzionalità che i progettisti hanno adoperato e poi abbandonato per rendere belle e creative le proprie pagine, ma di una cosa difficilmente un qualsiasi web designer farebbe a meno … i pattern.
L’utilizzo dei pattern per i nostri lavori è qualcosa che rende i progetti indubbiamente più interessanti e personalizzati, ma soprattutto incide positivamente sull’aspetto finale del prodotto.
Visto però che spesso il tempo è poco e crearli da zero diventa difficile ho selezionato alcuni pattern interessanti per lo sviluppo di siti web, desktop wallpaper e qualsiasi altro genere di grafica.
Per installare i pattern potete far riferimento a questo minitutorial che pubblicai qualche tempo fa.

Attenzione però non fatevi contagiare dalla “patternite” , è una malattia che colpisce un designer su 3… Il sintomo si presenta come una voglia irrefrenabile di scaricare quanti più pattern possibili e provarli tutti! Se venite colpiti dall’infezione vi ritroverete invasi da pattern che scombussoleranno voi e il vostro Photoshop. E la degenza è molto, molto lenta.

Adobe Photoshop Patterns

Felt

Paven

Checkered light emboss

Type

Diagonal Noise

Noise pattern with subtle cross lines

Fancy Deboss

Dark Brick Wall

Inflicted

crissXcross

Black linen 2

Darth Stripe

Subtle freckles

Random Grey Variations

Black Linen

Padded

Cross Stripes

Dark stripes

Handmade paper

Wine Cork

Dark denim

Paper 2

White carbon

Tactile noise

Risorse e illustrazioni vettoriali free per Halloween

yesWEBcan — Tue, 11 Oct 2011 22:02:41 +0000

Halloween è una festa importante. Ogni anno non vedo l’ora che finisca l’estate e venga presto il 31 Ottobre per festeggiare come da tradizione italiana la festa che più mi ricorda l’infanzia. Figuratevi che inizio a mangiare la zucca in 1000 modi diversi fin da Giugno proprio per fare il pieno di “cocozze” e trasformarle in questo periodo in macabre facce illuminate.

Lo sapevo che non ci avreste creduto, in effetti è difficile per noi non adolescenti essere legati ad una festa introdotta nel nostro paese appena otto anni fa. Eppure personalmente sto ricevendo tantissime richieste di realizzazione materiale pubbliciatario per promuovere la serata del 31 Ottobre non solo da parte di locali, ma anche da ludoteche e supermercati. Ecco il motivo per cui ho selezionato in questa raccolta, le migliori illustrazioni vettoriali dedicate alla festa di Halloween
Sono sicuro che avrete l’imbarazzo della scelta.

A Free Halloween Vector Icon Set | Smashing Magazine

Free Vector Halloween Heads | BenBlogged

Horror icons | Smashing Magazine

World of Aqua: After Dark | Iconfactory

Halloween Icons by Zeusbox | Iconarchive

Halloween horrors | Iconshock

Litho Halloween | Iconfactory

Vector Halloween | FreeVectorDownload

6 Free Halloween Vector Graphics | NewRevolutionDesign

Halloween icons | kearone

Trick or Treat – Iconfactory

Halloween party flyer | Chrisdesign

Halloween Pack | Qvectors

Vector Rss Icons | Qvectors

Free Halloween Vector Pumpkins | Vectorjungle

Halloween Icons | Ncus

Halloween Free Icons Pack | CssCreme

Halloween Card | AramisDream

Free Vector Skulls | Benblogged

E abbiamo aggiunto anche Halloween alle raccolte di risorse e illustrazioni vettoriali per Pasqua, Natale e San Valentino. Quale altra festa ci manca?

Come creare call to actions efficaci e spingere l’utente a compiere un azione

yesWEBcan — Mon, 03 Oct 2011 21:19:27 +0000

Dopo esser riusciti nel non facile obiettivo di attirare visitatori sulle nostre pagine, il passo sucessivo sarà quello di trasformare gli accessi in conversioni. Si parla di conversione quando un utente compie una o più azioni che noi abbiamo prefissato egli eseguisse, ad esempio registrarsi alla newsletter, acquistare un prodotto, rispondere ad un sondaggio, cliccare su un pulsante, ecc.

Quindi non è sufficiente pensare solo ad ottenere tante visite, bisogna sopratutto persuadere l’utente e sollecitarlo a compiere determinate azioni. In quale modo? Scrivendo contenuti di valori e creando call to action studiate ed efficaci.

Le Call To Actions, nella maggior parte dei casi assumono l’aspetto di bottoni attivi, che se cliccati rimandano il navigatore a concludere un’azione ben precisa.
Data la delicatezza e l’importanza della questione, esistono regole a cui è giusto attenersi per sfruttare le Call To Actions in modo ottimale. Vediamo insieme quali sono:

La dimensione

In una pagina web la grandezza di un elemento rispetto a quelli vicini, indica come questo sia di maggior rilievo rispetto agli altri.
Ed ecco che diventa importante progettare pulsanti che abbiamo dimensioni maggiori, e quindi distintive, rispetto agli altri elementi presenti nel design del sito.
Praticamente, la dimensione degli elementi in una pagina assegna ad essi una sorta di priorità, in più la distinzione del pulsante rispetto a tutto ciò che lo circonda, stimolerà la curiosità dell’utente e lo spingerà all’azione.

La posizione

Per catturare l’attenzione dell’utente, possiamo collocare il bottone in una posizione molto evidente, ovvero in una porzione di pagina facilmente accessibile che non renda necessario scollare la pagina verticalmente.
Quindi deve esser posizionato in un punto favorevole all’utente, e se possibile lasciargli spazi bianchi intorno in modo che sia rintracciabile instantaneamente e non venga confuso con altri bottoni, o perda di importanza perchè circondato da altri elementi.

I colori

Nella creazione di un design, i colori hanno un ruolo fondamentale in quanto creano enfasi e catturano l’attenzione dell’utente.

Infatti, come già dicemmo nella psicologia dei colori, e nell’influenza che i colori hanno sui nostri acquisti, questi influenzano inconsciamente molti aspetti della vita, riuscendo a condizionare la nostra percezione di un immagine.

Il colore delle call to actions deve essere accuratamente scelto non solo per l’influenza psicologica sul nostro inconscio, ma anche per creare più contrasto possibile con lo sfondo e con gli elementi circostanti. L’obiettivo ovviamente è che un utente che arriva al sito, deve essere subito in grado di riconoscere l’invito all’azione.

L’urgenza

Nella call to action utilizzare frasi e parole che esprimono il senso di urgenza, come ad esempio “acquista subito”, “solo oggi sconto del 20%, “valido fino al …” creano nella mente dell’utente un meccanismo persuasivo chiamato “avversione alla perdita“, e il conseguente timore che se non porterà subito a termine quella azione perderà un’occasione. Infatti l’avversione alla perdita si basa sul fatto che abbiamo più paura di perdere che piacere nel guadagnare.

La velocità e la semplicità

Spesso gli utenti esitano a cliccare sui pulsanti ben in rilievo perché hanno il timore che si tratti di un azione complessa, che porta via troppo tempo o sia a pagamento. Può essere importante quindi evidenziare la velocità e la semplicità della procedura.

La sincerità

Può capitare che sopratutto gli utenti meno esperti non si fidino di questi bottoni per timore che contengano dei pagamenti nascosti o perchè in generale troppo spesso questo genere di azioni hanno tradito le loro aspettative. E’ quindi impotante far capire chiaramente cosa succederà dopo aver cliccato sul nostro bottone, cercando di essere il più chiari possibile, ed evitare qualsiasi ambiguità!

Creare Menù di navigazione in JQuery con effetti grafici accattivanti

yesWEBcan — Sun, 11 Sep 2011 22:19:13 +0000

La navigazione è un elemento fondamentale per un sito web, per questo è importantissimo riuscire a rendere il menu semplice e intuitivo per gli utenti. Questo però non significa necessariamente fare a meno di effetti grafici e particolari accattivanti… un menu può essere pulito ed inequivocabile anche con l’aggiunta di qualche elaborazione caratteristica, ovviamente facendo attenzione che essa non influisca sul caricamento della pagina. Infatti se fino a qualche anno fa per creare menù ed elaborazioni grafiche si era obbligati ad utilizzare Flash, ora grazie a JQuery spesso è possibile ottenere gli stessi risultati e allo stesso tempo fare in modo che le pagine siano leggere, veloci ed usabili. E non solo, il famoso framework Javascript ha anche il vantaggio, troppo spesso tracurato, di mantenere i contenuti SEO friendly.
Integrare il menu con effetti implementati in Jquery aiuta a migliorarne l’aspetto visivo, ad accattivare gli utenti e dà quel tocco in più che permette al sito di essere ricordato nel tempo.
Se siete alla ricerca di un menu un pò diverso dal solito, vi segnalo questi 15 ottimi tutorial per creare menu di navigazione ad alto impatto mixando jQuery e CSS.

50 immagini gratuite dedicate all’estate

yesWEBcan — Sun, 17 Jul 2011 21:00:47 +0000

L’estate e il caldo torrido si fanno sentire molto in questo periodo, e mentre c’è chi è già in vacanza a godersi spiagge dorate, mare cristallino e panorami sublimi, la maggior parte di noi è ancora bloccata in ufficio tra progetti e lavori da consegnare prima delle tanto desiderate vacanze.

Ecco allora una raccolta di immagini utili per lavori a tema estivo, ma anche per rendere la postazione di lavoro più accogliente o per fantasticare e viaggiare con la mente in attesa che questi ultimi caldi giorni di lavoro passino al più presto.
Le immagini sono tutte Free e di proprietà (nel caso non lo capiste ) di Photoxpress.com. Vi sarà sufficiente registrarvi e potete scaricarne gratuitamente fino a 10 al giorno. Vi consiglio comunque di leggere bene i permessi per evitare problemi di licenza.
Ringrazio Photoxpress.com per avermi consentito la pubblicazione della raccolta.

Risorse vettoriali per Pasqua: Icone, illustrazioni, brushes e pattern free

yesWEBcan — Fri, 22 Apr 2011 14:03:49 +0000

Mancano pochi giorni ormai alla Pasqua e molti designer saranno impegnati ad essere creativi per realizzare lavori a tema con questo evento. Per questo ho selezionato in una grande raccolta le migliori risorse vettoriali gratuite del web riguardanti questa festività.

Si va dalle Illustrazioni, alle icone, ai brushes e ai pattern, ce nè di tutti i gusti e per tutte le scelte.

NE APPROFITTO PER FARE A TUTTA LA COMMUNITY TANTI AUGURI DI BUONA PASQUA

UOVA PASQUALI DECORATE VETTORIALI –> vai alla pagina

BUONA PASQUA ILLUSTRAZIONE –> vai alla pagina

UOVA PASQUALI VETTORIALI –> vai alla pagina

SIMPATICHE UOVA DI PASQUA COLORATE –> vai alla pagina

SET DI 15 ICONE DEDICATE ALLA PASQUA –> vai alla pagina

PATTERN VETTORIALI DI PASQUA –> vai alla pagina

CONIGLIETTO DI PASQUA PER RSS –> vai alla pagina

RACCOLTA DI ICONE DI PASQUA CON CONIGLIETTI –> vai alla pagina

ARTISTICHE UOVA DI PASQUA PER ILLUSTRATOR –> vai alla pagina

4 ICONE DEDICATE ALLA PASQUA –> vai alla pagina

ILLUSTRAZIONE VETTORIALE “BUONA PASQUA” –> vai alla pagina

BRUSHES (PENNELLI) DEDICATI ALLA PASQUA –> vai alla pagina

Raccolta aggiornata il 22/04/2011

Il valore dei link per i motori di ricerca: online sul nuovo numero di YIM

yesWEBcan — Tue, 01 Mar 2011 09:14:00 +0000

Con vero piacere vi segnalo che è online il nuovo numero di Your Inspiration Magazine, la rivista per i professionisti del web design. Il magazine che riesce a mettere insieme e far cooperare tante firme della community di web designer italiana, a piccoli passi sta raggiungendo traguardi sempre più importanti.
Anche per questo numero ho curato l’argomento Seo scrivendo un articolo che tratta l’importanza dei link per i motori di ricerca, argomento alquanto complesso che ho cercato di trattare in modo semplice ma approfondito per continuare il mio filone sul tema ottimizzazione per i motori di ricerca.
In questo numero si parla anche di folksonomie, accessibilità, user experience, blog design, formazione e tanti altri argomenti interessanti.

Ma la novità davvero interessante che nasconde questo numero è un altra, infatti sembra che l’obiettivo di stampare il magazine e renderlo cartaceo si fa sempre più vicino.

Facendo dei calcoli si è stimato che un numero di 2.000 abbonati potrebbe coprire i costi di stampa della rivista. La rivista avrà una pubblicazione bimestrale, e si è già stabilito che il costo dell’abbonamento annuale non supererà i 35 euro l’anno, compresa la spedizione direttamente a casa.
Allora da Your Inspiration Magazine parte una proposta davvero interessante che garantisce ai primi 2.000 che vorranno contribuire sottoscrivendo l’abbonamento un ruolo da protagonisti in una sezione creata appositamente sul network di Your Inspiration.

Cosa ne dite allora? Potete dire la vostra partecipando al sondaggio presente in fondo all’articolo di yourinspirationmagazine.

Concludo ringraziando Nando Pappalardo per aver compreso i miei problemi personali e aver aspettato più a lungo del dovuto la consegna dell’articolo. Alla prossima