Mi sono trovato davanti ad una situazione che capita a molti web designer.
Dovevo inventare un logo…

È già perché si tratta proprio di inventare. Bisogna prendere vari dati e mescolarli tutti insieme in un lavoro grafico piacevole.
Bisogna considerare la funzione del logo, dove verrà utilizzato, quello che deve trasmettere e per che cosa viene creato.

Dopo aver preso in considerazione tutti questi fattori occorre anche avere un’inspirazione per creare un logo ben fatto e che corrisponda all’idea di partenza.

Cosa c’è di meglio che vedere dei lavori già fatti?

Ecco dove possiamo trovare l’ispirazione per creare il nostro logo.

http://www.logomoose.com/ un sito pieno di loghi uploadati ogni giorno. C’è la classifica che viene costantemente aggiornata in base ai voti che possono lasciare tutti. Vengono premiati anche i migliori loghi del mese e dell’anno.

http://logopond.com/ altro sito speciale per trovare l’ispirazione, subito appena si entra nell’homepage ci si ritrova di fronte a lavori dalla qualità altissima. C’è la possibilità di commentare i loghi che ci piacciono di più. Infine utile il forum dove scambiare opinioni e dove è presente un marketplace.

http://logofaves.com/ anche qui potete trovare delle creazione fantastiche, impossibile trovare un logo che non sia originale e bello.

Tool online che permette di scegliere i font in modo semplice e immediato

Quante volte ci è capitato di scrivere una parola su Word e di provare uno ad uno i vari font disponibili, alla ricerca di quello giusto per il documento o progetto?

Oltre alla perdita di tempo, non si aveva mai la situazione sotto controllo: è meglio questo font o quello di prima?
Allora si copiava la parola e si incollava per cento volte e via a provare infiniti font, selezionandoli e riprovando.

Questo formidabile sito vi toglie tutti questi problemi e vi rende il lavoro molto più comodo e veloce.
Il sito è http://flippingtypical.com/ e in sostanza prende tutti i font che ci sono nel vostro computer e li mostra in un’unica pagina.
Noi possiamo inserire una parola e vedere l’anteprima automatica di tutti i font.

Risulta essere un tool molto buono per vedere ad esempio dei font a confronto ed per avere una panoramica completa di quelli installati nel pc, semplificando molto l’operazione di scelta.

Abbiamo già girato i nostri siti web preferiti ma non troviamo l’icona giusta?
Oppure siamo di fretta e vogliamo trovare quello che fa al caso nostro in un secondo?

Con lo strumento giusto trovare icone da utilizzare nei nostri siti non è mai stato così semplice.

Iconfinder è il motore di ricerca delle icone.

Digitiamo il nome che potrebbe farci trovare l’icona che ci serve, come facebook o twitter, e premiamo invio.
Subito iconfinder ci mostrerà una serie di icone da scaricare ed utilizzare.

Utilissima la possibilità di affinare le ricerche: possiamo ad esempio selezionare solo le icone senza sfondo. Oppure se cerchiamo un’icona da 128 px, possiamo dividerle in base alle dimensioni.
Infine si possono visualizzare solo le icone utilizzabili anche per scopi commerciali.

Cercando dei poster carini da appendere sul mio studio, mi sono imbattuto nel sito di National Geographic.
Ho trovato una risorsa carina e ve la linko subito.

A questo link potete trovare infatti una collezione di immagini di grandi dimensioni.

Questi poster si possono scaricare gratuitamente e stampare con le normali stampanti, in formato A4.
Il formato è pdf e normalmente i poster sono composti da 10 pagine.
Successivamente si uniscono i vari fogli (numerati in ordine per non sbagliare ) e viene fuori un poster da appendere subito nella nostra cameretta

La galleria di poster gratuiti comprende immagini naturalistiche come animali, paesaggi, ambientazioni, le piramidi, ecc.
Io mi sono scaricato le piramidi, appena ricarico la “succhia-inchiostro” della mia stampante, lo stampo e vi dico se vale la pena, anche se sono sicuro di non  rimanere deluso!

Su band-flayer.com è molto semplice e veloce realizzare una locandina per un evento, un concerto, una festa, ecc.

Basta entrare nel sito, scegliere la grafica, caricare una foto, scrivere il nome della band, la data e il luogo dell’evento, e la nostra locandina per l’evento sarà creata con pochi semplici passi.

Dopodiché sarà possibile inviare il flayer per mail, pubblicarlo nel nostro sito, stamparlo in formato pre-configurato, senza dover ridimensionare l’immagine con altri programmi.

Se ci iscriviamo, gratuitamente, possiamo creare flayers e promuovere tutte le nostre iniziative: Show, Cd, Lezioni di Musica, Ricerca di un componente per la band, ecc.

Per chi in rete ci passa molto tempo, per lavoro o per divertirsi, il logo di Google è certamente un’icona dei nostri tempi.
Dalla parte grafica, il logo è molto semplice, pulito e a mio avviso, molto bello!

Allora vi posto un tool online che vi permette di creare un logo in stile Google in due secondi.

Collegatevi all’indirizzo Google Font.com digitate il testo che volete e cliccate su Create Logo!.

Vi comparirà immediatamente un logo con il font di Google e anche le lettere con colori diversi.
Infine una leggera ombra completerà in bellezza il nostro nuovo logo.

Per salvarlo sul pc basta premere su Download logo oppure click con il tasto destro del mouse e Salva immagine con nome

Online ultimamente è possibile fare tutto quello che, almeno qualche anno fa, era una prerogativa di software d’ultima generazione.
Oggi voglio farvi vedere come possiamo modificare immagini online senza l’utilizzo di software grazie a phixr.com

Basta collegarci all’indirizzo phixr.com e upload are una nostra immagine da hard disk oppure importare una foto da un sito web (inserendo l’url).

Il tool online ci mette subito di fronte ad un’interfaccia molto semplice che permette di operare sulle nostre immagini molto rapidamente. Come possiamo notare al centro c’è la nostra foto e a sinistra sono presenti tutti gli strumenti.
Possiamo ritagliare la foto grazie alla taglierina, si può selezionare direttamente sulla foto lo spazio da tenere, oppure impostare le misure.

Un altro strumento essenziale è quello che permette di ridimensionare le immagini, possiamo scegliere tra formati standard oppure immettendo le misure personalizzate.

Altre operazioni che si possono fare sono: applicare dei filtri per dare un tocco originale alla foto, come il bianco e nero, effetto seppia; possiamo impostare i livelli di saturazione/luminosità; inserire del testo nell’immagine, disegni. Infine sono presenti molti effetti per rendere la foto speciale.

Da notare che quando abbiamo finito possiamo salvare la foto nel nostro pc nei comuni formati (jpg, gif, png) oppure inviarla per mail, è possibile infine condividere l’immagine sui social media più diffusi.

Link | phixr.com

Se guardate attentamente in giro per il web noterete che le icone sono presenti ormai in tutti i siti.
Donano quel tocco in più di creatività e a volte di funzionalità (frecce per andare avanti indietro, una lente per la ricerca, ecc) indispensabile per la qualità finale del sito.

Vi posso assicurare che aggiungere delle icone (di buona qualità) al vostro sito può cambiare di molto l’aspetto estetico di esso, e renderlo molto più professionale, dare infine l’idea al navigante che il sito sia importante.

Per questo è essenziale scegliere delle icone che si abbinano alla grafica del sito e alla funzione che svolgono, di buona qualità, e (una mia opinione) senza tanti fronzoli o altri elementi superflui. Devono essere il più semplici e chiare possibili.

In questa lista vi elenco i migliori siti dove trovare tutte le icone che vi servono, gratuitamente.
Sono in ordine di importanza e di qualità delle risorse.

http://www.iconarchive.com più di 20.000 icone, alcuni set davvero ottimi

http://www.freeiconsweb.com 15.000 divise in set in base alla categoria (il mio preferito!)

http://iconfactory.com/freeware icone davvero ottime

http://www.famfamfam.com/ un famosissimo pack di 1000 icone ottime per i developer web

http://www.icone-gif.com/indexicone.php una marea di icone nel vero senso della parola, impossibile non trovare quella che fa al caso nostro

http://www.iconbazaar.com/ moltissime icone in grande formato e di ottima qualità, divise in set da scaricare

http://www.pinvoke.com 1900 icone 16×16 da scaricare insieme per i developer

http://www.websiteicons.com/tab/FREE_Pixel_icons sezione di icone free

http://www.iconspedia.com/ tante icone di grande formato divise per categoria

http://sweetie.sublink.ca due pack da 182 + 37 icone per siti web

http://www.bvfonts.com/icons/icons.php set di icone che richiamano i vinili, molto vintage

http://www.intersmash.com/300images/ pack  di 300 icone da scaricare subito

http://fasticon.com/freeware

http://www.brandspankingnew.net/archive/2006/12/hohoho.html

http://www.iconboom.it

http://www.splash.it/grafica/icone

http://www.iconbazaar.com/

http://somerandomdude.com/projects/bitcons/

E se in questi siti di icone non avete trovato ancora quella giusta per voi, voglio aggiungere alcuni siti che sono dei veri e propri motori di ricerca per icone:

http://www.iconfinder.net/

http://www.iconlet.com/

http://www.iconlook.com/

Oggi c’è il consueto appuntamento con la rubrica dedicata a WordPress.

Nel precedente post abbiamo visto come installare e configurare WordPress nel nostro dominio.

Oggi vedremo come installare un tema in WordPress e i siti dov’è possibile sceglierlo e scaricarlo (gratis, ovviamente!).

Ho già parlato di alcuni siti che hanno moltissimi tempi per Wp, in particolare WordPress Themes e WordPress Themeland
Ma la risorsa principale, dove cercare un buon tema resta il sito ufficiale di WordPress.

Possiamo navigare tra migliaia e migliaia di temi.
Ovviamente sceglieremo uno che soddisfi i nostri gusti estetici, ma non dimentichiamoci della funzionalità e dell’accessibilità. E’ sempre consigliato un tema semplice, dai contenuti chiari, come la navigazione che deve essere accessibile e sempre disponibile, anche al navigatore meno esperto. Scegliamo un tema con lo spazio centrale il più largo possibile: il contenuto è la cosa fondamentale di un blog, evitiamo quindi temi che hanno 4 o più colonne che delimitano lo spazio al contenuto.

[ad#336x280testo]

Un altro aspetto da considerare è il supporto del tema ai Widget.
I Widget sono degli elementi aggiuntivi che possiamo posizionare sulla colonna di destra (generalmente ma può essere anche quella sinistra). Con essi possiamo personalizzare ancora di più il nostro blog mettendo caratteristiche e funzioni aggiuntive come: delle statistiche del sito (numero visite o i post più letti), elementi grafici che rappresentano i tag in modo più colorito, e altre innumerevoli aggiunte possibili.

Bene ora che abbiamo scelto il nostro tema scarichiamolo e scompattiamo l’archivio.

Ora ci serviremo di un software ftp (per esempio FileZilla) per trasferire il tema nel nostro spazio.
Scompattato il file avremo una cartella che avrà il nome del tema, all’interno contiene sorgenti .php, immagini e tutta una serie di file che compone il tema. Questa cartella dobbiamo caricarla nel nostro blog, al percorso wp-content/themes/ .

Finito l’upload possiamo vedere dentro la cartella wp-content/themes/NomeTema tutti i file che abbiamo visto prima.

Non ci resta che attivare il tema: andiamo nella parte amministrativa del blog, sulla sezione Aspetto – -> Temi.

Da qui possiamo vedere un’anteprima di tutti i temi presenti nella cartella /themes/.

Noteremo che ci sarà il tema appena caricato, con relativo screenshot, cliccando su di esso comparirà un’anteprima realistica del nostro blog (con il nome, i nostri post, ecc) con il tema appena selezionato, per farci un’idea di come sarà il sito.
Cliccando in alto a destra su Attiva Nometema le modifiche saranno effettive.

Complimenti abbiamo appena cambiato il tema del nostro Blog WordPress!

Il mio consiglio è: poiché non troveremo subito il tema che ci va bene, scegliamone più di uno (4-5), carichiamoli e vediamo l’anteprima. Vi assicuro che può capitare di imbattersi in un tema bellissimo, a prima vista, e poi applicato al nostro blog risulti assolutamente non adatto e bello per niente.

[ad#336x280img]

Il software che vi presento oggi è un programma di fotoritocco: FastStone Photo Resizer.

La sua funzione principale è il resize delle foto ma, in realtà, sono disponibili vari strumenti, tra cui: tagliare le foto, convertirle, applicare watermark, aggiustare i colori, aggiungere testo e rinominare le immagini.

E’ un software molto semplice, immediato e, impostata una risoluzione, possiamo sistemare tutte le immagini in automatico. Davvero molto utile ai blogger o a chi deve pubblicare delle foto in Facebook, o nel Web in generale.

Piccola nota per spiegare il perché bisogna sistemare le foto prima di metterle nel Web.

Per pubblicare foto in rete occorre ridimensionare tali foto e convertirle principalmente in jpg, rendendole adatte all’uso nel Web. Infatti non possiamo inserire le foto appena scattate dalla fotocamera digitale, esse hanno risoluzioni molto alte, le ultime fotocamere hanno minimo, minimo una risoluzione di 2000x2000px (4 Megapixel per capirci), mentre in rete mediamente se vogliamo caricare una foto 800×600 px vanno più che bene.

[ad#336x280testo]

Questa operazione è d’obbligo per permettere di visualizzare la foto per intero anche con schermi non di ultima generazione (con risoluzioni basse), ma soprattutto permette un abbassamento della qualità e quindi della dimensione del file. Fattore essenziale se vogliamo facilitare la navigazione e rendere le nostre foto visualizzabili da tutti.

Ovviamente questo nelle maggior parti di casi, in altri sono si possono inserire foto ad alte risoluzioni.

Tutto questo che ho scritto vi sembrerà scontato, ma per alcuni non lo è, vedesi il mio amicone che ha caricato su Facebook delle foto direttamente dalla fotocamera: immense e 5 minuti di orologio per scaricarle

Torniamo al nostro programma, lo potete scaricare (gratuitamente) da qui.

E’ disponibile anche la versione portatile (per avviarlo da pennetta usb e portarlo sempre con noi).

Dopo averlo scaricato e installato, o se abbiamo scaricato l’eseguibile senza installarlo, avviamolo e notiamo subito la semplicità e l’immediatezza con cui possiamo selezionare le nostre foto e impartire gli ordini al programma.

A sinistra navighiamo nel nostro disco e selezioniamo le foto (o la cartella), a destra scegliamo la destinazione, il formato e il nome da dare alle foto convertite.

Mentre gli strumenti accennati prima si trovano sulle opzioni avanzate, clicchiamo ed entriamo in una nuova schermata.

Qui possiamo ridimensionare le foto impostando una misura fissa per tutte. Ovviamente c’è l’opzione per preservare le proporzioni originali delle foto, per non sformarle. Interessante anche la possibilità di creare una foto con altezza e larghezza uguale, ritagliando l’immagine di partenza e ottenendo un quadrato.

Oltre che al resize ci sono molti strumenti utilizzabili come la taglierina per ritagliare le immagini ad una misura pre-impostata, possiamo aggiustare colori, luminosità e aggiungere testo.

Uno strumento che voglio indicarvi è il Watermark: la possibilità cioè di applicare un marchio (creato in precedenza) a tutte le foto. Questa funzione è ottima per i blogger che hanno bisogno di mettere un piccolo logo (che identifica il loro sito) in tutte le immagini che pubblicano.

Impostate tutte le possibilità salviamole e torniamo alla schermata principale, da dove confermiamo tutte le scelte e facciamo partire le operazioni indicate al programma.
Partirà il processo che molto velocemente salva le nuove foto.

Questo programma è davvero semplice e possiamo consigliarlo ad un amico (o cliente) che ha necessità di pubblicare foto in rete, ma con poca esperienza

[ad#336x280img]