Este documento presenta diez tendencias actuales en diseño, divididas en cinco tendencias tecnológicas y cinco no tecnológicas. Las tendencias tecnológicas incluyen el diseño para tabletas y móviles, revistas y libros digitales, impresión 3D y otros materiales, y HTML5. Las tendencias no tecnológicas incluyen el street art y decoración interior, ilustración y lettering, logotipos mutantes, colaboración multidisciplinaria, y tipografía en la web. El documento con
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. DE QUÉ VAMOS
A HABLAR
resumiendo 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. 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
¿QR…? ¿NECESITA dentro de unos días, y en Slideshare
ESTA CARA UN QR?
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
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 A
DECIDIR BIEN…? ¡ME trabajo, de diferenciación profesional
FALTA INFORMACIÓN! y publicitaria…
11. 2. EL ESTADO DEL DISEÑO
»
WEB
muy rentable
» 24/7/365
» interactiva y
muy funcional
12. ELDISEÑOLOCAMBIATODO
» Con DISEÑO: +profesional, +legible, mejor comunicado, mejora la UX
+creible, +reputacion, te diferencia, te posiciona mejor, consigue objetivos
13. ELDISEÑOLOCAMBIATODO
» Sin DISEÑO: -legible, peor comunicado, -creible, +amateur, te posiciona
como producto/servicio de mala calidad, no consigue objetivos…
14. 2. EL ESTADO DEL DISEÑO
IDENTIDAD
CORPORATIVA
» marca
WEB » papelería,
merchandising,
señalización,etc
» es ‘tu identidad’
15. ELDISEÑOLOCAMBIATODO
» idde.co/logos
» Con DISEÑO: +personalidad y estilo, +pregnancia, +coherencia, transmite
valores, tiene ingenio, demuestra innovación y creatividad
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. 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. 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. 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. ELDISEÑOLOCAMBIATODO
» Cafeterías de León que cuidan su imagen interior: está funcionando…
Cafetería Ágora: imagen de estudiodavinci.es
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. 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. 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. 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. 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?
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. 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. ELVÍDEOLOCAMBIATODO
» Juan Darién, ilustrador cubano afincado en León, Motion
Graphics entre otros para la productora Armonia Films
» juandarien.com
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. 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. 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óximo
BOLA DE CRISTAAAL
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. 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. 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. DIEZTENDENCIAS
» Artistas leoneses del Graffiti, aplicado a la decoración de negocios y oficinas:
arte84.com y @GraffitiLeon (twitter)
37. DIEZTENDENCIAS
» Artistas leoneses del Graffiti, aplicado a la decoración de negocios y oficinas:
arte84.com y @GraffitiLeon (twitter)
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. 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. 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. 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. 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
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. 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. 3. DIEZ TENDENCIAS EN DISEÑO ‘DIGITALES’
POR QUÉ DIOS MÍO, CON LO
BIEN QUE ME DEFENDÍA YA
EN 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. 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. 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. 3. DIEZ TENDENCIAS EN
DISEÑO
5 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. 4. LOSNUEVOS
SOPORTESDELDISEÑ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
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 de
VALE, EXPLICADO ASÍ, programador+diseñador+otras
‘POS’ SÍ… disciplinas son clave en los nuevos
soportes digitales
52. 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
I WANT YOU diferenciará…
TO INVEST IN » Invertir en Diseño siempre te
DESIGN permitirá destacar de la competencia
53. 5. CONCLUSIONES
6 tareas para ser mejor profesional
APRENDERINGLÉ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. 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. 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 labor
POR SUPUESTATION, comercial, al principio al menos…
YO NO TENGO POR » ¿CÓMO NARICES TE VAS A
QUÉ HACER ESO DAR A CONOCER?
56. 5. CONCLUSIONES
6 tareas para ser mejor profesional
FORMARTESIEMPRE
» 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. 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 o
ESPAÑA EN LINKEDIN Twitter funciona mejor si te conocen
PERO SIGO EN PARO… (al menos algunos) en persona
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 DICE
QUE SOY LA MEJOR: demuestre tu saber hacer, y moverte
NO TENGO NADA QUE por Redes Sociales te resultará
DEMOSTRAR, OSEA… mucho + fructífero
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 puedo
APUNTARME A GH15 hacerlo mejor?
PARA HACERME
FAMOSETE DE ESOS » Especialízate en un ámbito y te
buscarán para proyectos específicos
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”