Post on 24-Jun-2015
description
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
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