Home Page

20 Marzo 2008

Kuler 2.0

Kuler updated

La rich internet application Adobe Kuler per per la condivisione delle tavole colore si evolve ancora.
Oltre ad essere diventata anche desktop grazie a Adobe Air e permettere agli sviluppatori di utilizzare le sue API ora mette a disposizione nuove interessanti e utili features:

  • La funzione “color extraction” permette in modo semplice e veloce di generare un tema colore da una foto o una immagine caricata. Inoltre una volta scelta l’immagine è possibile intervenire sui parametri per personalizzare ulteriormente il tema.
  • È possibile salvare nei propri preferiti una infinità di temi e poi consultarli nell’area Mykuler.
  • Consultare in modo random, oppure per Highest Rated, o i più nuovi o più popolari

Divertitevi.

Pubblicato in Creatività, Grafica, Adobe, Design | 1 Commento »

8 Novembre 2007

Logo piccolo? Troppi spazi vuoti? Provate Make My Logo Bigger.

Quante volte grafici e creativi vi siete sentiti dire: “Il logo è troppo piccolo… fallo più grande.” Oppure: “C’è troppo spazio vuoto, riempilo con qualcosa.” E ancora: “Aggiungi dei colori più brillanti… mettici delle immagini più accattivanti.”

make My Logo bigger logo

Da personali esperienze quelle citate sono tra le cose più terribili che ci si possa sentire dire riuguardo a un lavoro in corso. Noi partiamo dal concetto che sappiamo fare il nostro lavoro e cerchiamo di farlo nel migliore dei modi: studiamo, ricerchiamo, ci aggiorniamo costantemente per mantenerci al passo con le tendenze grafico-creative del momento e per offrire sempre qualcosa che possa avere un reale valore stilistico oltre che monetario. Ovviamente non è così per tutti… ma procediamo in questa ottica.
Lavorare tenendo a cuore il risultato finale del progetto oltre che solo in vista del saldo può farci accrescere credibilità agli occhi del cliente e fare in modo che il nostro modo di lavorare sia apprezzato in quanto il cliente percepisce che stiamo facendo il meglio per lui. Si instaura un clima di fiducia che si tradurrà nel tempo in un ritorno economico e nel rafforzamento di una immagine aziendale seria e professionale.
Convincere il cliente che gli si sta vendendo la miglior soluzione alle sue esigenze è una impresa ardua perché spesso si è su due livelli diversi di giudizio: quello professionale/creativo e quello commerciale. Penso che le due cose debbano andare a braccetto e che le figure coinvolte debbano rispettare i rispettivi punti di vista: è importante capire e condividere l’obiettivo di “vendersi” del cliente e al tempo stesso è importante che il cliente capisca che ci sono differenti stili di “vendita” e che i modi in cui ci si propone sono spesso più importanti di ciò che si vuole proporre.

Mi fermo qui e vi invito a guardarvi il simpaticissimo video della crema Make My Logo Bigger: una simpatica parodia di ciò che succede realmente negli studi di tutti coloro che fanno grafica e design per il web come noi.

Rideteci sopra!

Pubblicato in Creatività, Grafica, Design | Nessun Commento »

30 Ottobre 2007

Sony copia Apple? E Apple chi copia?

Sono da sempre un grande appassionato di gadget e tecnologia: mi piacciono molto i concept creativi realizzati a scopo commerciale perché hanno sia valenza creativa che artistica secondo me. Molto tempo fa Apple aveva realizzato un concept per il lancio di iPod (eccolo qui sotto)…

iPod concept

Sono anche un appassionato di fotografia e seguo l’evolversi del mondo della fotografia digitale e proprio pochi giorni fa leggevo dell’uscita della compatta Sony Cybershot T2, ma guarda caso per il lancio viene creato un concept che mi ricorda qualcosa (eccolo qui sotto):

Sony T2 concept
Ma Apple da parte sua non è una santa. Un post apparso su Engadget dimostra che anche i creativi di Apple traggono spunto (e non si limitano solo a questo) da altre pubblicità o creazioni più o meno famose.

A voi l’ardua sentenza!

Pubblicato in Creatività, Grafica, Apple, Design | 1 Commento »

24 Ottobre 2007

Layer comps. in Photoshop: un must per i web designer

I Layer Comps non sono una vera e propria novità in Photoshop: sono stati introdotti a partire dalla versione CS ma personalmente inizio a utilizzarli seriamente solo dalla versione CS3. Secondo me sono utilissimi e permettono un risparmio notevole di tempo nella fase di creazione di layout web complessi in cui è necessario progettare stati/configurazioni diverse dello stesso layout (ad esempio uno per la homepage e uno per ogni altra pagina del sito). Rappresentano un diverso modo di gestire i layer (livelli): il “vecchio metodo” costringeva il designer a utilizzare tantissimi layer o a raggrupparli all’interno di cartelle una per ogni configurazione ed eventualmente a marcare con dei colori i livelli corrispondenti a uno stesso stato… un lavoraccio. Ma ora i layer comps. ci vengono in aiuto e ci fanno risparmiare tantissimo tempo.
Per farvi capire concretamente il loro funzionamento prendo come esempio uno degli ultimi progetti che abbiamo realizzato in Webgriffe: il sito web di JDentalCare Srl.

Fig.1Abbiamo iniziato (vedi fig.1) progettando la home page e raggruppando i vari livelli in cartelle per una maggiore pulizia del file di progetto. Il cliente voleva avere una idea di come poter in futuro implementare la visualizzazione di prodotti da mettere in evidenza in home page, così la prima cosa che si sarebbe fatta nel vecchio metodo sarebbe stata quella di creare una nuova cartella di livelli duplicando quella della Home e modificarla di conseguenza… ora non più. Basta accedere al tab Layer Comps. (Window > Layer Comps) e con il pulsante in basso “Create New Layer Comp”.

Fig.2

A questo punto una finestra vi pone alcune scelte (vedi fig.2):

  • Name: il nome che volete dare a questa configurazione (HOME)
  • Visibility: memorizzare lo stato visibile o nascosto dei livelli
  • Position: memorizzare la posizione dei livelli
  • Appearance: memorizzare gli stili applicati ai singoli livelli
  • Comment: una descrizione libera

Dopo aver cliccato su OK ci viene creato il Layer Comp. HOME che ha “fotografato” lo stato attuale del nostro pannello Layer e di tutti i livelli in esso contenuti, comprese le loro posizioni, visibilità ed eventualmente gli stili associati. A questo punto per fare la nuova versione della home page non dobbiamo far altro che tornare nel pannello livelli e spostare o creare nuovi livelli. Alla fine della modifica torniamo nella finestra Layer Comp. e creiamo la nuova configurazione HOME PRODUCTS. Ora possiamo attivare l’una o l’altra configurazione e di conseguenza vedremo sullo stage i due diversi layout creati. La bellezza di questo metodo sta nel fatto che potete spostare a piacere i livelli e salvarne le posizioni: questo vale anche per gli smart objects ovviamente e non c’è più bisogno di duplicare livelli ma si usano sempre gli stessi spostati e nascosti all’occorrenza.
nel nostro progetto abbiamo poi realizzatola sezione PRODUCTS, PRODUCTS DETAILS e COMPANY (vedi fig.3).

Fig.3

Pensate ad esempio alla comodità di spostare a piacere il footer di una pagina quando il layout è di tipo verticale e si adatta al contenuto: un unico layer in cui è definito il footer potrà essere spostato a piacere e “registrato” nei diversi Layer Comps.

Ma la bellezza dei Layer Comps. non finisce qui.
Pensate a quando, giunti al termine della fase di progettazione, si devono esportare i singoli screenshot per realizzare una presentazione (PDF, HTML ecc.) da mostrare al cliente. Anche in questo caso Photoshop ci viene in aiuto: apriamo il menu File > Scripts e troviamo una serie di automatismi (vedi fig.4).

Fig.4

Le opzioni a disposizione sono le seguenti:

  • Layer Comps to Files… : esporta i singoli Layer Comps. in differenti formati immagine (JPG, PNG, BMP, TIFF ecc.)
  • Layer Comps to PDF… : crea una presentazione PDF con i Layer Comps. selezionati
  • Layer Comps to WPG… : crea una Web Photo Gallery con i Layer Comps. selezionati

A voi ora provarli e a scrivere cosa ne pensate.

Pubblicato in Portfolio, Creatività, Grafica, Training/Workshop, Design, Photoshop | 1 Commento »

22 Ottobre 2007

Sei un creativo del web?

Dopo il mio post sui miei 5 più grandi errori da freelance mi hanno contattato molte persone (freelance e non) che condividono il mio pensiero. Addirittura visitatori non italiani che hanno tradotto il post nella loro lingua usando uno dei tanti strumenti di traduzione automatica reperibili on-line. Beh è stato molto bello scambiare pareri e ancora adesso con alcuni siamo rimasti in contatto via e-mail. Grazie davvero a tutti e ora veniamo al nuovo post…

Tra i tanti che mi hanno contatto molti hanno approfittato per inviare il proprio curriculum professionale essendo anche venuti a conoscenza che la mia azienda sta cercando collaboratori. Stiamo in particolare cercando web designer e creativi specializzati nella progettazione e ideazione di contenuti e grafica per il web. Cerchiamo appunto dei freelance in grado di garantirci una buona qualità delle realizzazioni. La nostra azienda è a Reggio Emilia ma siamo i primi a incentivare (vuoi perché ci siamo passati) il lavoro a distanza: ormai gli strumenti di comunicazione via web ci danno la possibilità di mantenere rapporti costanti con chi desideriamo.

Vi faccio un elenco disordinato di alcune caratteristiche che per noi fanno la differenza nella scelta di un potenziale collaboratore:

  • professionalità ed efficacia nella gestione delle differenti fasi di un progetto
  • elevate capacità nella creazione di layout grafici originali
  • elevate conoscenze di Actionscript 2.0 e avanzate conoscenze e capacità nella realizzazione di applicazioni e progetti in Adobe Flash
  • web site e/o blog con la possibilità di visionare un portfolio lavori online
  • interesse per il mondo della grafica e della creatività legata al web e alle nuove tecnologie
  • possesso di una p.iva
  • la vicinanza alla nostra sede e la possibilità di potersi incontrare di persona può essere un elemento di preferenza
  • altre conoscenze legate alla modellazione 3D o alla video produzione possono essere elementi di preferenza

Gli interessati possono lasciare commenti o scrivere a job@webgriffe.com

Pubblicato in Generale, Creatività, Design | Nessun Commento »

TROVA:

Abbonati ai Feed RSS di questo Blog Abbonati ai Feed RSS di questo Blog Informazioni su questo blog Informazioni su questo blog Scarica lo screen saver di shines Scarica lo screen saver di shines