Oggi vi segnalo Kurylowics

Kurylowics è uno tra i top studio di archittetura in Polonia, in questo sito viene presentata l’azienda e i loro lavori.

Il sito è strutturato in flash provabilmente AS3 + Papervision con effetti di gravità e ambienti 3D molto accattivanti.

Il portfolio è strutturato in maniera elegante grazie a un effetto di gravita concatenata, una volta selezionato un progetto avremo la possibilità di vedere alcune immagini e leggere maggiori informazioni.

Anche altre sezioni, come Team giocano su effetti di filtri e gravità davvero molto originale ed elegante.

Vorrei condividere con voi alcuni aspetti della home page di Alitalia, facendovi notare quanto si stiano creando sempre di più pagine di benvenuto con più informazioni possibili, strutturate in modo da non confondere l’utente grazie a tab, menu a comparsa e altri piccoli stratagemmi.

Vediamo la nuova grafica e nuovo concetto di homepage.

Per quanto riguarda i social network [1] Alitalia ha puntato sull’integrazione di Twitter e Facebook con i quali dialoga attivamente grazie a un team multidisciplinare di addetti in grado di fornire informazioni, suggerimenti e servizi di customer care.

La posizione Top – Right è sempre la migliore per inserire login, social network o cambio lingue.

Inoltre è da segnalare lo sviluppo di un’applicazione gratuita su iPhone e iPad con la quale è possibile eseguire le principali azioni una volta che abbiamo prenotato un volo.

Il menu[2] è stato semplificato al massimo con l’introduzione di finestre a comparsa attivabili dal posizionamento mouse.

La possibilità di cambiare lingua[3] dell’intero sito web è stata posizionata in alto a destra in linea verticale sotto i social network.

Si aprirà una pagina secondaria in cui decidere e salvare la lingua di preferenza.

Grazie al colore secondario di Alitalia [4] è stata inserita una fascia che include il riconoscimento per il Club di Mille Miglia, messo molto in evidenza a differenza della vecchia versione di home page.

L’area della scelta del volo[5] è il cuore del sito, a quanto vedo sono stati integrati anche altri tab correlati come la ricerca di un Hotel, Auto o Volo + Hotel.

Una delle nuovi oggetti e grafiche la troviamo al punto [6], uno slider automatico che ci propone offerte e nuovi servi che danno movimento alla home page.

Scorrendo la home page troviamo altri spazi [7]+[9] in cui vengono visualizzati servizi come il web chekin o la possibilità di controllare le prenotazioni.

Rimanendo nel corpo della home page troviamo subito dopo lo slider automatico[6] un box diretto ai clienti[9] diviso in tre tab distinti riguardo dove andare, organizzare il viaggio e promozioni su misura.

Nello spazio [10] troviamo un piccolo spazio orrizzontali per alcune news flash e in basso Newsletter Contatti e altri servizi.

La Presentazione

Clicca qui per vedere il video incorporato.

Un ringraziamento a Salvatore per avermi fatto notare il restyling

Oggi vi segnalo il Font Laloted – Free Download

Sono un vero amante dei font tondeggianti, e quando trovo dei font interessanti me li archivio sempre!

Il font di oggi è caratterizzato da due forme, in maiscolo viene solo visualizzato il contorno, mentre in minuscolo il carattere risulta pieno.

Come al solito vediamo il font al completo:

A volte per via di cose siamo quasi costretti ad utilizzare i soliti sistemi come presentazioni in PDF, PowerPoint o simili, ma in ogni caso possiamo sviluppare alcune idee per rendere la discussione accattivante e originale.

Premetto che questi sono solo dei consigli e piccoli accorgimenti che ho usato per la loro facile comprensione e originalità.

Cosa bisogna inserire nella presentazione?

In una presentazione di un prodotto o di in un intervento è sempre consigliabile inserire delle foto, frasi o testi che riassumano concetti con dimensioni medio grandi, con l’obbiettivo di marcare quello che stiamo dicendo.

Se stiamo presentando un prodotto o un intervento a più persone sarà molto difficile che riescano a leggere tutte le scritte o miriadi di numeri, quindi vi consiglio di discutere il 70% della presentazione a voce e lasciare circa il 30% scritto.

Una presentazione può anche vivere con il 90% di sole immagini come questa presentazione, grazie alla quale sono riuscito a sviluppare una interessante discussione durante la prima edizione del mio workshop.

Un consiglio prezioso che voglio condividere con voi è quello di preparare due versioni della presentazione, qualora siate con un cliente, una meno dettagliata che andrete a completare a voce durante lo speech e l’altra completamente scritta da lasciare una volta finita la presentazione.

In questo modo non saremo noiosi a leggere un dettato a video, daremo l’impressione di essere organizzati e sapere di quello che stiamo parlando.

Come deve essere sviluppata la presentazione?

La presentazione deve fornire i dati principali dell’argomento, quindi di cosa stiamo parlando?

Descrivi il tuo argomento con un filo logico, non saltare step, potresti non riuscire a tornare più indietro e perdere il filo del discorso.

Soprattutto all’inzio non è facile, ma non correrre durante la discussione, cerca di creare un ritmo moderato e di seguirlo.

Per rendere più partecipativa la tua discussione, programma delle domande strategiche nella tua presentazione con le quali ti aggancierai con gli argomenti successivi.

Ricordiamoci di inserire sempre i nostri dati all’interno della presentazione, a fine slide oppure una piccola frase di credits su ogni pagina in basso a destra con dimensioni ridotte.

Ispirazioni Grafiche

La grafica di una presentazione può essere determinate per il successo di una presentazione di un prodotto/servizio o evento in pubblico.

Ma in questo caso non parliamo di sola grafica, ma anche di posizioni e concetto di comunicazione, infatti alucni elementi come immagini e testi possono essere predisposti in maniera originale con alcune stretegie.

Spesso mi capita di curiosare su SlideShare, servizio leader per la condivisione di presentazioni, e con qualche parola chiave giusta puoi trovare diverse ispirazioni grafiche.

Inoltre ti consiglio di visitare e aggiugere ai preferiti NoteAndPoint, un sito che raccoglie presentazioni PDF, PowerPoint e Keynote davvero originali.

Ecco alcune presentazioni che ti consiglio di dare uno sguardo per la loro impostazione grafica.

Ads on Edge

Da notale l’uso di testi e dimensioni differenti per marcare alcuni concetti base. Lo sfondo delle slide cambia a seconda dei messaggi, il bianco, rosso e tonalità di nero sono i colori principali.

Future Media

In questa presentazione le immagini la fanno da padrone insieme ai titoli delle slide. Da notare il taglio diverso delle slide che permette di creare armonia insieme al testo.

New Business Opportunities In Retail

In questa presentazione sono stati usati elementi grafici in stile fumetto per dare un senso più libero e creativo.

Identity vs Brand Extended

In questa presentazione possiamo notare una delle strutture interessanti comune nelle slides. In alto una striscia orizzontale bianca con il titolo argomento + brand, mentre in basso troviamo il contenuto con un’immagine e messaggio principale in testo.

The Future of Democracy

In questa presentazione è da notare l’uso di colori pastello molto tenuti che facilitano la lettura e non risultano noiosi. In questo caso troviamo all’apertura di un argomento una domanda strategiaca.

My Tweet Story

In questa presentazione possiamo notare l’uso di immagini molto frequente a volte anche sviluppate sull’intera slide. I messaggi sono chiari sottolineati da elementi grafici secondari e da testi di dimensioni e colori accentuati.

Mobile Abilities Map

Interessante notare in questa presentazione l’uso di una struttura irregolare per disporre gli elementi. Questo rende la presentazione originale e non comune.

Companies sell stuff, people buy stuff

In questa presentazione possiamo notare la creatività usata nel disporre gli elementi testi e immagini, i colori e le dimensioni dei testi sono strategici per un’ottima comunicazione.

Designing identities

In questa presentazione è da notare l’uso dei testi e immagini in modo coordinato e con dimensioni irregolari.

Creative Motivation

In questa presentazione possiamo vedere l’uso di testi brevi su immagini coordinate, un’ottimo modo per evidenziare il concetto da discutere.

When the marketing becomes the product

In questa presentazione le immagini hanno un ruolo fondamentale quasi più del testo, infatti la comunicazione si basa su alcuni dettagli marcati da concetti chiave.

Andrò nelle Marche verso metà luglio per un assaggio relax e ad agosto in Spagna su una spiaggia deserta passando da Madrid e da altre favolose città.

Mi vedrete sicuramente scrivere su qualche social network come Facebook, Twitter, e ricordatevi di seguirmi sulla pagina Fan di FB in cui condividerò ogni tanto qualche links e spunti interessanti.

Vi consiglio inoltre di rimanere aggiornati su BestCreativity, PlayTuts e di non perdere il JDPackPremium, anche sotto l’ombrellone sarò pronto a inviarvi i links per il download tanto attesi.

Come l’altro anno ho voluto raccogliere il meglio dell’estate di JuliusDesign con alcuni post interessanti da (ri)leggere comodamente sui vostri dispositivi mobile sotto l’ombrellone.

Freelancer

Freelance: Come Organizzare il proprio Tempo?

Freelance: Quanto è importante la Reputazione Online?

Perchè un Freelance deve coltivare progetti personali?

Gestire i Clienti: Consigli e Strategie per Freelancer

Web Designer Freelance: Quali sono le tue Domande?

Come Rendersi Visibile sul Web? [+ Risultati Sondaggio]

Guide WebDesign

50 Top Blog Design Stranieri che ti consiglio di seguire

10 Blog Italiani sul Web Design che ti consiglio di leggere

Quando il Redesign Grafico aiuta la Comunicazione

Per un Web Designer è meglio Pc o Mac?

Creare un eBook in formato ePub

Progettare e Creare un Layout Comunicativo

Oltre 100 Guide Rapide per Web Designer e Developer

Usare il Target = _blank è proprio corretto?

Creare un Biglietto da Visita Efficace

Le Migliori 10 Gallerie di Logo Design

Guide HTML5

HTML5: Ecco cosa c’è da sapere

Compatibilità con i Browser

100+10 Template di qualità in HTML5 e CSS3

Creare Grafici Interattivi con HTML5

HTML5 Test: Controlla la compatibilità dei tuoi Browser

30 HTML5 Layout Design Inspiration

Mr.doob: Esperimenti in HTML5

E’ davvero la fine di Adobe Flash?

HTML5 Rocks: Risorse, Tutorial ed Esperimenti di Google

Ispirazione

Ben Heine: Pencil vs Camera

Quando la navigazione di un sito web diventa creativa

50 Illustrations Art Inspirations

50 Creative Logo Design Inspirations #5

Creative Design Inspiration #6

Creative Inspirations Photography #10

Cinema Inspirations

Alice in Wonderland

Twilight

Transformers

Scontro tra Titani

Iron Man 2

A-Team

SocialMedia

Monitorare il proprio Brand sui Social Media

Aumentare la propria visibilità con Facebook

Facebook: Inserire contenuti HTML e filmati SWF

Condividere e Comunicare in Real-Time

Blogo Vs iSayBlog: Due Blog Network a confronto

Clicky: Statistiche in tempo reale per siti web e blog

Blogging

WordPress non è solo Blog

Bad Blogggin: 10 Cose che un Blogger NON dovrebbe fare

Plugin WordPress: Ecco quelli che dovresti conoscere

Plugin WordPress: Ottimizzare un Blog per iPhone

Creare un sito e-commerce con WordPress

10 Temi in stile Magazine che vi consiglio

Nel pacchetto files troverete risorse esclusive realizzate dal sottoscritto, manuali, guide, tutorial, esperimenti e altri files gratuiti raccolti e catalogati durante la mia esperienza sul web.

Vediamo insieme i contenuti e come ottenere il JD Pack Premium.

Contenuti

• Risorse Flash [245MB]
  • Banner
  • Form Mail
  • Menu
  • Pageflip
  • Photo Gallery
  • Player Video & Audio
  • Utiliy

• Risorse Vettoriali [489MB]
  • Oltre 6500 Loghi Vettoriali
  • Oltre 1400 Icone
  • 54 Loghi vettoriali
  • 20 Elementi .PSD
  • 20 Elementi .AI
  • 20 Theme Layout PSD

• Font Inspirazions [11MB]
  • 50 Font Creativi

• WordPress Theme [34M]
  • 10 Temi Premium WP

Contenuti Extra

Nel JD Pack Premium è possibile trovare altre risorse esclusive [99MB] come:

• Guide Ebook PDF: esempi pratici su AS2, HTML, CSS, JavaScript, Php+MySql
• Risorse Flash Esclusive
• Flash Games
• Sfondi iPhone

Alcune risorse sono presenti sul blog, catalogate per tipo e qualità. Potrete trovare anche risorse inedite, esperimenti, appunti e risorse interessanti maturate durante lo studio.

Scarica JD Pack Premium

Per scaricare il Premium Pack di oltre 800 mega è gradito effettuare una donazione simbolica, mi offri un caffè o un gelato?

La donazione è simbolica, un modo per ricevere un vostro “grazie” per tutte le segnalazioni, tutorial e aiuti che sono riuscto a condividere, e che ho organizzato per voi in un’unica raccolta.

Una volta effettuata la donazione tramite PayPal ti verranno inviati i links per il download diretto sulla email utilizzata per la procedura.

Tramite questi link potrai scaricare immediatamente tutte le risorse dal tuo computer.

Questo formato è studiato appositamente per adattare il testo alle dimensioni dello schermo e del carattere, ideale per la lettura di documenti su dispositivi mobili.

Anche essendo giovane, il formato ePub è stato adottato dai maggiori lettori di eBook incluso il famoso iPad di Apple.

Le caratteristiche che contraddistinguono questo formato sono:

• Formato aperto
• Testo “re-flowable” e ridimensionabile
• Grafica raster e vettoriale
• Metadata inclusi
• Supporto DRM
• Utilizzo degli stili CSS
• Possibilità di incorporare font
• Utilizzo di tutte le funzionalità XML

Cosa devo usare per creare un eBook in ePub?

Dobbiamo sapere che è dalla versione CS4 di InDesign che è possibile esportare documenti in formato .ePub, con la nuova suite CS5 sono stati introdotti altri parametri interessanti da andare a configurare come l’inserimento di metadati, la formattazione dei testi e compressione di immagini.

InDesign crea un singolo file .epub che include una miniatura JPEG della prima pagina del documento specificato, questa miniatura viene utilizzata per rappresentare il libro nella visualizzazione libreria del lettore Digital Editions.

Ci sono svariati programmi e servizi web che permettono la creazione di un eBook in formato ePub da zero oppure la conversione di un comune file .doc o .PDF in .ePub.

A mio giudizio Adobe InDesign CS5 per la creazione di eBook + Digital Editions (che vedremo dopo nell’articolo) per la lettura rimangono la soluzione migliore e professionale.

Ecco alcuni software e servizi online per la creazione di eBook in .ePub.

Adobe InDesign

Software di casa Adobe che permette di impaginare in modo professionale qualsiasi documento con un’ottima integrazione con gli altri programmi.

Una volta realizzato il nostro eBook potremo esportare il documento in ePub da File > Esporta per > ePub (o Digital Editions)

Adobe Buzzword

Client web di Adobe che permette di visualizzare eBook, convertire e creare documenti in formato .ePub in modalità collaborativa.

Ottima interfaccia utente simile a InDesign, strategico per per progetti da far gestire a più persone in tempo reale.

Altri Servizi…

Oltre a programmi e client desktop sono disponibili servizi online gratuiti che ci permettono di creare un eBook in formato .ePub da zero oppure effettuare delle conversioni in tale formato.

Stanza

Stanza è un programma per la lettura di eBook e la gestione di una libreria disponibile per Windows, Linux, OSX o per iPhone.

Stanza offre la possibilità di convertire eBook in altri formati tra cui ePub, ma non consente altri interventi sui formati.

Calibre

Calibre è un programma open source per la lettura e conversione formati eBook in ePub disponibile per Linux, OSX e Windows.

Oltre alla lettura è possibile intervenire sulle varie caratteristiche dei formati come metadata, impaginazione, formattazione.

Feedbooks

Feedbooks è un servizio online che permette di creare gratuitamente eBook in formato ePub.

Creando un account gratuito avremo la possibilità di inserire le caratteristiche basi per il nostro eBook, capitoli, nome, formattazione e infine verrà generato in diverse versioni, tra cui ePub.

Come faccio a provare i miei eBook in ePub?

Adobe Digital Editions è un’applicazione gratuita di Adobe in Adobe Air che permette la lettura di formati ePub e la sua simulazione fedele sui lettori iPad.

Questo strumento offre supporto nativo per i formati PDF ed EPUB è rappresenta lo standard approvato ISO per la conservazione a lungo termine dei documenti elettronici

Una volta scaricato il client Digital Editions, possiamo scaricare eBook in ePub per effettuare test e sviluppo direttamente dalla libreria.

Infine abbiamo la possibilità di leggere una completa documentazione per utilizzare questo strumento al meglio.

Approfondimenti e Tutorial

Ecco alcune guide e strategie su come creare eBook.

Creare ePub per l’iPad con InDesign CS5

Creare e vendere eBook come Editore Online

Come Diventare Editore di eBook

Domande frequenti sugli ePub

Oltre alla famosa slide che circola da un bel po di mesi, lo staf tecnico di Google ha voluto condividere con gli sviluppatori HTML5 tutorial ed esperimenti davvero molto interessanti.

Nella sezione PlayGround abbiamo la possibilità di provare con mouse alcune nuove caratteristiche ed esperimenti.

Il team di Google ha costruito una struttura nella quale abbiamo pieno controllo sul codice, modificando e implementando ulteriore codice potremo visualizzare a monitor i risultati in tempo reale.

Molto utili sono anche le referenze, tools e community rigurdo HTML5 che Google segnala dalla sezione Risorse.

Come dicevo a Roma durante l’evento GoWebDesign, Google si sta muovendo verso HTML5 con esperimenti e tutorial che in futuro verranno applicati per progetti affini e migliorare le performance.

Come sappiamo Gmail passerà a HTML5, e sono molte le novità di HTML5 che Google sta ottimizzando e testando come i microdata.

Il corto animato è accompagnato da una musica delicata e le animazioni sono molto realistiche con finale a sorpresa, che ne dite promosso?

Il video Ballon

Clicca qui per vedere il video incorporato.

Queste ispirazioni e riflessioni ci permetteranno di focalizzarci sullo sviluppo grafico dei personaggi e la comunicazione usata sul web da diversi punti di vista.

Oggi vi propongo Predators, uscita prevista in Italia il 14 luglio.

Clicca qui per vedere il video incorporato.

Predators è un film horror fantascientifico, in cui un gruppo di letali mercenari in modo misterioso vengono proiettati in un’isola dove diventano la preda della razza di cacciatori alieni conosciuti col nome di Predator.

Continua su WikiPedia.

Scopriamo insieme il sito ufficiale, foto, illustrazioni e video del film.

Sito Web Ufficiale

Il sito web ufficiale si presenta con il video trailer del film, e con la possibilità di navigare all’interno del sito in diverse lingue.

Inoltre sono stati inseriti i social network più famosi come Facebook, Twitter, YouTube e MySpace.

Da segnalare la presenza del pulsante mi piace in home page, ottima strategia di marketing.

Una volta entrati nel sito web ci verrà presentata una struttura simile alla visuale di un predator con tanto di mirino a tre punti.

Molto suggestiva la musica e gli effetti sonori, grazie alla quale a occhi chiusi sembrerà di essere con i nostri protagonisti in attesa dei predaotori.

Le sezioni del sito sono caratterizzate da immagini e video a tutto schermo per permettere ampi spazi di visuale.

Nel complesso il sito in flash è molto suggestivo con un design fedele al film.

Immagini dal Film

Illustrazioni

Video

Predators Sneak Peek

Clicca qui per vedere il video incorporato.

First Look Robert Rodriguez’s Predators 2010

Clicca qui per vedere il video incorporato.