Slidegowebdesign
Upcoming SlideShare
Loading in...5
×
 

Slidegowebdesign

on

  • 326 views

 

Statistics

Views

Total Views
326
Views on SlideShare
326
Embed Views
0

Actions

Likes
0
Downloads
5
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as OpenOffice

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Slidegowebdesign Slidegowebdesign Presentation Transcript

  • CREARE UN LAYOUT EFFICACE WPCon 2012 - RELATORE: Francesco Marzoli
  • Pensare un LEIautColorare un LEIaut I tipi di LEIaut LEIaut e natura?Un po di pratica... WPCon 2012 - RELATORE: Francesco Marzoli
  • PENSARE UN LAYOUT WPCon 2012 - RELATORE: Francesco Marzoli
  • CREAZIONE DI UN CONCEPT WPCon 2012 - RELATORE: Francesco Marzoli
  • Non sono solo forme, immagini e testoma dobbiamo “comunicare” un concetto. WPCon 2012 - RELATORE: Francesco Marzoli
  • Parole chiave che raccogliamo dal cliente WPCon 2012 - RELATORE: Francesco Marzoli
  • Brainstorming!!! WPCon 2012 - RELATORE: Francesco Marzoli
  • Ricordatevi che carta e penna sono vostri amici WPCon 2012 - RELATORE: Francesco Marzoli
  • Raccolta ispirazione Es: istockphotoper la ricerca delle parole chiave WPCon 2012 - RELATORE: Francesco Marzoli
  • E IMPORTANTE TROVARE IL “CONCETTO” WPCon 2012 - RELATORE: Francesco Marzoli
  • Non date niente per scontato. WPCon 2012 - RELATORE: Francesco Marzoli
  • Se è possibile far fare la ricerca a più persone WPCon 2012 - RELATORE: Francesco Marzoli
  • I BRAVI ARTISTI COPIANOI GRANDI ARTISTI RUBANO. P ablo P icasso. WPCon 2012 - RELATORE: Francesco Marzoli
  • Cercate ispirazione fuori dallo schermo del vostro cazzo di computer. WPCon 2012 - RELATORE: Francesco Marzoli
  • Infine ricordiamoci che... WPCon 2012 - RELATORE: Francesco Marzoli
  • “I bambini prima imparano a riconoscere e poi parlano.” WPCon 2012 - RELATORE: Francesco Marzoli
  • Noi “guardiamo” prima di leggere Noi “guardiamo” prima di parlareNoi “guardiamo” prima di fare bunga bunga ( e mentre....) WPCon 2012 - RELATORE: Francesco Marzoli
  • Il concept ed il layout sonole PRIME cose che vengono “guardate”. Specialmente da un cliente caprone! WPCon 2012 - RELATORE: Francesco Marzoli
  • Ogni volta che apriamo un sito diciamo: “Oh, quantè bello! “Mio dio che merda!!!” E poi... Ma secondo te è javascript?Quanta programmazione ci sarà dietro? WPCon 2012 - RELATORE: Francesco Marzoli
  • Nel nostro caso, “labito fa il monaco”. WPCon 2012 - RELATORE: Francesco Marzoli
  • COLORARE UN LAYOUT WPCon 2012 - RELATORE: Francesco Marzoli
  • Importanza del colore in un layout WPCon 2012 - RELATORE: Francesco Marzoli
  • A chi è rivolto..... WPCon 2012 - RELATORE: Francesco Marzoli
  • PROGRAMMATORI. WPCon 2012 - RELATORE: Francesco Marzoli
  • Un po di teoria sul colore... WPCon 2012 - RELATORE: Francesco Marzoli
  • I colori vanno visti sempre in “relazione” tra di loro. WPCon 2012 - RELATORE: Francesco Marzoli
  • COMPLEMENTARI Sono detti i colori COMPLEMENTARI quelli disposti in modo opposto nella scala cromatica WPCon 2012 - RELATORE: Francesco Marzoli
  • Il contrasto aiuta locchio a focalizzarelattenzione su determinati punti del layout WPCon 2012 - RELATORE: Francesco Marzoli
  • Se volete attirare lattenzione, guardatevi intorno.Ve la ricordate la donna vestita di rosso nel primo Matrix? Attirava lattenzione...infatti aveva un colore diverso rispetto al contesto. WPCon 2012 - RELATORE: Francesco Marzoli
  • MA QUALI SONO I COLORI CHE STANNO BENE TRA LORO?!?!?! WPCon 2012 - RELATORE: Francesco Marzoli
  • TRIADICI Disposti a 120° luno dallaltro Creano un rettangolo equilatero WPCon 2012 - RELATORE: Francesco Marzoli
  • COMPLEMENTARI DOPPI Composta da 2 colori complementari WPCon 2012 - RELATORE: Francesco Marzoli
  • ANALOGHI 3 Colori della stessa parte della scala cromatica WPCon 2012 - RELATORE: Francesco Marzoli
  • Dobbiamo essere dei geometri per calcolare i colori nel nostro sito? WPCon 2012 - RELATORE: Francesco Marzoli
  • CERTO CHE...SNI!Per fortuna ci vengono incontro delle utility! WPCon 2012 - RELATORE: Francesco Marzoli
  • kuler.adobe.com kuler.adobe.com WPCon 2012 - RELATORE: Francesco Marzoli
  • colorschemedesigner.com kuler.adobe.com WPCon 2012 - RELATORE: Francesco Marzoli
  • RICAPITOLANDO...Scegli i colori opposti allo spettro per crearearmoniaIl contrasto aiuta a guida locchioI colori chiari fanno consumare meno cervelloUsa le utility risparmi tempo...e puoi farealtro........................ WPCon 2012 - RELATORE: Francesco Marzoli
  • I nostri occhi scansionano “automaticamente” la pagina WPCon 2012 - RELATORE: Francesco Marzoli
  • Quale percorso fa locchio allinterno di una pagina web? Dove guarda per prima? WPCon 2012 - RELATORE: Francesco Marzoli
  • F-LAYOUT WPCon 2012 - RELATORE: Francesco Marzoli
  • Leggiamo sempre dallalto verso il basso e da destra verso sinistra. (arabi a parte...) WPCon 2012 - RELATORE: Francesco Marzoli
  • F-LAYOUTIl logo e la navigazione sono le prime cose ad essere visteSuccessivamente vengono gli elementi come foto sempre da Sx a DxInfine il testo ci appare come “macchia” di riempimento WPCon 2012 - RELATORE: Francesco Marzoli
  • WPCon 2012 - RELATORE: Francesco Marzoli
  • WPCon 2012 - RELATORE: Francesco Marzoli
  • Quando funziona?Quando abbiamo un contenuto principale e abbiamo bisogno di una buona lettura confortevole WPCon 2012 - RELATORE: Francesco Marzoli
  • Z - LAYOUT WPCon 2012 - RELATORE: Francesco Marzoli
  • Se prima abbiamo visto un layoutper una comoda e riposata lettura... ora ne vedremo uno.... WPCon 2012 - RELATORE: Francesco Marzoli
  • PRONTO ALLAZIONE! WPCon 2012 - RELATORE: Francesco Marzoli
  • Z – LAYOUTIl logo e la navigazione sono le prime cose ad essere visteSuccessivamente slogan o campagna pubblicitariaContenuti e tasto “Azione” WPCon 2012 - RELATORE: Francesco Marzoli
  • WPCon 2012 - RELATORE: Francesco Marzoli
  • Quando funziona? Quando vogliamo “forzare” il visitatore a compiere unazioneEs: Download, acquisto di un oggetto, visita del portfolio ecc ecc.. WPCon 2012 - RELATORE: Francesco Marzoli
  • WEBDESIGN E NATURA WPCon 2012 - RELATORE: Francesco Marzoli
  • Cèra una volta tanto tempo fa... Un signore chiamato Leonardo Pisano Bigollo In arte... WPCon 2012 - RELATORE: Francesco Marzoli
  • Fn = Fn-1 + Fn-20,1,1,3,5,8,13,21,34,55,89,144.... = 1,618... φ WPCon 2012 - RELATORE: Francesco Marzoli
  • Fibonacci. WPCon 2012 - RELATORE: Francesco Marzoli
  • In naturaComunemente chiamata SEZIONE AUREA WPCon 2012 - RELATORE: Francesco Marzoli
  • Sezione Aurea o Golden Ratio < WPCon 2012 - RELATORE: Francesco Marzoli
  • ENVATO WPCon 2012 - RELATORE: Francesco Marzoli
  • SMASHING MAGAZINE WPCon 2012 - RELATORE: Francesco Marzoli
  • Come si calcola?Si prende la larghezza intera della pagina Si divide per 1,618Il risultato sarà la larghezza del contenuto principale Es: 960px / 1,618 = 593 px WPCon 2012 - RELATORE: Francesco Marzoli
  • 960.gs GRID SYSTEM WPCon 2012 - RELATORE: Francesco Marzoli
  • Molti dicono che le grigliesono dannose alla creatività WPCon 2012 - RELATORE: Francesco Marzoli
  • Oggi abbiamo visto come le grigliesono presenti già nella natura stessa. WPCon 2012 - RELATORE: Francesco Marzoli
  • Per crearle possiamo andare a mano...o possiamo prendere un format già esitente. WPCon 2012 - RELATORE: Francesco Marzoli
  • Il più famoso è il 960 grid system. Ha un CSS generator Un PSD nativo con tutte le guide e le griglie WPCon 2012 - RELATORE: Francesco Marzoli
  • Ora...FINALMENTE un po di pratica... ahhhhhhhhh WPCon 2012 - RELATORE: Francesco Marzoli