1. Inicio
  2. CSS
  3. Diseño Web
  4. HTML
  5. JavaScript
  6. Miscelanea
  7. Recursos
  8. SEO
  9. Usabilidad

Thinking Small (AEA Chicago 09)

La segunda charla de An Event Apart Chicago 09.

Jason Santa Maria at An Event Apart Chicago 09

Thinking Small

Por Jason Santa Maria.

Para hablar de como las pequeñas decisiones tienen un gran impacto en el diseño web, Jason se enfocó en en 7 puntos:

  • 1. Sé un pensador

    No saltes a la computadora inmediatamente, piensa en el problema que intentas resolver.

    Lleva un sketchbook, recuerda que no se trata de ser un buen dibujante, se trata de ser un buen pensador.

  • 2. Encuentra el mensaje

    Entiende el contenido de tus páginas, aprende conocer tus herramientas… por cierto: Tu mente es la herramienta, no Photoshop.

  • 3. Usa ingenera inversa

    Ponte en el lugar de tus usuarios, trata de liberar tu manera de pensar al reinterpretar los mensajes, para eso exagéralos, desármalos, dales otro contexto, etc.

    Siempre vuelve a preguntar: "Si, y…".

  • 4. Crea un plano

    Usa un grid, eso le dará cohesión a tu contenido… Pero necesitas pensar por qué y cómo lo estás usando.

    Los frameworks para grids son una ayuda, no una garantía, siempre piensa cómo el grid que usas representa y apoya el mensaje.

    También ten en cuenta que no necesariamente tienen que ser uniformes, no te limites a eso, prueba la asimetría.

  • 5. Piensa horizontalmente

    Empieza con grids horizontales luego aplica los verticales.

    No pienses en columnas, piensa en espacios. Diseña sistemas, no páginas.

  • 6. Detente, modula y escucha

    Crea sistemas de layout modulares, usa clases para marcar columnas (usando CSS).

  • 7. Busca parejas (tipográficas)

    ¿Cual es tu tipo de letra?

    Cuando trabajes con fuentes, trata de emparejar fuentes de un mismo diseñador.

    Busca contraste.

The mind is the tool for design. Photoshop is just a tool for refinement.- Santa Maria

Notas de la presentación de Santa Maria, por Chris Coyier.

Notas de la presentación de Santa Maria

Fotos por reallocalcelebrity. Imágenes de las notas por chriscoyier

Etiquetas:

Comentarios

deja un comentario

  1. Avatar de Gaston Suarez Duek Gaston Suarez Duek

    Muy buena entrada! Realmente excelentes los tips, gracias

  2. Avatar de lydia dsouza lydia dsouza

    hi, nice post & good blog, i really like your site & bookmarked it. hope you have a nice day & keep blogging!!!

Deja un comentario

Algunos recursos para Diseñadores Web

Firebug
Genial extensión de Firefox que permite ver y editar HTML y CSS de cualquier página, entre otras cosas.
Web Developer Toolbar
Extensión de Firefox, agrega una barra de menu con muchas herramientas utiles para diseño y desarrollo web.
YSlow
Complemento para Firebug creado por Yahoo, da estadísticas de la velocidad de carga de la página así como sugerencias para mejorarla (requiere Firebug).
W3C Markup Validation Service
Valida tu HTML o XHTML, una herramienta indispensable.

Entra a la página de recursos para diseñadores web y mira la lista completa

¿Quien escribe Aprendiendo Web?

Germán MartínezHola, soy Germán Martínez, diseñador web y fundador de PreZentit.com, la primera aplicación web 2.0 creada en Perú.

La idea de Aprendiendo Web, es ser una fuente de información en español de estándares y buenas prácticas, así como de las últimas tendencias en diseño web.

Me apasiona el (X)HTML, CSS, SEO y todo lo que tenga que ver con diseño y desarrollo web.

-12.126668, -77.029910