Web proyecto final curso Dreamweaver - enero 2011José Candil Castro

BRIEFING.indd 1 04/01/11 12:13

P Á G I N A 2

Índice

Descripción y objetivo del proyecto 3

Logotipo 4

Tipografía 5

Paleta de colores 5

Secciones 6

Estructura de la página 7

Mapa de navegación 8

La Home 9

Páginas interiores 10

Currículum 14

BRIEFING.indd 2 04/01/11 12:13

P Á G I N A 3

Este proyecto es una presentación del book de trabajo de un artista diseñador gráfico que además es diseñador y creador de webs multimedia y de videojuegos. Sus creaciones son tantas y tan variadas que este book sólo representa una pequeña muestra expuesta a modo de galería de fotos.

No va dirigido a un mercado en concreto, pero en cualquier caso iría dirigido a las personas interesadas en este medio.

Las webs multimedia tiene un mercado muy amplio, por su atractivo en colores, movimientos y sonidos. Los consumidores son empresas que quieren destacar sus productos de un modo original y dinámico.

Descripción y objetivo del proyecto

BRIEFING.indd 3 04/01/11 12:13

P Á G I N A 4

Logotipo

Está diseñado con el nombre propio del cliente, su especialidad, que es diseñador gráfico y lo que quiere mostrar en esta web, que es su book.

La tipografía utilizada es Helvética Neue LT Std, en los grosores 65, 55 y 45.

El color utilizado es R153-G102-B0 o su equivalente en colores web #996600.

Es monocolor y se puede aplicar sobre cualquier color de fondo, en esta web se ha escogido el negro como color de fondo para todas las páginas.

Helvética Neue LT Std 45 cpo. 39

Helvética Neue LT Std 65 cpo. 39

Helvética Neue LT Std 55 cpo. 15

BRIEFING.indd 4 04/01/11 12:13

P Á G I N A 5

Tipografía

La tipografía escogida para esta web es Trebuchet MS, Arial, Helvética, sans-serifUna tipografía de palo, seria y elegante. que se adapta muy bien al diseño global del book.

Paleta de colores

Se ha escogido colores pasteles con un rango tonal derivado del color del logo para la barra de menú.

Los mismos tonos pastel pero más oscuros al pasear el ratón por encima “hover”.

Aplicando el mismo código de color, para las páginas; así el fondo y marco de las fotos tienen el mismo color de la barra de menú. Además se ha utilizado el color del logo para resaltar los enlaces al currículum y a la página de inicio y también algún detalle en la página del currículum.

G R A P H I C D E S I G N 3 D C H A R A C T E R 3 D E N V I R O N M E N T C O N C E P T A R T

R204-G102-B51#CC6633

R102-G51-B51#663333

R102-G0-B0#660000

R102-G51-B0#663300

G R A P H I C D E S I G N 3 D C H A R A C T E R 3 D E N V I R O N M E N T C O N C E P T A R T

R128-G60-B29#803c1d

R68-G34-B34#442222

R76-G1-B5#4c0105

R65-G33-B2#412102

Con efecto hover

abcdefghijklmnopqrstuvxyzABCDEFGHIJKLMNOPQRSTUVXYZ

BRIEFING.indd 5 04/01/11 12:13

P Á G I N A 6

Secciones

La web tiene:1 página de INICIO

4 secciones GRAPHIC DESIGN. Diseño de logos y páginas webs. 3D CHARACTER. Renderizado de figuras y objetos. 3D ENVIRONMENT. Diseño de paisajes y entornos para juegos. CONCEP ART. Estudio y desarrollo de personajes y paisajes para juegos.

1 página CURRÍCULUM que contiene un link a CONTACTO

G R A P H I C D E S I G N 3 D C H A R A C T E R 3 D E N V I R O N M E N T C O N C E P T A R T

I N I C I O C U R R Í C U L U M

C U R R Í C U L U M

I N I C I O C O N T A C T O

G R A P H I C D E S I G N 3 D C H A R A C T E R 3 D E N V I R O N M E N T C O N C E P T A R T

I N I C I O C U R R Í C U L U M

G R A P H I C D E S I G N 3 D C H A R A C T E R 3 D E N V I R O N M E N T C O N C E P T A R T

I N I C I O C U R R Í C U L U M

G R A P H I C D E S I G N 3 D C H A R A C T E R 3 D E N V I R O N M E N T C O N C E P T A R T

I N I C I O C U R R Í C U L U M

G R A P H I C D E S I G N 3 D C H A R A C T E R 3 D E N V I R O N M E N T C O N C E P T A R T

I N I C I O C U R R Í C U L U M

BRIEFING.indd 6 04/01/11 12:13

P Á G I N A 7

Estructura de la página

La estructura de las páginas corresponde a una galería de fotos.

Tienen la peculiaridad que al pulsar sobre las imágenes, tienen un efecto “lightbox”, abriendo la misma imagen en tamaño grande en el centro de la página.

Incorpora una pequeña descripción de su procedencia y donde han sido aplicadas.

BRIEFING.indd 7 04/01/11 12:13

P Á G I N A 8

Mapa de navegación

G R A P H I C D E S I G N

3 D C H A R A C T E R

3 D E N V I R O N M E N T

C O N C E P T A R T

C U R R Í C U L U M

I N I C I O

BRIEFING.indd 8 04/01/11 12:13

P Á G I N A 9

La Home

Desde la home podemos ir a cualquier página de la web. Además de contener información sobre la intención del book, también encontramos información sobre cada sección.

BRIEFING.indd 9 04/01/11 12:13

P Á G I N A 1 0

Páginas interiores

Desde cualquier página interior podemos ir a cualquier página de la web. Contiene información sobre la sección y sobre los trabajos

BRIEFING.indd 10 04/01/11 12:13

P Á G I N A 1 1

Página interior

BRIEFING.indd 11 04/01/11 12:13

P Á G I N A 1 2

Página interior

BRIEFING.indd 12 04/01/11 12:13

P Á G I N A 1 3

Página interior

BRIEFING.indd 13 04/01/11 12:13

P Á G I N A 1 4

Currículum

BRIEFING.indd 14 04/01/11 12:13