domingo, 15 de diciembre de 2013

VENDER EN FACEBOOK

Hola, en el curso de redes voy a dar unas clases enfocadas a Facebook que cubrirán no sólo en uso lúdico de Facebook, si no también cómo usarlo para promocionar nuestro negocio, marca o producto. Básicamente se trata de vender en Facebook

Voy a dar acceso a ellas a los alumnos de Diseño Gráfico, y Diseño Web de Torrejón y Sanchinarro que se matriculen en el segundo trimestre. No las explicaré en clase, pero si quereis seguir las clases en el blog y practicar o mandarme mails para hacer consultas, para ello, por favor, aseguraros de que tenéis preparado:

  • Cuenta activa en Twitter
  • Cuenta activa en Facebook
  • Cuenta activa en Flickr
  • Cuenta activa en Vimeo
  • Cuenta activa en Youtube
Un saludo :)

viernes, 13 de diciembre de 2013

PLAZAS LIBRES EN DISEÑO WEB - 03

Tenemos plazas libres en el curso de diseño web de:

MARTES y JUEVES 12:00 - 13:00

Aunque hemos dado ya un trimestre, un alumno que estudie todas entradas del blog, tutoriales y ejercicios podría ponerse al día en unas semanas (sufriendo, eso sí, pero estudiando se puede).

El diseño web está muy relacionado hoy en día con el diseño gráfico, por lo que puede complementar la formación que recibís en el el curso de diseño gráfico.

Os subo 3 entradas, en las que podéis ver un ejemplo de clases teóricas, prácticas y el ejercicio que están realizando en estos momentos los alumnos.

EJEMPLO ENTRADA - EJERCICIO 01 (desarrollado en el primer trimestre)

Vamos a continuar el ejercicio 01. Lo primero pedir disculpas a los alumnos del curso e Torrejón de la mañana porque yo había dormido poco y estaba empanado y me olvidé darle la altura a los DIVs y por eso no los veíamos... error de principiante que a un profe falto de sueño también puede pasarle. Una mala tarde la tiene cualquiera :)

Descargaremos las imágenes de onehub.com/home con Firebug o desde aquí:


PLAZAS LIBRES EN DISEÑO WEB - 02

Tenemos plazas libres en el curso de diseño web de:

MARTES y JUEVES 12:00 - 13:00

Aunque hemos dado ya un trimestre, un alumno que estudie todas entradas del blog, tutoriales y ejercicios podría ponerse al día en unas semanas (sufriendo, eso sí, pero estudiando se puede).

El diseño web está muy relacionado hoy en día con el diseño gráfico, por lo que puede complementar la formación que recibís en el el curso de diseño gráfico.

Os subo 3 entradas, en las que podéis ver un ejemplo de clases teóricas, prácticas y el ejercicio que están realizando en estos momentos los alumnos.

EJEMPLO ENTRADA - CLASE DE CSS

Vamos a crear otro párrafo al que aplicaremos una clase. Usaremos comentarios para comentar lo que hacemos y recordar lo aprendido.

PLAZAS LIBRES EN DISEÑO WEB - 01

Tenemos plazas libres en el curso de diseño web de:

MARTES y JUEVES 12:00 - 13:00

Aunque hemos dado ya un trimestre, un alumno que estudie todas entradas del blog, tutoriales y ejercicios podría ponerse al día en unas semanas (sufriendo, eso sí, pero estudiando se puede).

El diseño web está muy relacionado hoy en día con el diseño gráfico, por lo que puede complementar la formación que recibís en el el curso de diseño gráfico.

Os subo 3 entradas, en las que podéis ver un ejemplo de clases teóricas, prácticas y el ejercicio que están realizando en estos momentos los alumnos.

EJEMPLO ENTRADA - CLASE DE HTML

Subiremos nuestra primera página al hosting gratuito de Torrejón.

Abrimos Apatana y en la ventana de proyectos creamos un proyecto nuevo que llamaremos CURSOTORREJON

2T - ¿QUÉ NOS ESPERA? - 01 - EL REDISEÑO

El REDISEÑO: 

muchas veces nos encontramos que lo que nos piden no es diseñar desde 0, si no rediseñar un diseño existente adaptándolo a nuevas necesidades u objetivos, o simplemente adaptarlo a nuevos tiempos o corrientes

El rediseño de la imagen corporativa de la aseguradora Eagle Star es un trabajo brillantemente resuelto.

La imagen objeto del rediseño estaba anticuada: y necesitaba adaptarse a los nuevos tiempos.



El resultado final:


Como ejercicio, vamos a intentar dibujar el logotipo en Ilustrator.


2T - ¿QUE NOS ESPERA? - 02

En el segundo trimestre es cuando empieza el curso de diseño propiamente dicho, posiblemente a partir de mediados de febrero.

Hasta entonces lo que hemos hecho es introducirnos en el retoque de imagen ya que gran parte del trabajo gráfico parte o contiene imágenes que hemos de manipular.

Voy a adelantaros algunas prácticas para que sepáis lo que nos encontraremos:_

Partiendo de este punto de partida:



Usar los elementos para crear una imagen corporativa.

SOLUCION

viernes, 29 de noviembre de 2013

TUT-05_CONTRASTE

Nos servimos del contraste para añadir interés visual a la página y crear una jerarquía entre los elementos.

El contraste, para ser eficaz, HA DE SER FUERTE. ¡¡ Ha de ser valiente ¡¡

Si dos elementos son diferentes, pero poco diferentes, no hay contraste: hay conflicto.

En estos ejemplos vemos que hay contraste, pero poco contraste, con lo que tenemos conflicto, y entonces el contraste deja de ser eficaz:

EJEMPLO 01: CONFLICTO


EJEMPLO 01: CONTRASTE


EJEMPLO 02: CONFLICTO



EJEMPLO 02: CONTRASTE


En el contraste hay que ser valiente:

SI UN TRABAJO NO ATRAE NUESTRA VISTA NADIE LO LEERÁ

Por ejemplo, en este ejemplo hay contraste, pero... ¿Es suficiente? ¿Es valiente?


¿Y ahora?:


¿Y en este ejemplo?


El mismo usando el contraste como herramienta de diseño:


Vamos a ver unos ejemplos de contraste valiente y arriesgado:











viernes, 25 de octubre de 2013

TEO-04_REPETICIÓN

Vamos a fijarnos en esta tarjeta:



¿Nos damos cuenta de que al llegar al final de la información la vista abandona la tarjeta?

Y ahora en ésta:


¿Nos damos cuenta de que la vista va y viene entre los elementos en negrita.

En la segunda tarjeta hemos usado la REPETICIÓN. Hemos repetido la negrita y el tipo de fuente.

Vamos a compararlas:


Cuando diseñamos debemos repetir algún elemento a lo largo de la pieza.

Debemos convertir una repetición en una clave visual que vincule toda la publicación.

En el caso anterior, la repetición os ayuda a mantener la atención sobre la información el mayor tiempo posible.

La repetición permite unificar diferentes elementos y partes del diseño. Y ha de ser un esfuerzo consciente para que su aplicación tenga efecto.

La repetición, por ejemplo, nos permite unificar páginas de un documento, folleto, revista, libro...




La repetición, en modo alguno revela falta de creatividad, por el contrario la repetición es consistencia. Y la consistencia nos permite jugar y hacer guiños sorpresa.



¿Por qué la repetición es consistencia? Porque la repetición unifica diseños, contenidos, etc... incluso de posters diferentes, aislados... Los unifica.




En resumen, la repetición de elementos visuales a lo largo del diseño unifica y fortalece la pieza, vinculando partes que de otra forma estarían separadas.

El propósito de la repetición es unificar y añadir interés visual.






La repetición a lo largo del tiempo llega a dar tal consistencia a una imagen que nos permite sorprendentes asociaciones.



TUT-03_ORDEN - COLOCACIÓN - ALINEACIÓN_01

Para trabajar este tutorial descargaremos este archivo

En un diseño nada debe colocarse de forma arbitraria.


Ningún elemento debe estar aislado.





Cada elemento debe tener una conexión visual con al menos otro elemento de la página.


Si los elementos están alineados, el resultado es una unidad cohesionada fuerte.


Incluso si los elementos están alineados están separados entre sí,existe una línea visual que los conecta.


Vemos que en esta tarjeta no hay conexión entre los elementos



viernes, 11 de octubre de 2013

RESUMEN PRINCIPIOS BÁSICOS

Cómo última clase teórica antes de comenzar con el color, haremos un ejercicio/resumen.

Tenemos que crear un archivo similar a este, en tamaño A4 72ppp


miércoles, 2 de octubre de 2013

TEO-01_PRINCIPIOS BÁSICOS

En este curso vamos a trabajar con una serie de PRINCIPIOS BÁSICOS que aparecen en los buenos diseños y que usan y citan los mejores diseñadores.

  • CONTRASTE
  • REPETICIÓN
  • ALINEACIÓN
  • PROXIMIDAD

miércoles, 25 de septiembre de 2013