Boceto nº3

El color

Los siguientes serán unos cuantos bocetos, no solo uno. La idea es que en la siguiente propuesta el color sea la clave. A partir de una misma estructura, he diseñado dos modelos distintos: uno en blanco y negro y el otro de cualquier otro color (pero que éste sea la clave). Veamos la primera propuesta, en blanco y negro:

Es un modelo de página más largo que los anteriores. La intención es que a simple vista se vea simplemente el logo y el círculo de ABOUT. Ambos son botones que, al clicar, te desplazan más abajo de la página. ABOUT te conduce abajo del todo, donde el texto. Debajo volvemos a ver un botón-logo, que conducirá arriba, y un botón-email, que abrirá una ventana donde enviar un email. El botón logo de arriba conducirá a los tres cuadros, cada uno de los cuales al clicar te abrirá una nueva página tipo la siguiente:

Aquí el botón-logo y el botón-about volverán a cumplir la misma función que antes. Como vemos aquí hay más color a parte del blanco y negro. Es el que corresponde a mis trabajos. Quizás utilizando como colores de fondo el blanco y negro mis piezas resalten más. Pero igualmente me da la impresión de que en la página inicial falta color, queda demasiado seria y no se capta de qué van mis trabajos.

Veamos ahora la propuesta en color con la misma estructura:

Bueno esto es otra cosa, mucho más alegre y además puede servir para conducir la mirada. Aunque tampoco sé decir si es un mejor modelo. ¿Qué ocurrirá ahora cuando le añada color a la página de STORY &...?

Pues es posible que no quede tan mal. Al fin y al cabo aquí la información se divide en dos columnas y el color puede ayudar a marcar los puntos de interés de cada una. De todas formas el peligro de caer en la sobrecarga de color siempre estará ahí en estos casos. Así que tendrá una una que ir con cuidado...

Boceto nº 2

Diseñar por retículas

El siguiente boceto se basa en la distribución de las pestañas e imágenes siguiendo un orden reticular. En este modelo volvería a colocar mi logotipo seguido de mi nombre y profesión en la esquina superior izquierda. Debajo aparecería una imagen que variaría al colocar el puntero del ratón encima. Al clicar al lado, en el cuadro ABOUT ME, la imagen dicha se cambiaría y pasaríamos a apreciar la descripción de mi currículo.

En la parte inferior vemos cuatro imágenes acompañadas debajo de la pestaña a la cual harán referencia. Al pasar el puntero del ratón encima las imágenes cambiarán, excepto en la imagen que acompaña la pestaña CONTACT (que sería el icono de un sobre o algo relacionado con la mensajería), y al clicar cualquiera de las cuatro pestañas se abriría una nueva ventana. 

Boceto nº 1

Éste es el primer boceto de página principal del que será  mi sitio web. A partir de los temas o topics que estudié en la anterior entrada he tenido que dividir en apartados mi sitio, dependiendo de lo que quiero mostrar de mis intereses. Me he encontrado con un problema: tengo varios ámbitos de interés, ya que me interesa la creación de historias, de imágenes y también la opinión crítica. Quizás me equivoque y éstos no sean ámbitos tan difíciles de unificar en una página principal sin destacar uno más que otro. O tal vez debería preguntarme a cuál le quiero dar más importancia. En este primer boceto he optado por la sección de creación narrativa, y he introducido el dibujo que realicé para el personaje de una historia que aún no sé qué formato adoptará (¿corto de animación, serie, libro ilustrado?). Para paliar la ambigüedad de mis intereses he optado por definirme en la cabecera como comunicadora audiovisual, término igualmente ambiguo pero al menos aceptado para darle nombre a la carrera que estudio. También he aprovechado y he colocado mi logotipo personal, que diseñé en la asignatura de diseño. Es una manera de comprobar hasta qué punto combina mi marca personal con la estética del sitio, y observar si me convence tanto el logo como la web.
Las pestañas que he creado son 5, y darán lugar a ventanas emergente que incluyan:
- Story & audiovisual projects: será donde se podrán ver los proyectos que he realizado o estoy realizando. Se llama así porque no quería englobar únicamente proyectos audiovisuales sino que también quería incluir historietas ilustradas o cómic.
- Opinion blog: aquí explicaré los blogs en los que de alguna manera participo e incluiré el enlace de los mismos.
- More visual items: incluiría fotografía, diseño gráfico, etc. Me interesa dar más énfasis a mi capacidad como narrradora visual, pero igualmente considero oportuno demostrar cómo compongo visualmente.
- About me: incluriría mi currículum.
- Contact: adjuntaría el email.