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

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

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

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

Icone, illustrazioni e wallpaper dedicati all’amore

yesWEBcan — Wed, 02 Feb 2011 07:36:34 +0000

Febbraio è il mese in cui si festeggia San Valentino la festa degli innamorati. In qualsiasi caso, sia se ci tenete all’evento e siete tra quelli che si stanno scervellando per fare un regalo che lasci senza fiato la persona amata, sia se la ritenete una festa inutile, ma anche se siete single o vi siete presi una pausa di riflessione, se lavorate nel mondo della grafica tra i vostri clienti sicuramente ci sarà qualcuno che avrà bisogno di pubblicità per l’evento. Ecco perchè vi segnalo questa selezione di risorse free utili per i vostri lavori dedicati alla festa degli innamorati e all’amore in generale.

Tutte le risorse sono Free, vettoriali e di alta qualità.

In quest’occasione non solo i designer potranno usufruire delle risorse segnalate, potrà farlo anche chi è semplicemente interessato a creare un biglietto di auguri per la dolce metà.

________________________________________________

DESIGN DI CUORI ASSORTITI By VECTEEZY –> vai alla pagina

________________________________________________

MEGA RACCOLTA DI ICONE E RISORSE By DRYICONS –> vai alla pagina

________________________________________________

ICONE DI SAN VALENTINO By ICONARCHIVE –> vai alla pagina

________________________________________________

42 BELLISSIMI WALLPAPER DI SAN VALENTINO –> vai alla pagina

________________________________________________

SET DI ICONE DI ALTISSIMA QUALITA’ By ICONEDEN –> vai alla pagina

________________________________________________

25 CUORI VETTORIALI FREE By WEBDESIGNHOT –> vai alla pagina

________________________________________________

Photo Gallery e Slideshow in jQuery

yesWEBcan — Mon, 10 Jan 2011 06:09:20 +0000

L’uso di Image Gallery e di Sliders è diventato molto comune in blog e siti web. Questo perchè con l’avvento di jQuery inserire gallery per visualizzare immagini e foto in modo accattivante è diventato molto semplice anche per chi non ha molta esperienza con JavaScript. Inoltre jQuery è diventato molto popolare perché veloce, conciso e non appesantisce le pagine, garantendo così animazioni fluide ed elaborate utilizzando pochissimo codice (creare le stesse animazioni con Flash avrebbe appesantito troppo le pagine con un notevole aumento dei tempi di caricamento).

Ecco perchè ho selezionato queste fantastiche Gallery di immagini e slider in jQuery, che con poche righe di codice vi permetteranno di ottenere risultati molto creativi.

Sliding Panel Photo Wall Gallery with jQuery [ Demo ] [ Download ]

Slider Gallery with jQuery [ Demo ] [ Download ]

Cloud Carousel – A 3d Carousel in Javascript [ Demo ] [ Download ]

jQuery simple panorama viewer [ Demo ] [ Download ]

An HTML5 Slideshow w/ Canvas & jQuery [ Demo ] [ Download ]

Full Page Image Gallery with jQuery [ Demo ] [ Download ]

Interactive Photo Desk with jQuery and CSS3 [ Demo ] [ Download ]

New jQuery & CSS3 Gallery With Animated Shine Effects
[ Demo ] [ Download ]

Multimedia Gallery for Images, Video and Audio [ Demo ] [ Download ]

Thumbnails Navigation Gallery with jQuery [ Demo ] [ Download ]

Create image gallery in 4 lines of jQuery [ Demo ] [ Download ]

Nivo Slider [ Demo ] [ Download ]

S3 Slider [ Demo ] [ Download ]

Beautiful Photo Stack Gallery with jQuery and CSS3 [ Demo ] [ Download ]

Supersized 2.0 – with Transitions & Controls [ Demo ] [ Download ]

Free Fonts stile Web 2.0

yesWEBcan — Thu, 28 Oct 2010 05:33:42 +0000

Il termine Web 2.0 è utilizzato per indicare l’insieme di quei siti web progettati per instaurare collaborazioni e invogliare la condivisione tra utenti, tipo i siti di social networking (es. Facebook e Twitter), siti di condivisione foto e video (Flickr e Youtube), e blog (come ad esempio yesWEBcan ).

Con l’avvento delle nuove tecnologie, questi siti non vengono più visitati solo tramite computer desktop ma anche tramite dispositivi portatili, cellulari, netbook, console per videogiochi ecc. Ecco perché i font stile 2.0 devono essere, oltre che originali e esteticamente accattivanti, molto leggibili e visualizzabili in modo corretto indipendentemente dal dispositivo che viene utilizzato.

Proprio in questi giorni, per un progetto che sto realizzando in collaborazione con un amico, mi sono trasformato in “Salvatore Jones alla ricerca del font 2.0 perduto” e nei meandri della rete, dopo aver affrontato draghi sputafuoco a tre teste e mantenuto la lucidità davanti a scritte lampeggianti “sei il visitatore numero 1.000.000.000 hai vinto 1 villa in Sardegna” sono riuscito a selezionare ben 18 font da scaricare e da utilizzare per i nostri progetti!

Allora che ne dite, l’impresa è servita?

Dove trovare immagini gratis? 5 siti con immagini senza copyright

yesWEBcan — Mon, 28 Jun 2010 05:36:44 +0000

Sappiamo bene che sia nel web che nel graphic design è molto importante associare ad ogni progetto le immagini piu adatte.
In particolare quando si tratta di siti personali o piccoli progetti dove il budget è molto limitato diventa difficile acquistare foto da siti tipo Fotolia o iStockPhotos, quindi si opta per qualcosa di gratuito.

Molto spesso però viene adottata una soluzione sbagliatissima che è cercare le immagini su Google, ma non tutti sanno, che BigG non distingue le immagini coperte da copyright da quelle utilizzabili liberamente, e per questo motivo può capitare di utilizzare immagini di cui non abbiamo nessun diritto/autorizzazione.

Allora oggi vi presento 5 ottimi siti con enormi archivi di foto libere da diritti, scaricabili anche in alta risoluzione assolutamente gratuite. In alcuni potrebbe essere necessaria la registrazione (gratuita)

SXC

Tra i Foto Stock gratuiti, Sxc è uno dei più conosciuti. Dopo esservi registrati gratuitamente è possibile iniziare a scaricare migliaia di immagini che sicuramente sapranno soddisfare tutte le vostre esigenze. Tutte le immagini sono utilizzabili liberamente ma attenzione alle policy indicate insieme all’immagine.

Morguefile

MorgueFile è una directory di fotografie davvero ricca ed interessante, con 70.000 immagini scaricabili gratis. Le immagini sono di qualità medio-alta, possono essere utilizzate liberamente sia per uso personale che commerciale (a condizione che non vengano vendute).
Per scaricare non è necessaria la registrazione

Photoxpress

E’ il più giovane tra i servizi, ma la qualità delle foto è veramente alto. Ideato, sviluppato e lanciato da Fotolia, con una banca dati di 658,717 immagini free vuole essere un punto di riferimento per chi non ha bisogno di immagini altamente professionali, come potrebbe essere l’illustrazione di una tesi di laurea, un personal blog o un sito personale.

FreerangeStock

Anche FreeRangeStock ha un bella banca immagini ad alta risoluzione. Le immagini si possono utilizzare sia per uso personale che commerciale. Anche qui è obbligatoria l’iscrizione (gratuita)

RGBStock

Rgbstock non ha tante immagini come gli altri elencati, ma la qualità qui è tra le migliori. Necessita di registrazione

Ciascun sito ha delle regole d’uso diverse, vi consiglio quindi di leggere per bene i permessi per evitare problemi di licenza.
Ho preferito segnalarne solo 5 per non confondervi con troppe risorse (io uso principalmente solo i primi 3).Ovviamente però se conoscete altri siti interessanti da aggiungere alla lista vi prego di segnalarli nei commenti