Charla IDDECO Ildefe

235 views

Published on

Diseño: Nuevos Soportes y Nuevas Tecnologías para la Empresa

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
235
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Charla IDDECO Ildefe

  1. 1. 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 #LeónDiseña » Experto Certificado Apple/Adobe #JornadasIldefe » Twitter: @jelobejon
  2. 2. DE QUÉ VAMOSA HABLARresumiendo la charla en 5 puntos 1. Introducción: ¿Qué es Diseño? 2. El “estado del Diseño” actualmente 3. 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”
  3. 3. DE QUÉ VAMOSA 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¿QR…? ¿NECESITA dentro de unos días, y en SlideshareESTA CARA UN QR?
  4. 4. AYVÁ ESOS QR
  5. 5. AYVÁ ESOS QR
  6. 6. AYVÁ ESOS QR
  7. 7. AYVÁ ESOS QR WHAT THE…?
  8. 8. 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
  9. 9. 1. ¿QUÉ ES EL DISEÑO? » idde.co/video1
  10. 10. 2. EL ESTADO DEL DISEÑO por 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 ¿CÓMO VOY ADECIDIR BIEN…? ¡ME trabajo, de diferenciación profesionalFALTA INFORMACIÓN! y publicitaria…
  11. 11. 2. EL ESTADO DEL DISEÑO » WEB muy rentable » 24/7/365 » interactiva y muy funcional
  12. 12. ELDISEÑOLOCAMBIATODO » Con DISEÑO: +profesional, +legible, mejor comunicado, mejora la UX +creible, +reputacion, te diferencia, te posiciona mejor, consigue objetivos
  13. 13. ELDISEÑOLOCAMBIATODO » Sin DISEÑO: -legible, peor comunicado, -creible, +amateur, te posiciona como producto/servicio de mala calidad, no consigue objetivos…
  14. 14. 2. EL ESTADO DEL DISEÑO IDENTIDAD CORPORATIVA » marca WEB » papelería, merchandising, señalización,etc » es ‘tu identidad’
  15. 15. ELDISEÑOLOCAMBIATODO » idde.co/logos » Con DISEÑO: +personalidad y estilo, +pregnancia, +coherencia, transmite valores, tiene ingenio, demuestra innovación y creatividad
  16. 16. ELDISEÑOLOCAMBIATODO » idde.co/logosfail » Sin DISEÑO: -no es profesional, -cutre, improvisado o poco pensado, hasta con ‘errores garrafales’, se presta a parodias, y hasta puede ‘herir sensibilidades’
  17. 17. 2. EL ESTADO DEL DISEÑO IDENTIDAD CORPORATIVA WEB PEQUEÑA PUBLICIDAD » flyers, dípticos, tarjetas, tarjetones, merchandising, cartelería… » cada vez más impresión digital y bajo demanda
  18. 18. 2. EL ESTADO DEL DISEÑO IDENTIDAD CORPORATIVA WEB PEQUEÑA PUBLICIDAD PUBLICIDAD EXTERIOR » publicidad en MUPIs, vallas, autobuses, etc. » rotulación exterior, banderolas » para empresas, eventos, exposiciones…
  19. 19. 2. EL ESTADO DEL DISEÑO IDENTIDAD CORPORATIVA WEB PEQUEÑA PUBLICIDAD PUBLICIDAD EXTERIOR 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…
  20. 20. ELDISEÑOLOCAMBIATODO » Cafeterías de León que cuidan su imagen interior: está funcionando… Cafetería Ágora: imagen de estudiodavinci.es
  21. 21. 2. EL ESTADO DEL DISEÑO DISEÑO PACKAGING EDITORIAL IDENTIDAD CORPORATIVA WEB PEQUEÑA PUBLICIDAD PUBLICIDAD SEO, SEM, SMM EXTERIOR » SEO: posicionamiento PUBLICIDAD en buscadores ‘INTERIOR’ » SEM, SMM: campañas en buscadores (AdWords) y en Redes Sociales » Puedes gestionarlas tú, pero ¿le puedes dedicar el tiempo para hacerlo bien?
  22. 22. 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?
  23. 23. 2. EL ESTADO DEL DISEÑO DISEÑO PACKAGING EDITORIALIDENTIDAD CORPORATIVA WEB PEQUEÑA PUBLICIDAD APPS y WEB PUBLICIDAD MÓVILES SEO, SEM, SMM EXTERIOR » Webs móviles: es tendencia, PUBLICIDAD y crecerá aún + ‘INTERIOR’ » Apps: ‘empaqueta’ una funcionalidad útil en una aplicación móvil/tablet » Da exclusividad y diferenciación, todavía pocos lo hacen…
  24. 24. 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
  25. 25. 2. EL ESTADO DEL DISEÑO DISEÑO PACKAGING EDITORIAL IDENTIDAD VÍDEO CONTENIDOS CORPORATIVA ONLINE DIGITALES WEB PEQUEÑA PUBLICIDAD APPS y WEB PUBLICIDAD MÓVILES SEO, SEM, SMM EXTERIOR PUBLICIDAD ONLINE PUBLICIDAD ‘INTERIOR’ » 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?
  26. 26. ELVÍDEOLOCAMBIATODO » cocinandos.com, una apuesta por la web con audiovisual HTML5 en León
  27. 27. ELVÍDEOLOCAMBIATODO » idde.co/video2 » No sólo virales de humor, un mensaje “serio, con concepto y comprometido” también se comparte, ¿quieres saber cómo?
  28. 28. 2. EL ESTADO DEL DISEÑO PUBLICIDAD en DISEÑO PACKAGING VIDEOWALLS EDITORIAL IDENTIDAD MOTION VÍDEO CONTENIDOS CORPORATIVA GRAPHICS ONLINE DIGITALES WEB ANIMACIÓN WEB PEQUEÑA HTML5 PUBLICIDAD APPS y WEB PUBLICIDAD MÓVILES SEO, SEM, SMM EXTERIOR PUBLICIDAD ONLINE PUBLICIDAD ‘INTERIOR’ » Vídeo tiene más ‘derivas’: Motion Graphics, la evolución natural del Diseño hacia el audiovisual La creación de animación Web para disp. móviles La publicidad en paneles de vídeo exterior (Videowalls)
  29. 29. ELVÍDEOLOCAMBIATODO» Juan Darién, ilustrador cubano afincado en León, Motion Graphics entre otros para la productora Armonia Films » juandarien.com
  30. 30. 2. EL ESTADO DEL DISEÑO PUBLICIDAD en DISEÑO PACKAGING VIDEOWALLS EDITORIAL IDENTIDAD MOTION VÍDEO CONTENIDOS CORPORATIVA GRAPHICS ONLINE DIGITALES WEB ANIMACIÓN WEB PEQUEÑA HTML5 PUBLICIDAD APPS y WEB PUBLICIDAD MÓVILES SEO, SEM, SMM EXTERIOR PUBLICIDAD ONLINE PUBLICIDAD ‘INTERIOR’ » 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…
  31. 31. 2. DISEÑO UN NUEVO MODELO DE TRABAJO » Hay un nuevo modelo empresarial y de trabajo por CÉ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
  32. 32. 3. DIEZ TENDENCIAS EN DISEÑO 5 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 ES COMO UN » Ver estas tendencias nos permitirá ORDENADOR incluso ‘predecir’ algunas cosas PERSONAL, ES LA para el futuro próximoBOLA DE CRISTAAAL
  33. 33. 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…
  34. 34. 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…
  35. 35. 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
  36. 36. DIEZTENDENCIAS » Artistas leoneses del Graffiti, aplicado a la decoración de negocios y oficinas: arte84.com y @GraffitiLeon (twitter)
  37. 37. DIEZTENDENCIAS » Artistas leoneses del Graffiti, aplicado a la decoración de negocios y oficinas: arte84.com y @GraffitiLeon (twitter)
  38. 38. 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+
  39. 39. 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!
  40. 40. DIEZTENDENCIAS » Web y folleto con ilustraciones para Lácteas “La Praderina” Diseño y maquetación: estudiobetta - Proconsi Dynamiza Ilustraciones: Isaac Miguel de River
  41. 41. 3. DIEZ TENDENCIAS EN DISEÑO ‘DIGITALES’ IMPRESIÓN3DyENOTROSMATERIALES » Posibilidad de crear OBJETOS reales a partir de un Diseño por ordenador » fablableon.org
  42. 42. 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
  43. 43. DIEZTENDENCIAS» Proyecto del diseñador Stephan Sagmeister para “Casa Da Musica idde.co/video2
  44. 44. 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?
  45. 45. 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.st En León, coworking, cothinking: » http://lacolaborativa.org
  46. 46. 3. DIEZ TENDENCIAS EN DISEÑO ‘DIGITALES’POR QUÉ DIOS MÍO, CON LOBIEN QUE ME DEFENDÍA YAEN FLASH Y AHORA ESTO… HTML5A’CASCOPORRO’ » HTML5 está aquí para quedarse, en la web móvil, animaciones, aplicaciones, ¡¿incluso llegará al software de escritorio!?
  47. 47. 3. DIEZ TENDENCIAS EN DISEÑO ‘DIGITALES’ idde.co/adobehtml5 » Adobe está colaborando para que HTML5 incluya capacidades de contorneo, flujo de texto, filtros gráficos, modos de fusión y animaciones en gráficos normales y SVG. ¿Algún día HTML5 sustituirá a PDF/Postscript?
  48. 48. 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
  49. 49. 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)SI NO VISITAS ESTE » Blog hecho en León sobre BLOG, YO YA NO tendencias muy bueno: TE ‘AJUNTO’ idde.co/secretgarden
  50. 50. 4. LOSNUEVOSSOPORTESDELDISEÑO¿cambian las reglas del juego? POS’ YO MEESPERABA OTRA RESPUESTA… NO * » Los principios del Diseño son universales y se aplican a cualquier soporte presente, pasado y futuro
  51. 51. 4. LOSNUEVOS SOPORTESDELDISEÑO el 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 deVALE, EXPLICADO ASÍ, programador+diseñador+otras ‘POS’ SÍ… disciplinas son clave en los nuevos soportes digitales
  52. 52. 5. CONCLUSIONESsí, 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 noI WANT YOU diferenciará…TO INVEST IN » Invertir en Diseño siempre te DESIGN permitirá destacar de la competencia
  53. 53. 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 Y U NO » Si al final tienes que salir de España,LEARN ENGLISH?! de todos modos, te abrirá muchas puertas, no lo dudes…
  54. 54. 5. CONCLUSIONES 6 tareas para ser mejor profesional APRENDERELOFICIO » 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 YO DISEÑO PARA » Diseño teórico, Usabilidad+UX,MÁQUINAS, NO PARA LAS PERSONAS Arquitectura de la información/la interacción, Comunicación… cruciales
  55. 55. 5. CONCLUSIONES 6 tareas para ser mejor profesional SABERSEVENDER » 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 laborPOR SUPUESTATION, comercial, al principio al menos… YO NO TENGO POR » ¿CÓMO NARICES TE VAS A QUÉ HACER ESO DAR A CONOCER?
  56. 56. 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
  57. 57. 5. CONCLUSIONES 6 tareas para ser mejor profesional HACERNETWORKING » 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! TENGO A MEDIA » La red de Contactos en LinkedIn oESPAÑA EN LINKEDIN Twitter funciona mejor si te conocenPERO SIGO EN PARO… (al menos algunos) en persona
  58. 58. 5. CONCLUSIONES 6 tareas para ser mejor profesional SÉ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 MI MAMÁ ME DICEQUE SOY LA MEJOR: demuestre tu saber hacer, y moverteNO TENGO NADA QUE por Redes Sociales te resultaráDEMOSTRAR, OSEA… mucho + fructífero
  59. 59. 5. CONCLUSIONES tareas para ser mejor profesional OTROSCONSEJOS » 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,PUES YO PREFIERO siempre pregúntate: ¿cómo puedoAPUNTARME A GH15 hacerlo mejor? PARA HACERMEFAMOSETE DE ESOS » Especialízate en un ámbito y te buscarán para proyectos específicos
  60. 60. 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”
  61. 61. 5. CONCLUSIONES‘RUEGOPREGUNTAS’ “No hay preguntas indiscretas, las indiscretas son las respuestas” (si te las dan)
  62. 62. 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

×