TRABAJAR CON GRIDS EN DISEÑO GRÁFICO

La retícula (Grid en inglés), es una herramienta muy útil que nos puede asegurar mayor equilibrio en nuestra composición al momento de diseñar.
Es una estructura en dos dimensiones hecha de líneas verticales y horizontales utilizada para estructurar el contenido, sirve como una armazón para organizar textos, imágenes o vídeos de una forma racional y fácil de visualizar.

Estos días estoy diseñando un catálogo que he de incrustar en una pagina web que he diseñado recientemente, y que también se imprimirá en papel

http://www.ireval.es

Es un trabajo que tiene diseño web (el diseño parte de la página web y habremos de incrustarlo en ella... Por lo que estas técnicas las explicaremos y practicaremos a lo largo del curso 2014-2015 en los cursos de diseño gráfico y diseño web del Centro Cutural de Sanchinarro y la Casa de la Cultura de Torrejón de Ardoz.

En las capturas de pantalla os muestro 2 páginas maquetadas y los grids en los que se apoyan

Una vez finalizado el diseño, alojaremos el catálogo virtual en los repositorios Issuu, Slideshare y Scribd

Y desde allí los incrustaremos en la web. También usaremos sus herramientas de etiquetado para ayudar en el SEO de la web y apoyarnos en las redes sociales para generar trafico en la página.

Por ello, también este proceso lo estudiaremos y pracricaremos en el curso de Community Manager.

La única diferencia es que en el Centro Cultural Sanchinarro lo haremos con Indesign y en la Casa de la Cultura de Torrejón de Ardoz usaremos Scribus. La técnica es la misma en ambos casos y podemos estudiarlo en Scribus en Casa de la Cultura y aplicarlo en casa en Indesign si lo tenemos instalado en casa.

Cursos en los que estudiaremos estas técnicas: Diseño gráfico, Diseño Web y Community Manager.

Saludos :)

CURSOS CENTRO CULTURAL SANCHINARRO 2014-2015

Desde el Centro Cultural Sanchinarro...

Me confirman que ya están completos y con lista de espera mis cursos anuales de:

• INICIACIÓN EN TABLETS ANDROID, INTERNET Y REDES SOCIALES
• COMMUNITY MANAGER
• CURSO DE REDES SOCIALES 2.0 E INTERNET
• DISEÑO WEB
• eCOMMERCE

Quedan todavía plazas para el periodo de matriculación de Septiembre:

• INICIACIÓN A LA INFORMÁTICA SOBRE ORDENADORES MAC

Saludos :)

INICIACIÓN AL USO DE TABLETS ANDROID, INTERNET Y REDES

En el Centro Cultural de Sanchinarro.

En octubre, iniciamos el taller Iniciación en Tablets Android, Internet y Redes Sociales - 2014-2015

NIVEL - INICIACIÓN

Este curso está diseñado para iniciarse en el uso de las TABLETS ANDROID y su uso lúdico no-profesional en internet y las redes sociales.

El curso está enfocado al disfrute de las TABLETS ANDROID en la vida cotidiana mediante el aprendizaje de internet, redes sociales y web based applications.

REQUISITOS

ES INDISPENSABLE QUE EL ALUMNO DISPONGA DE UNA TABLET ANDROID EN BUEN FUNCIONAMIENTO

NO SE ADMITEN iPADS

El curso se focaliza en el uso y disfrute de las tablets. Su función no es ser asistencia técnica o servicio técnico de las diferentes marcas de tablets de los alumnos.

Pues lo primero... una cuenta de gmail. Lógicamente, si Android es de Google... necesitaremos una cuenta gmail sí o sí.

Lo segundo, una Tablet Android... ¿no? Si es posible con el sistema operativo actualizado ;)

Pero no sólo eso... además de nuestra Tablet necesitaremos, para empezar... 

¿CÓMO SON MIS TUTORIALES?

A través del mail de contacto formacion@rpa-project.com me llegan algunas consultas acerca del tipo de tutoriales, documentación de los cursos, etc..

No nos dan documentación a los formadores, por lo que tenemos que "literalmente" buscarnos la vida :)

En mi caso, como estoy cogiendo encargos de diseño web, gráfico, 3d, redes, CM... al mismo tiempo que doy las clases, me gusta incorporar los encargos como casos prácticos.

Otras veces enlazo a tutoriales de internet, pero a medida que avanza el curso me voy adaptando al recorrido de los alumnos y me divierte hacer yo los tutoriales.

Voy a mostrar un ejemplo de tutorial, realizado para los alumnos de diseño web y diseño gráfico de la Casa de la Cultura de Torrejón de Ardoz.

Como en este centro trabajamos sobre Linux y todo es software libre, el tutorial corre sobre GIMP (en el Centro Cultural de Sanchinarro, esto mismo lo explicaré sobre Photoshop).

Para el tutorial uso de guía un trabajo profesional que fue la realización y programación de la web de

http://www.makemydayinmadrid.com/

Normalmente diseño yo los trabajos, pero en este caso el diseño de la imagen corporativa, web y dirección de arte fue de Javier Garrido director de arte en El Laboratorio, yo sólo realicé la maquetación y la programación ;)

Este trabajo me sirve para introducir a los alumnos de diseño web y de diséño gráfico en el uso de grids

Normalmente dejo así los tutoriales a los alumnos en sus áreas privadas del blog, pero es posible que este curso 2014-2015 haga algunos en vídeo porque me lo han pedido algunos alumnos... Ya veremos :)

EL TUTORIAL TIPO QUE CREO PARA ALUMNOS ES:

(recordad que está basado en un encargo profesional real, ya que procuro que lo que os enseño tenga aplicación práctica... y que es GIMP ya que estos alumnos en Torrejón pilotan software libre, los de Sanchinarro pilotan Adobe...  )

Nota: el diseño original de Javier Garrido es el que aparece en la web de MakeMyDayInMadrid enlazada. Los cambios que aparecen en el tutorial son porque hay cosas que quiero que veáis -alguna herramienta, alguna técnica- y me facilita la tarea  el hacer algún cambio, pero sólo a efectos docentes).

Vamos a trabajar el diseño gráfico para la web hasta este punto:

CURSOS - WEB vs GRÁFICO

Todos los años, en la Casa de la Cultura de Torrejon y en el Centro Cultural de Sanchinarro recomiendo a los alumnos de los cursos de Diseño Web, de Diseño Gráfico y de Redes o CM que se matriculen en los 3 cursos.

Hoy todo está tan unido que que es necesario. En estas entradas que voy a subir antes del comienzo de los cursos y talleres, en octubre, voy a subir y comentar algunos ejemplos de casos recientes que me he encontrado en los encargos que me han surgido durante el curso pasado.

Arquicad es un estudio de arquitectura establecido en Don Benito, Badajoz, que me encargó su imagen corporativa, diseño de página web y promoción en la red.

Evidentemente si yo estoy dando clases en Madrid y el cliente se encuentra a más de 300 km de distancia del estudio tengo que poder comunicarme con ellos y poder enseñarles el los avances.

En mi caso lo que hago es montar una página web que alojo en una carpeta de mi servidor, de forma que tengo una carpeta por proyecto, a ellas remito a mis clientes.

Este es un ejemplo: la carpeta de Arquicad:

http://www.rpa-project.com/-gic_arquicad-/index.html

Y esta la página web diseñada para Arquicad

http://www.arquicad.es

Por otro lado, podéis ver que existe unos enlaces a redes sociales Facebook y Twitter. Ya que he de darles unas charlas en septiembre para usar las redes en la promoción y potenciación de la marca de su estudio.

Por ello recomiendo a los alimnos matricularse de los 3 cursos: diseño web, gráfico y redes o CM, ya que en la vida profesional todo irá unido.

NUEVA WEB - REDISEÑO

Muchas veces lo que explicaremos en los cursos desborda el contenido o programa del mismo. Por ejemplo, hace un año o más diseñé la web de Ireval, y estos días he reestructurado el site map porque se han acabado obras nuevas que he tenido que incluirlas.

El proceso lo explicaremos en los cursos de #diseñoweb, tanto en el Centro Cultural de #Sanchinarro, como en la Casa d la Cultura de #Torrejóndeardoz.

Sin embargo, gran parte de los trabajos realizados pertenecen al campo del curso de #diseñográfico y al de #redes 2.0 o #Communitymanager ya que el tratamiento de fotos y logotipos, vectores, patrones, etc... pertenecen al diseño gráfico.

Esta es la web en el momento actual

http://ireval.es/

Por otro lado, se me ha encargado el catálogo de la firma, impreso y online para su uso como herramienta de marketing del estudio, por lo que gran parte de las acciones que emprenderemos las estudiarán y practicarán los alumnos de los cursos de #redes 2.0 y #communitymanager

El catálogo tiene que estar listo en septiembre, aunque pronto iremos viendo avances en el blog.

MOCK UP - DISEÑO WEB - DISEÑO GRÁFICO

Hay muchos tipos de mockups. Podemos usarlos en el diseño gráfico, pero también de apoyo en el diseño web. En este caso quiero mostrar al cliente cómo se vería el diseño de su web en un iPad.

Es preferible mostrar bocetos gráficos al cliente para su aprobación antes de programar la web.

Recurro de nuevo a uno de los últimos trabajos que he hecho, concretamente la imagen corporativa y la página web para Automatismos Kv

Podemos ver la página en:

http://www.automatismoskv.es/

Partimos de este mockup

Y lo que mostraremos al cliente es

En este caso van de la mano el diseño web y el diseño gráfico. Es buena idea seguir los cursos de diseño web y diseño gráfico que daremos a partir de octubre en La Casa de la Cultura de Torrejón de Ardoz y el Centro Cultural de Sanchinarro.

Podéis matricularos en cualquiera de ellos, pero los dos se complementan.

Saludos

MOCK UPS

Los mock up son maquetas virtuales que los diseñadores usamos para presentar los trabajos, sobre todo en casos de diseño gráfico, imagen corporativa, branding, packaging, diseño web, etc... Como esta pantalla en la que el verano pasado mostraba bocetos de una página web que estaba diseñando para http://www.garriguesasociados.com/

En los cursos de diseño gráfico que daré a partir de octubre en la Casa de la Cultura de Torrejón de Ardoz y en el Centro Cultural de Sanchinarro, aprenderemos a hacerlos y a trabajar con ellos, y en los cursos de diseño web aprenderemos a crear pequeñas webs donde montamos los mock ups para que un cliente pueda verlos on-line

Yo los uso a menudo, y muchas veces lo que hago es colgarlos directamente en una página web que me hago para ese trabajo en concreto, ya que no siempre es posible quedar con el cliente, y lo que hago es montar varios mock ups y subirlos a la web.

Os muestro un ejemplo reciente de la imagen corporativa y página web desarrollada para Arquicad, para quien diseñé la imagen corporativa y la web http://www.arquicad.es/

Como el cliente se encontraba a más de 300 km de Madrid les iba mostrando los avances del trabajo mediante esta web diseñada en mi servidor a la que iba subiendo los mock ups

http://www.rpa-project.com/-gic_arquicad-/index.html

Trabajaremos todo este proceso en los cursos y aprenderemos a crear y presentar mock ups que nos permitan mostrar nuestro trabajo a los clientes.

Un saludo

IMAGEN CORPORATIVA - BRANDING

Este semana tengo que acabar la imagen corporativa y la web de AUTOMATISMOS KV

Este tipo de trabajos los podréis abordar en la vida real profesional con las técnicas que enseño en los #cursos de #diseñográfico y #diseñoweb del #CentroCultural de #Sanchinarro y #CasaDeLaCultura de #TorejonDeArdoz

El logo lo he dibujado en Inkscape, programa de diseño vectorial que usamos en la Casa de la Cultura (donde todos los programas son software libre), pero las tarjetas las he montado en Adobe Ilustrator.

Y la pequeña página web la he hecho con Aptana, el programa que enseño en los cursos de #diseñoweb de Casa de la Cultura de Torrejón de Ardoz y del Centro Cultural de Sanchinarro.

http://automatismoskv.es