para la imagen de la empresa

Jesús E. Lobejón» Director Académico en

Escuela de Diseño IDDECO» Diseñador y desarrollador Web» Experto Certificado Apple/Adobe» Twitter: @jelobejon

#LeónDiseña#JornadasIldefe

DE QUÉ VAMOS A HABLARresumiendo la charla en 5 puntos

1. Introducción: ¿Qué es Diseño?2. El “estado del Diseño” actualmente3. Diez tendencias del Diseño actual (cinco ‘tecnológicas’, y cinco no)

4. Los nuevos soportes… ¿cambian las reglas del juego?

5. Conclusiones y: “ruego preguntas”

DE QUÉ VAMOS A HABLAR‘apuntes’ para quienes tomen apuntes

» Acortadores de URL http://idde.co para enlaces recomendados

» wtfQRcodes.com, el despropósito de abusar de los QR

» La charla tiene ‘barra de progreso’» Las ‘diapos’ en la web del Ildefe dentro de unos días, y en Slideshare¿QR…? ¿NECESITA

ESTA CARA UN QR?

AYVÁ ESOS QR

AYVÁ ESOS QR

AYVÁ ESOS QR

AYVÁ ESOS QR

WHAT THE…?

1. ¿QUÉ ES EL DISEÑO?

» NO es ‘hacer las cosas más bonitas’» Componer con buen gusto, criterio, y concepto comunicativo, materiales gráficos o (audio)visuales

» NO es sólo la apariencia, es también conseguir que funcione

1. ¿QUÉ ES EL DISEÑO?

» idde.co/video1

2. EL ESTADO DEL DISEÑOpor qué nos interesa conocerlo

» ¿Cómo está el diseño ahora mismo, en qué formarte y emprender?

» Si tienes una empresa, ¿qué áreas comunicativas tienes bien cubiertas, cuáles no tanto?

» Ver oportunidades de negocio, de trabajo, de diferenciación profesional y publicitaria…

¿CÓMO VOY A DECIDIR BIEN…? ¡ME FALTA INFORMACIÓN!

2. EL ESTADO DEL DISEÑO

WEB» muy rentable» 24/7/365» interactiva y muy funcional

ELDISEÑOLOCAMBIATODO

» Con DISEÑO: +profesional, +legible, mejor comunicado, mejora la UX+creible, +reputacion, te diferencia, te posiciona mejor, consigue objetivos

ELDISEÑOLOCAMBIATODO

» Sin DISEÑO: -legible, peor comunicado, -creible, +amateur, te posiciona como producto/servicio de mala calidad, no consigue objetivos…

2. EL ESTADO DEL DISEÑO

WEBIDENTIDAD

CORPORATIVA» marca» papelería, merchandising, señalización,etc

» es ‘tu identidad’

ELDISEÑOLOCAMBIATODO

» Con DISEÑO: +personalidad y estilo, +pregnancia, +coherencia, transmite valores, tiene ingenio, demuestra innovación y creatividad

» idde.co/logos

ELDISEÑOLOCAMBIATODO

» Sin DISEÑO: -no es profesional, -cutre, improvisado o poco pensado, hasta con ‘errores garrafales’, se presta a parodias, y hasta puede ‘herir sensibilidades’

» idde.co/logosfail

2. EL ESTADO DEL DISEÑO

WEBIDENTIDAD

CORPORATIVAPEQUEÑA PUBLICIDAD

» flyers, dípticos, tarjetas, tarjetones, merchandising, cartelería…

» cada vez más impresión digital y bajo demanda

2. EL ESTADO DEL DISEÑO

WEBIDENTIDAD

CORPORATIVAPEQUEÑA PUBLICIDAD

PUBLICIDADEXTERIOR

» publicidad en MUPIs, vallas, autobuses, etc.

» rotulación exterior, banderolas

» para empresas, eventos, exposiciones…

2. EL ESTADO DEL DISEÑO

WEBIDENTIDAD

CORPORATIVAPEQUEÑA PUBLICIDAD

PUBLICIDADEXTERIOR

PUBLICIDAD‘INTERIOR’

» la imagen interior de una empresa como argumento más de venta

» si tienes ‘tripas bonitas’ enséñalas en publicidad, internet, redes sociales…

ELDISEÑOLOCAMBIATODO

» Cafeterías de León que cuidan su imagen interior: está funcionando…Cafetería Ágora: imagen de estudiodavinci.es

2. EL ESTADO DEL DISEÑO

WEBIDENTIDAD

CORPORATIVAPEQUEÑA PUBLICIDAD

PUBLICIDADEXTERIOR

PUBLICIDAD‘INTERIOR’

PACKAGINGDISEÑO EDITORIAL

SEO, SEM, SMM» SEO: posicionamiento en buscadores

» SEM, SMM: campañas en buscadores (AdWords) y en Redes Sociales

» Puedes gestionarlas tú, pero ¿le puedes dedicar el tiempo para hacerlo bien?

COMUNICARBIENCAMBIATODO

» ¿De VERDAD tienes el tiempo y los conocimientos para GESTIONAR tus campañas en buscador o redes sociales? ¿Podrías contratar a un EXPERTO?

2. EL ESTADO DEL DISEÑO

WEBIDENTIDAD

CORPORATIVAPEQUEÑA PUBLICIDAD

PUBLICIDADEXTERIOR

PUBLICIDAD‘INTERIOR’

PACKAGINGDISEÑO EDITORIAL

SEO, SEM, SMMAPPS y WEBMÓVILES

» Webs móviles: es tendencia, y crecerá aún +

» Apps: ‘empaqueta’ una funcionalidad útil en una aplicación móvil/tablet

» Da exclusividad y diferenciación, todavía pocos lo hacen…

LATECNOLOGÍALOCAMBIATODO

» Hacen falta + proyectos aquí como el de appleón; y empresas que quieran aprovechar el gran potencial de las APPs y las webs móviles

2. EL ESTADO DEL DISEÑO

WEBIDENTIDAD

CORPORATIVAPEQUEÑA PUBLICIDAD

PUBLICIDADEXTERIOR

PUBLICIDAD‘INTERIOR’

PACKAGINGDISEÑO EDITORIAL

SEO, SEM, SMMAPPS y WEBMÓVILES

VÍDEO ONLINE

» El audiovisual ha llegado la Red para conquistarnos» Le dedicamos cada vez + tiempo, nos engancha +, lo compartimos +

» ¿Por qué no contar lo que sea, pero en vídeo?

CONTENIDOSDIGITALES

PUBLICIDAD ONLINE

ELVÍDEOLOCAMBIATODO

» cocinandos.com, una apuesta por la web con audiovisual HTML5 en León

ELVÍDEOLOCAMBIATODO

» No sólo virales de humor, un mensaje “serio, con concepto y comprometido” también se comparte, ¿quieres saber cómo?

» idde.co/video2

2. EL ESTADO DEL DISEÑO

WEBIDENTIDAD

CORPORATIVAPEQUEÑA PUBLICIDAD

PUBLICIDADEXTERIOR

PUBLICIDAD‘INTERIOR’

PACKAGINGDISEÑO EDITORIAL

SEO, SEM, SMMAPPS y WEBMÓVILES

VÍDEO ONLINE

» Vídeo tiene más ‘derivas’:Motion Graphics, la evolución natural del Diseño hacia el audiovisualLa creación de animación Web para disp. móvilesLa publicidad en paneles de vídeo exterior (Videowalls)

CONTENIDOSDIGITALES

PUBLICIDAD ONLINE

ANIMACIÓN WEB HTML5

PUBLICIDAD en VIDEOWALLS

MOTION GRAPHICS

ELVÍDEOLOCAMBIATODO

» Juan Darién, ilustrador cubano afincado en León, Motion Graphics entre otros para la productora Armonia Films » juandarien.com

2. EL ESTADO DEL DISEÑO

WEBIDENTIDAD

CORPORATIVAPEQUEÑA PUBLICIDAD

PUBLICIDADEXTERIOR

PUBLICIDAD‘INTERIOR’

PACKAGINGDISEÑO EDITORIAL

SEO, SEM, SMMAPPS y WEBMÓVILES

VÍDEO ONLINE

» El panorama tiene tres partes fundamentales: Web, Identidad y Vídeo Online

» Y muchas especialidades/ramas asociadas a cada una» Sin mencionar la industria de los contenidos, clave…

CONTENIDOSDIGITALES

PUBLICIDAD ONLINE

ANIMACIÓN WEB HTML5

PUBLICIDAD en VIDEOWALLS

MOTION GRAPHICS

2. DISEÑO UN NUEVO MODELO DE TRABAJO

» Hay un nuevo modelo empresarial y de trabajo porCÉLULAS INTERCONECTADAS

» Un freelance/microPYME que genera relaciones ‘simbióticas’ con otras que le complementen, para proyectos con especialización o grandes

» El networking, el tejer esa red de proveedores de servicios de confianza, y el trabajo en equipo, habilidades cada vez más necesarias en el siglo XXI

3. DIEZ TENDENCIAS EN DISEÑO5 que son ‘tecnológicas’, y 5 que no

» La Tecnología está cambiando en parte las posibilidades del Diseño

» Pero también hay una contracorriente de volver a lo ‘analógico’ y a lo artesano

» Ver estas tendencias nos permitirá incluso ‘predecir’ algunas cosas para el futuro próximo

ES COMO UN ORDENADOR

PERSONAL, ES LA BOLA DE CRISTAAAL

3. DIEZ TENDENCIAS EN DISEÑO ‘DIGITALES’

TABLETSyMÓVILES» Diseño de apps y webs móviles, websites adaptables (Responsive Web

Design), animaciones compatibles con ellos, apps de Diseño/arte…

DIEZTENDENCIAS

» Tráfico Web: ya casi 1 de cada 10 visitas desde un tablet, superando al tráfico de smartphones. Entre ambos, 15%, unas 3 de cada 20 visitas a websites:y en el el futuro próximo, esto no hará sino crecer, tengámoslo en cuenta…

3. DIEZ TENDENCIAS EN DISEÑO ‘ANALÓGICAS’

STREET ART+DECORACIÓN INTERIOR» Graffiti, Dibujo y Murales con vinilos para la imagen exterior/interna

de áreas y locales

DIEZTENDENCIAS

» Artistas leoneses del Graffiti, aplicado a la decoración de negocios y oficinas:arte84.com y @GraffitiLeon (twitter)

DIEZTENDENCIAS

» Artistas leoneses del Graffiti, aplicado a la decoración de negocios y oficinas:arte84.com y @GraffitiLeon (twitter)

3. DIEZ TENDENCIAS EN DISEÑO ‘DIGITALES’

REVISTASyLIBROSDIGITALES» En Diseños basados en HTML5 (ePUB3) o empaquetados a APP desde

programas como InDesign, usando sistemas como DPS, Aquafadas o Mag+

3. DIEZ TENDENCIAS EN DISEÑO ‘ANALÓGICAS’

ILUSTRACIÓN+LETTERING+ARTESANÍA» Cada vez más una vuelta a lo ‘artesanal’, a la caligrafía, el dibujo de todo

tipo y soporte, ¡lo ‘hecho a mano’ ha vuelto!

DIEZTENDENCIAS

» Web y folleto con ilustraciones para Lácteas “La Praderina”Diseño y maquetación: estudiobetta - Proconsi Dynamiza Ilustraciones: Isaac Miguel de River

3. DIEZ TENDENCIAS EN DISEÑO ‘DIGITALES’

IMPRESIÓN3DyENOTROSMATERIALES» Posibilidad de crear OBJETOS reales a partir de un Diseño por

ordenador » fablableon.org

3. DIEZ TENDENCIAS EN DISEÑO ‘ANALÓGICAS’

LOGOTIPOSMUTANTES» Cada vez más se emplean logotipos que puede adaptarse y ‘mutar’ en

colores y formas manteniendo una coherencia mínima para reconocerlos

» Proyecto del diseñador Stephan Sagmeister para “Casa Da Musicaidde.co/video2

DIEZTENDENCIAS

3. DIEZ TENDENCIAS EN DISEÑO ‘DIGITALES’

IMPRESIÓNDIGITALOFFSETYBAJODEMANDA» Lo más vendido en 2012 en España fueron libros de bolsillo, y un mercado

creciente será el libro “edición coleccionista” ¿La gama media desaparece?

3. DIEZ TENDENCIAS EN DISEÑO ‘ANALÓGICAS’

COLABORACIÓNMULTIDISCIPLINAR» Un grupo musical “OK GO”, una agrupación de bailarines, un coreógrafo

e ingenieros de Google se juntan para ver qué sale, y ocurrió allisnotlo.stEn León, coworking, cothinking: » http://lacolaborativa.org

3. DIEZ TENDENCIAS EN DISEÑO ‘DIGITALES’

HTML5A’CASCOPORRO’» HTML5 está aquí para quedarse, en la web móvil, animaciones,

aplicaciones, ¡¿incluso llegará al software de escritorio!?

POR QUÉ DIOS MÍO, CON LO BIEN QUE ME DEFENDÍA YA EN FLASH Y AHORA ESTO…

3. DIEZ TENDENCIAS EN DISEÑO ‘DIGITALES’

» Adobe está colaborando para que HTML5 incluya capacidades de contorneo, flujo de texto, filtros gráficos, modos de fusión y animacionesen gráficos normales y SVG. ¿Algún día HTML5 sustituirá a PDF/Postscript?

idde.co/adobehtml5

3. DIEZ TENDENCIAS EN DISEÑO ‘ANALÓGICO/DIGITAL’

LATIPOGRAFÍAHALLEGADOALAWEB» Google Web Fonts, Adobe Edge Web Fonts, Fontdeck, Fonts.com, Typekit, y

maneras de componer nuevas: Typecast, Lettering.js, etc. Muy buenas noticias para el Diseñador que ha llegado hace poco » http://idde.co/video3

3. DIEZ TENDENCIAS EN DISEÑO5 que son ‘tecnológicas’, y 5 que no

» Tendencias: podríamos dedicar muchas más horas

» Internet está lleno de blogs sobre tendencias visuales y arte, elige los que prefieras (y canales en Flipboard/Google Currents)

» Blog hecho en León sobre tendencias muy bueno:idde.co/secretgarden

SI NO VISITAS ESTE BLOG, YO YA NO

TE ‘AJUNTO’

4. LOSNUEVOSSOPORTESDELDISEÑO¿cambian las reglas del juego?

POS’ YO ME ESPERABA OTRA

RESPUESTA…

NO*

» Los principios del Diseño son universales y se aplican a cualquier soporte presente, pasado y futuro

4. LOSNUEVOSSOPORTESDELDISEÑOel asterisco de marras*

» Sí que permiten y piden: más interactividad, más multimedia, más carga audiovisual, y menos texto

» Se aprovechan al 100% cuando se combina diseño y programación

» Por lo tanto los equipos mixtos de programador+diseñador+otras disciplinas son clave en los nuevos soportes digitales

VALE, EXPLICADO ASÍ,‘POS’ SÍ…

5. CONCLUSIONES

sí, ya vamos terminando…» Hay portunidades de invertir y dedicarse al Diseño en muchas áreas

» Lo digital abarata los costes, pero si no inviertes en diseño, buena programación y + audiovisual… sólo apostar por el digital pronto no diferenciará…

» Invertir en Diseño siempre te permitirá destacar de la competencia

I WANT YOU TO INVEST IN

DESIGN

5. CONCLUSIONES6 tareas para ser mejor profesionalAPRENDERINGLÉS

» Acceso a documentación, noticias y tutoriales, etc. de primera mano que no se traducirán nunca al español

» Si tienes tu web en inglés y enseñas tu portafolio fuera, te podrás incluso ‘exportar’: no es tan difícil

» Si al final tienes que salir de España, de todos modos, te abrirá muchas puertas, no lo dudes…

Y U NO LEARN ENGLISH?!

5. CONCLUSIONES6 tareas para ser mejor profesionalAPRENDERELOFICIO

» Que sí, que diseñar es manejar el Photoshop… y si manejas Autocad, ¿te convierte eso en un arquitecto?

» Disciplinas teóricas te dan el CRITERIO para usar bien el software y conectar con tu público

» Diseño teórico, Usabilidad+UX, Arquitectura de la información/la interacción, Comunicación… cruciales

YO DISEÑO PARA MÁQUINAS, NO PARA

LAS PERSONAS

5. CONCLUSIONES6 tareas para ser mejor profesionalSABERSEVENDER

» Si no le echamos algo de ‘morro’…» Si no aprendemos a presentar…» Si quieres que tu trabajo hable por ti, porque te da ‘cosa’ hablar de él…

» Si no quieres hacer algo de labor comercial, al principio al menos…

» ¿CÓMO NARICES TE VAS A DAR A CONOCER?

POR SUPUESTATION,YO NO TENGO POR

QUÉ HACER ESO

5. CONCLUSIONES6 tareas para ser mejor profesionalFORMARTESIEMPRE

» Este no es un oficio que se esté quieto, siempre habrá que aprender. Si eso no te gusta, dedícate a otra cosa…

» Crea tu ‘entorno personal de aprendizaje’(PLE) y establece hábitos de formación personal» idde.co/entorno

» Cómprate un tablet y aprende a usarlo al máximo como herramienta educativa para ti mismo

5. CONCLUSIONES6 tareas para ser mejor profesionalHACERNETWORKING

» Bueno, eso que en español castizo se dice ‘hacer contactos’

» Vete a charlas, usa Twitter, relaciónate con profesionales como los que quieres ser, pídeles opinión, pregunta, participa, ¡sé proactivo!

» La red de Contactos en LinkedIn o Twitter funciona mejor si te conocen (al menos algunos) en persona

TENGO A MEDIA ESPAÑA EN LINKEDINPERO SIGO EN PARO…

5. CONCLUSIONES6 tareas para ser mejor profesionalSÉBUENOYDEMUÉSTRALO

» El curriculum y lo que digas es ‘papel mojado’ en áreas como esta

» Pon ganas, pasión, y ‘haz lo que sea, pero hazlo bien’. Que cristalicen en trabajos de alta calidad.

» Cúrrate tu portafolio: tendrás algo que demuestre tu saber hacer, y moverte por Redes Sociales te resultará mucho + fructífero

MI MAMÁ ME DICE QUE SOY LA MEJOR:

NO TENGO NADA QUE DEMOSTRAR, OSEA…

5. CONCLUSIONEStareas para ser mejor profesionalOTROSCONSEJOS

» Déjate asesorar en temas de emprendimiento, trabajo freelance… aprende sobre economía, marketing, marca personal, negocios, etc.

» Sé el mayor crítico de ti mismo, siempre pregúntate: ¿cómo puedo hacerlo mejor?

» Especialízate en un ámbito y te buscarán para proyectos específicos

PUES YO PREFIERO APUNTARME A GH15

PARA HACERME FAMOSETE DE ESOS

5. CONCLUSIONES

“Pon tu corazón, mente y alma hasta en el más pequeño de tus actos. Ese, es el secreto del Éxito”

5. CONCLUSIONES ‘RUEGOPREGUNTAS’

“No hay preguntas indiscretas, las indiscretas son las respuestas” (si te las dan)

5. CONCLUSIONESmuchas gracias por ‘aguantarme’ELFIN THEEND

Jesús E. Lobejón» Tecnología del Diseño, Diseño Web» Twitter: @jelobejon

Isabel Galán» Coaching Laboral, Marca personal, Marketing» Twitter: @isabelgalan

Marián Bardal» Diseño Gráfico y Multimedia» Twitter: @mbardal