flip the slides

13
GRUPPO 07 Silvia Ballerini Michela Caprioli Marta Croce Sara De Donno Roberta Donatini Yuri Ferrari Alessandro Fornoni Alessandro Garlati Patricia Fonseca Nicolò Miccichè

Upload: silvia-ballerini

Post on 06-Mar-2016

227 views

Category:

Documents


1 download

DESCRIPTION

interactive slides for presenting Wannad website

TRANSCRIPT

Page 1: Flip the slides

IL LOGO BRIEF

Blablablablablabla

GRUPPO 07Silvia BalleriniMichela CaprioliMarta CroceSara De DonnoRoberta DonatiniYuri FerrariAlessandro FornoniAlessandro GarlatiPatricia FonsecaNicolò Miccichè

Page 2: Flip the slides

IL LOGO BRIEF

Blablablablablabla

IL LOGOLe dita di tre mani formano la sigla WND

Page 3: Flip the slides

LA TIPOGRAFIALa tipografia utilizzata per il logotipo è inserita nella pagina come immagine, inoltre sono stati utilizzati font di sistema per non creare problemi di visualizzazione.

Soho Extra BoldWANNA D

Georgia ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890

Georgia Bold ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890

Trebuchet MS BoldABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz

1234567890

Trebuchet MS RegularABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890

Page 4: Flip the slides

LA SCELTA CROMATICALe due variazioni di ciano sono utilizzate per creare una differenziazione tra Old School (sfumatura più chiara) e New School (sfumatura più scura).

R 184G 224B 224

R 0G 175B 170

R 255G 255B 255

R 0G 0B 0

Page 5: Flip the slides

LA HOME PAGE

Page 6: Flip the slides

LA PAGINA “ABOUT”

Page 7: Flip the slides

LA PAGINA CATEGORIE

Page 8: Flip the slides

LA PAGINA POST

Page 9: Flip the slides

LA STRUTTURA L’elemento portante dell’interfaccia è la presenza di un’anteprima- polaroid “grande” e di altre anteprime- polaroid più piccole a lato.

Barra Orizzontale

Barra Verti-cale

Logo

Page 10: Flip the slides

ELEMENTI- Le categorieLe categorie scelte per l’indicizzazione degli articoli sono piuttosto vaste e facilitano in questo modo il posizionamento degli articoli.

Queste sono:DESIGN- la categoria portante CULTURA- musica, libri, mos-tre, spettacoli, concerti, etc.LIFESTYLE- persone interessanti- nuovi e vecchi modi di fare qualcosa- moda etc.

Old School New School

De Cu LsDe Cu Ls

Post_1

00/00/0000De

00/00/0000

Post_3

Cu00/00/0000

Post_2

Ls

Page 11: Flip the slides

ELEMENTI- Anteprima del postNella home page viene visualizzato in anteprima l’ultimo post pubblicatoPost

12 gennaio 2011

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam a neque diam. Mauris eu dui eget arcu varius tempor. Proin vitae arcu non eros rutrum vestibulum. Sed sodales

varius mattis. Fusce viverra...

read more...

Page 12: Flip the slides

ELEMENTI- la barra lateraleLe informazioni sulla barra laterale sono divise in blocchi di informazioni: _ il primo riguarda le informazioni sul sito, il suo archivio e i contatti_ il secondo riguarda i tag _ il terzo riguarda il login e la possibilità di inviare contenuti_ il quarto riguarda la funzione di condivisione sui social network

SearchAbout

Contact

SubmitLogin

Tagdesign tipografia wood packaging magazine auto movie tecnologia arte sound deisgn illustrazione

Share

Page 13: Flip the slides

ELEMENTI- la barra orizzontaleSulla barra orizzontale in alto è indicato il numero della webzine, sono riportate le categorie e le sezioni Old e New school.

De Cu LsIssue n°0 Old e New school