Your SlideShare is downloading. ×
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Drupalcamp 2012 - Principios de diseño para gente que no diseña
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Drupalcamp 2012 - Principios de diseño para gente que no diseña

1,017

Published on

Presentación de la conferencia "Principios de diseño para gente que no diseña", impartida durante la Drupalcamp Spain del 2012.

Presentación de la conferencia "Principios de diseño para gente que no diseña", impartida durante la Drupalcamp Spain del 2012.

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

No Downloads
Views
Total Views
1,017
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
22
Comments
0
Likes
4
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Principios de diseñopara gente que no diseñaDOCUMENTADOSconsultora Drupal
  • 2. Quién soy
  • 3. Me llamo Ignacio Segura.Llevo trabajando en la web desde 2004 aproximadamente.He trabajado con Xoops desde 2005 y luego cambié a Drupalen 2008. Actualmente trabajo con mi socio Oskar Calvo enDocumentados.Y cada vez me importa menos cómo se construye una web.En serio.
  • 4. Y no soy el único.A los usuarios no les importa un carajo la tecnología quesostiene una web.Sólo les importa (a veces) lo que esa web les ofrece.
  • 5. Nosotros no controlamos lo que se ofrece.Son nuestros clientes los que proveen “lo que se ofrece” el ,producto-servicio-contenido-loquesea.Lo más que podemos hacer es presentar el loquesea delcliente lo mejor posible.De eso trata el diseño. Y por suerte para mi socio, eso sí meinteresa.
  • 6. De qué trata (realmente) el diseño gráfico
  • 7. El diseño gráfico trata de mejorar la comunicación.(entendiendo por mejorar, “ser más favorable para losobjetivos de quien te suelta la pasta”).
  • 8. El origen está en la necesidad de presentar la informaciónescrita de forma que se entienda mejor.Un ejemplo:
  • 9. El siguiente paso lógico en el diseño gráfico, después demejorar el texto, era mejorar las imágenes, entendiendo pormejorar “comunicar mejor” .Ejemplo. Thomas Nast.
  • 10. El siguiente paso, por supuesto, es buscar la persuasión,porque el que paga no se conforma con comunicar.Ya lo dijo James Montgomery Flagg:EL CLIENTE TE QUIERE A TI PARA...
  • 11. Nosotros hablaremos del nivel dos: comunicar.En el fondo, la persuasión depende del mensaje. No existeun diseño persuasivo, sino un mensaje con potencial para serpersuasivo, bien transmitido mediante el diseño.
  • 12. Resumiendo:El diseño gráfico intenta que el mensaje llegue con la mayorfuerza posible, que se entienda y se asimile mejor.
  • 13. Pero eso significa que el diseño es evaluable.El diseño gráfico NO ES ARTE, porque busca un resultadoque hasta cierto punto puede medirse: la eficacia de nuestracomunicación.
  • 14. Y eso son buenas noticias.Que sea evaluable significa que incluso sin ser expertospodemos examinar nuestro propio material. Si nuestroloquesea llega al usuario y éste lo entiende, el diseño estábien.Pero si las personas a las que va dirigido nuestro materialno pueden leerlo-entenderlo-usarlo-loquesea, está mal.
  • 15. De qué estamos hablando (realmente).
  • 16. El mensajeLa mitad del diseño consiste en hacer las preguntasadecuadas.Muchas.Desde el principio.Ejemplo: un artículo en El País Semanal.
  • 17. ANTES DE ENTRAR, DEJEN SALIR
  • 18. ANTES DE ENTRAR, DEJEN SALIR
  • 19. DEJEN SALIR
  • 20. El mensaje¿Qué hemos hecho?Lo que hizo el diseñador del ejemplo fue reflexionar sobre elmensaje. Decidió que la forma que le habían dado se podíareducir. Se podía expresar lo mismo con menos.Ahora es más directa. Llega antes y con más fuerza. Seprocesa en nuestros cerebros con menos esfuerzo.Se convierte en una orden directa.
  • 21. El texto es una imagenEl texto nunca es sólo textoPor eso existen millones de fuentes tipográficas, porque elpropio texto forma una imagen. Esa imagen es parte del texto,nos guste o no. No existe el “texto neutro” todo transmite algo. ,Incluso la falta de matices es un matiz.
  • 22. Algodón
  • 23. Algodón
  • 24. Algodón
  • 25. El texto es una imagenLa imagen que forma el texto se une a éste.Nosotros vemos y leemos a la vez, y sacamos impresionestanto de una cosa como de la otra. Nuestro entendimiento delo que vemos se forma juntando ambos elementos, la palabray la imagen que forma la palabra.
  • 26. Desechable
  • 27. desechable
  • 28. El texto es una imagenPara elegir una fuente, haced la pregunta adecuada.Para elegir una fuente para un texto, olvida si te gusta o no tegusta. Eso no importa, importa el usuario.Pero tampoco importa si le gusta al usuario. Lo que importaes si transmite lo que queremos que transmita.
  • 29. La imagen viste al textoLa imagen añade información al mensajeRealmente, una imagen vale más que mil palabras.
  • 30. Desechable
  • 31. La imagen viste al textoLa imagen vive en una sociedad.El espectador carga las imágenes que les mostramos con supropia cultura e ideología. La mente del espectador “pinta”nuestras imágenes.
  • 32. Desechable
  • 33. Desechable
  • 34. Desechable
  • 35. La imagen viste al textoLa imagen viste al texto. El texto viste la imagen.Las dos cosas son importantes, se dotan de significadomutuamente.
  • 36. La imagen viste al textoDe nuevo, la pregunta adecuada.No importa si la imagen que viste al texto te gusta. Importasi se funde con el texto de tal manera que el mensaje setransmite como queremos, con los matices que queremos.
  • 37. Todo significa algo, siempreCrees que puedes vivir en silencio, pero no puedes.Lo que ven nuestros ojos siempre significa algo. La gente quese preocupa de elegir y cuidar su ropa envía un mensaje.La gente que no se preocupa lo más mínimo de su ropa yviste de cualquier manera también envía un mensaje. Y esemensaje puede llegar a invadirlo todo.La diferencia es que la persona que ha elegidocuidadosamente su ropa controla el mensaje que envía, y laotra persona, no.
  • 38. Señal y ruidoNo gritamos en el vacíoNuestro mensaje no vive en el vacío. Lucha con otrosmensajes por la atención de nuestros visitantes.Ejemplo: la acreditación de la Drupalcamp.
  • 39. Premium sponsorsSponsors DOCUMENTADOS consultora Drupal
  • 40. Señal y ruidoEl ruido depende del silencio“El ruido depende del silencio del que procede. Cuanto másabsoluto es éste, mas escandaloso es aquel.”V de vendettaAlan Moore y David Lloyd
  • 41. Señal y ruidoVivimos en un mundo de ruidoHay un tope a lo que podemos gritar. Pero con la imagen, sepuede gritar usando el silencio, porque el silencio visual esmás potente cuanto mayor es el ruido que lo rodea.
  • 42. Significar algoLa mitad del diseño consiste en hacer las preguntasadecuadas.Muchas.Desde el principio.Y es un trabajo sin fin, porque no hay una sola respuesta,y ésta nunca deja de cambiar.
  • 43. Dirige la miradaTodo es ruido salvo que nuestro cerebro decida locontrarioNuestro cerebro decide a qué prestar atención. ¿Y dóndedecide ponerla? Donde sea que haya algo interesante.
  • 44. ACFEIUQMLS D P H B RX REKYIZYEM F OAS JN VPWQUROY N Z P Ñ KH YOEFYJAXW M M M P IJ VOSDRHCGD U W S NB KO Q L A P D RU PA L H CK S IWEYU8SIT RO BVG LAPQOTIWU E L D E IBVOIT UREUS Q P L AO
  • 45. Dirige la miradaSupongo que todos lo habéis visto:Había un número entre todas esas letras.También había una letra que se repetía tres veces seguidas.
  • 46. Dirige la miradaSin embargo, eso no fue lo primero que vísteis.La palabra y la imagen pueden dirigir la atención. No dejéisque el espectador decida cómo y en qué orden leer vuestromensaje. Dirigidle en la dirección correcta. La vuestra.Ahora, cerrad los ojos.
  • 47. Lo siento, mamá, pero no quiero ser como tú.
  • 48. Lo siento, mamá,pero no quieroser como tú.
  • 49. Dirige la miradaPodemos guiar la mirada.Mediante los tamaños y las relaciones entre los objetos,podemos decirle al visitante qué es lo importante y qué esaccesorio. Qué queremos que mire primero, qué queremosque mire después.
  • 50. Geishas entre nosotros
  • 51. Geishas entre nosotrosLa invasión silenciosa.
  • 52. Geishasentrenosotros
  • 53. Geishasentrenosotros
  • 54. Significar algoLa mitad del diseño consiste en hacer las preguntasadecuadas.Muchas.Desde el principio.
  • 55. Significar algo...y es un trabajo sin fin, porque no hay una sola respuesta, yésta nunca deja de cambiar.Las cosas que antes significaban algo, ya no significannada.
  • 56. Somos una empresa líder...
  • 57. Somos una empresa líder... Somos una empresa líder... Somos una empresa líder... Somos una empresa líder... Somos una empresa líder... Somos una empresa líder... Somos una empresa líder... Somos una empresa líder... Somos una empresa líder... Somos una empresa líder... Somos una empresa líder...Somos una empresa líder... Somos una empresa líder... Somos una empresa líder... Somos una empresa líder... Somos una empresa líder... Somos una empresa líder...
  • 58. Ser intelectualmente honestoNo es bueno ni malo, y además no importa.Lo que importa es si el receptor de nuestro mensaje entiendelo que le decimos, si lo recuerda. Incluso si le gusta, si es quenecesitamos que le guste. Tal vez no queramos eso. Tal vezqueramos que se cuestione cosas. O que se sienta incómodoy reaccione de alguna manera.
  • 59. Ser intelectualmente honestoY no hace falta ser diseñador para darse cuenta.Lo que hace falta, en el fondo, es ser honesto con uno mismo.Estar dispuesto a reconocer que has trabajado duro y queaún así el resultado es una mierda y tienes que tirarlo todo yempezar de nuevo.En realidad, eso es mucho más duro.
  • 60. Espero que os haya gustado la conferencia.No sé si lo he conseguido.He intentado hacer una presentación sin colores chillones, sinanimaciones, sin efectos de Powerpoint y sin cliparts.
  • 61. Muchas gracias

×