Issuu on Google+

PROTOTIPAT GRÀFIC PER A ESCRIPTORI avellanadigital.com

Núria Escudé Recasens

CC BY-NC-SA


PROTOTIPAT GRÀFIC PER A ESCRIPTORI avellanadigital.com

00 ÍNDEX 01 PROTOTIPAT GRÀFIC PER A ESCRIPTORI INICI JUSTIFICACIÓ 02 GUIA D’ESTIL RETÍCULA ÚS DE LA TIPOGRAFIA ÚS DEL COLOR ELEMENTS D’INTERACCIÓ


PROTOTIPAT GRÀFIC PER A ESCRIPTORI avellanadigital.com

01 PROTOTIPAT GRÀFIC PER A ESCRIPTORI

INICI


PROTOTIPAT GRÀFIC PER A ESCRIPTORI avellanadigital.com

02 GUIA D’ESTIL

RETÍCULA: INICI AMPLADA 1000 px

65px 20px


JUSTIFICACIÓ

La retícula utlitzada per al re-disseny de la web Avellanadigital.com té una amplada de 1000 px i està dividida per 12 columnes, les quals tenen una amplada de 65 px i una separació de 12 px entre elles. D’aquesta manera el contingut de la web es reparteix per blocs. El prototip grafiat s’ha realitzat seguint el disseny responsive d’un web, tenint en compte que es podrà visualitzar en diferents dispositius mòbils (multiplataforma), partint d’un disseny per a escriptori.

PROTOTIPAT GRÀFIC PER A ESCRIPTORI avellanadigital.com

S’ha volgut substituir l’element superior flash per un slide. No utilitzar flash aporta molts avantatges, com per exemple que no obligui a l’usuari a instal.lar-se una aplicació externa per visualitzar la informació. Molts cops, l’usuari no l’instal.la i perd aquesta informació. Una de les advantatges és que amb el nou sistema afegim botó per tornar enrere, cosa que a l’anterior no en tenim. A més a més, l’ús del flash gasta molta bateria. S’han repartit les icones de les xarxes socials tan al marge superior com al marge inferior, i s’ha afegit un bloc nou de newsletter per mantenir informats als usuaris de les entrades i les activitats recents d’Avellana Digital. Finalment, el re-disseny de la web manté els valors d’empresa jove, moderna, propera, professional i amb capacitat de dur a terme gairebé qualsevol projecte en aquest mitjà.


PROTOTIPAT GRÀFIC PER A ESCRIPTORI avellanadigital.com

RESPONSIVE DESIGN


ÚS DE LA TIPOGRAFIA

1. Univers Light

ABCDEFGHIJKLMNOP QRSTUVWXYZ abcdefghijklmnopqrst uvwxyz 1234567890.:,; ‘ “ !?

PROTOTIPAT GRÀFIC PER A ESCRIPTORI avellanadigital.com

1. Univers Light Bold

ABCDEFGHIJKLMNOP QRSTUVWXYZ abcdefghijklmnopqrst uvwxyz 1234567890.:,; ‘ “ !?


ÚS DEL COLOR Colors corporatius Els colors utilitzats s’han mantingut, són: taronja, marró, diferents tons de gris, negre i blanc. Aquí s’indica la correspondencia de color corporatiu:

MARRÓ

HEX: #68370C CMYK : 0 47 88 59

GRIS

RGB : 104 55 12

TARONJA

HEX: #ED8014 CMYK : 2 58 96 0 RGB : 237 128 20

PROTOTIPAT GRÀFIC PER A ESCRIPTORI avellanadigital.com

NEGRE

HEX: #000000 CMYK : 0 0 0 1 RGB : 0 0 0

HEX: #CCCCCC CMYK : 0 0 0 0.2 RGB : 204 204 204

BLANC

HEX: #FFFFFF CMYK : 0 0 0 0 RGB : 255 255 255


ELEMENTS D’INTERACCIÓ Botons Barra de navegació superior composta per botons que al ser clicats condueixen a l’usuari a la pàgina que vol:

PROTOTIPAT GRÀFIC PER A ESCRIPTORI avellanadigital.com

Si passem el cursor pels blocs centrals canvien de color. El text de color taronja són enllaços i condueixen a l’usuari a una altra pàgina.

Slide

Les fletxes són botons que tornen enrere o van endavant

Botons que passen les pàgines de l’slide

Casella de newsletter: 155 x 25 px Botó enviar: 55 x 25 px


Prototipat Avellana Digital