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è

description

interactive slides for presenting Wannad website

Transcript of Flip the slides

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