Estoy intentando aprender mas acerca de diseño e interfaz de usuarios en general. Buscando en la web, y hablando con gente escucho dos palabras una y otra vez: Limpio y Sencillo. No estoy buscando respuestas filosóficas, me interesa saber que elementos van en el buen diseño.

Para ser mas especifico, ¿como describirías “buen diseño” sin utilizar las palabras “limpio” y “sencillo”?

Ted Roden

Me gustaría saber que opinan ustedes al respecto, y de paso ver si alguien se le mide a contestar esta pregunta. Esperamos sus comentarios.

Vía | MatiasJaJaJa

Tutorial9 es uno de los sitios más conocidos centrados en proporcionar material didáctico sobre photoshop, fotografía, diseño etc. Desde que lleva en pie ha cambiado de diseño en alguna ocasión, según nos cuentan desde UX Booth, tras el último rediseño sus suscriptores se duplicaron y las páginas vistas también.

En el artículo no solo dan estos datos, hacen un completo análisis del antes y el después del diseño de Tutorial9, que se buscaba con el mismo y como lo consiguieron mejorando la usabilidad y destacando las partes que más les interesaban. Está claro que el análisis no es para seguir al pie de la letra en cualquier caso, para cada sitio hace falta un estudio diferente, pero si nos servirá para aprender un poco más de lo que se puede conseguir con una buena interfaz.

Enlace: Site Redesign Case Study: Tutorial9.net

Si alguna vez te tocó hacer algún diseño enfocado a una camiseta sabrás que hace falta seguir unas pautas diferentes a las del diseño convencional para que cuando el trabajo llegue a la imprenta quede como debe. Pueden surgir varios problemas que no son complicados de solventar si antes tenemos claros varios puntos. En Just Creative Design invitan al profesional en la materia Blake que escribe un post donde da varias claves a tener muy en cuenta cuando nos dispongamos a empezar con un diseño que será impreso en una camiseta.

Enlace: 6 Great Tips On How To Prepare Artwork for T-Shirt Printing

Seguramente muchos de los profesionales del diseño que se pasan por aquí a diario conocen la técnica de diseñar mediante “grids” o rejillas. Puede parecer fácil, pero no lo es, detrás de los sistemas de rejillas se esconde mucha teoría, consejos y técnicas.

El responsable del blog AisleOne, todo un apasionados de las “grids”, saca un sitio imprescindible para todos a los que nos gusta esta técnica, The Grid System. En él se centraliza todo tipo de material sobre los sistemas de rejilla, desde plantillas, hasta herramientas relacionadas, artículos o libros. Como no podía ser de otra forma el sitio está realizado mediante “grids” y por el momento tiene una pinta estupenda, con bastante material que según nos cuentan se irá ampliando poco a poco. Un sitio que promete.

Enlace: The Grid System

Estupendo artículo de Write to Done en el que nos habla sobre las técnicas de marca y como aplicarlas a un blog para que este consiga presencia y visitas dentro de internet.

En primer lugar nos hace ver que no hay ningún problema “moral” en promover nuestro blog como si de una marca se tratase. Hacerlo no conlleva ninguna exigencia especial en lo que a libertad de publicación y demás temas se refiere. Puede ser un sitio personal, donde vertimos opiniones puras, lo que no quita el uso de las técnicas de marca para hacerlo conocido. Como era de esperar también nos deja claro que ya podemos crear la mejor estrategia de marca del mundo que como no tengamos buenos contenidos de poco servirá.

Enlace: Branding 101: How to Promote Your Blog Like the Big Guys Do

Diseño gráfico, web, de interacción… cada día nos vemos con más disciplinas del diseño, todas intercalas entre sí y que tiene sus propias “reglas”, aunque muchas se repitan en los diferentes campos. Por otro lado también existe mucha información para cada caso, bien de forma online, bien en forma de libros, con lo cual se hace complicado encontrar entre toda la maraña de información lo verdaderamente imprescindible.

Tutorial9 nos propone 5 libros que todo interesado en el diseño de interacción debería tener en su estantería. Un poquito de teoría gráfica, usabilidad, creación de aplicaciones web, interfaces web es interacción efectiva.

Enlace: 5 Books Every Designer Needs

Otro documento del que se pueden sacar importantes conocimientos para todo diseñador que ande con los temas de la impresión y el diseño. 155 páginas en un .pdf titulado “Guía de Buenas Prácticas para Diseñadores de Producto Industrial Impreso” que nos llega desde el Instituto aido (responsables entre otras cosas del magazine CMYK). El documento es totalmente gratuito y se puede descargar desde este enlace.

Enlace: Guía de Buenas Prácticas para Diseñadores de Producto Industrial Impreso | blogvecindad

Seguro que en alguna ocasión mientras navegabas te topaste con algún diseño que destilaba perfección por sus cuatro costados. Ese resultado se consigue mediante la creación de diseños basados en la proporción junto con la combinación de otros muchos factores claro está.

En creative curio nos dan una completa información sobre el tema en forma de artículo. Desde qué es la proporción hasta como aplicarla en un diseño o ejemplos reales.

Enlace: Enhance Your Designs with the Principle of Proportion

Volvemos con otro tema recurrente, la creación de identidad corporativa. En esta ocasión es smashing magazine quien nos da 7 pilares principales e imprescindibles sobre los que sustentar la identidad de una compañía. Lo primero que hacen es diferenciar dos puntos dentro del diseño orientado a crear toda la línea diseñistica para una empresa: diseño como representación artística (logo, tipografía, colores etc) y la estrategia de diseño (consolidar marca, comunidad, calidad etc). Los 7 puntos que tratan y encontraremos desarrollados y con ejemplos en el post original son:

• Logo
• Tipografía
• Color
• Marca
• Calidad
• Comunidad
• Cultura

Enlace: 7 Ingredients Of Good Corporate Design

Interesante documento este publicado en el blog de crowdSPRING. Como sabemos cada diseñador tiene sus métodos a la hora de ponerse con el proceso de un nuevo trabajo. Dirk Leys nos explica los pasos que él siguió para obtener el logotipo de Qlicks, una empresa de marketing en internet especializada en estrategias de comunicación.

El artículo no explica como hacer un logo con photoshop o illustrator, cuenta de primera mano un método de trabajo, algo sumamente importante de donde podremos sacar mucha información interesante.

Enlace: Logo Design Tutorial – Designing The Qlicks Logo

Para los que quieran introducirse en el mundo de la creación web el curso que se impartirá en la UAM Xochimilco del 8 de octubre al 12 de noviembre puede ser una buena forma. En él se explicarán las bases y fundamentos del desarrollo web junto con el manejo de las hojas de estilo en cascada desde editores de texto y el programa especializado Dreamweaver. Lo impartirá Alejandro Nava los miércoles de 16:00 a 20:00 horas con una duración de 24 horas.

Vía: blogvecidad

En creative curio siguen con sus posts formativos sobre diferentes aspectos del diseño, en esta entrega toca el principio de dirección con el cual los diseñadores tendrán más facilidades a la hora de cumplir uno de los objetivos más fundamentales: dirigir la atención del usuario hacía donde interese. El principio se basa a su vez en una serie de “normas” como el contraste, el énfasis, el color, los espacio etc, con los que vamos creando un “trazo” imaginario que guía al usuario por las diferentes partes del sitio web, anuncio, producto, como nosotros queramos, destacando lo que más interese y priorizando unos elementos sobre otros. En el artículo se van comentando varios ejemplos reales donde vemos puestos en práctica los diferentes principios.

Enlace: Enhance Your Designs with the Principle of Direction

Trevor van Gorp, todo un experto en diseño, nos da una mini clase en forma de artículos a través del sitio boxesandarrows sobre interesantes temas interconectados: diseño, emociones y flujo. Cada vez tenemos más información dentro de la red, que los diseñadores tienen que estructurar de una forma efectiva y ya no vale solamente con tener en cuenta asuntos como el color o la tipografía, también entran en juego otros factores como información vs atención, como “avivar” determinado estado de nuestros visitantes en busca de conseguir objetivos concretos, flujo de atención etc.

Nos pone ejemplos reales de la web donde poder ver en vivo de lo que habla, tipos de usuarios dentro de la red y sus comportamientos, que debe cumplir determinado proyecto dependiendo de cual sea su público etc.

El artículo tiene su complejidad, sobre todo al estar en inglés (en el que servidor no se maneja muy bien), pero merece la pena un poco de esfuerzo para intentar comprender las explicaciones que nos da, que aplicándolas aumentará nuestro nivel en los trabajos.

Enlace: Design for Emotion and Flow

Hace un tiempo escribía por aquí sobre la comunidad para profesionales del diseño, web, creativos y demás fauna crowdSPRING, sitio que se encarga de poner en contacto a los mentados profesionales y clientes potenciales. Además de lo dicho de vez en cuando también sacan cosas interesantes en el blog oficial como es esta guía con 10 tips sobre logotipos para clientes realizada con la colaboración de varios profesionales que forman parte de la comunidad.

En ella se explican los puntos básicos y más importantes que todo logotipo tiene que cumplir, con el objetivo de que los clientes comprendan esos puntos básicos facilitando finalmente la tarea del diseñador. La guía pasa por aspectos como la simplicidad, flexibilidad, color o tipografías. Añado yo que los consejos también pueden ser interesantes para los que empiezan o no saben mucho de logos, explicaciones claras que todos entenderemos y que son verdades como templos.

Enlace: 10 Logo Design Tips For Buyers – Community Guide

Como muchos sabréis la factoría Adobe realiza cada cierto tiempo una serie de seminarios formativos donde expertos de la compañía imparten mini cursos. Durante los últimos meses se han realizado 10 eSeminarios (así es como se llaman) centrados en los productos de Adobe CS3 y CS3.3 contestando a las necesidades que los profesionales del campo les han ido manifestando. Hasta la fecha estos son los impartidos:

• -Adobe CS3: Los fundamentos de la maquetación CSS con Dreamweaver
• -Adobe CS3: Trucos para crear material para vídeo en Illustrator, PhotoShop y Flash
• -Adobe CS3: Creación de historietas con Illustrator y PhotoShop
• -Adobe Illustrator CS3: Creación de gráficas
• -Adobe InDesign CS3: Herramienta combinar datos
• -Adobe Illustratos CS3: Tratamiento de color en Illustrator CS3
• -Adobe PhotoShop CS3 Extended: Herramientas 3D
• -Acrobat 8 y CS3 e-Seminar: las 8 reglas de oro antes de ir a Imprenta
• -Técnicas para seleccionar.

Comenta la gente de Adobe que los eSeminarios han sido todo un éxito con más de 1.000 asistentes. Lo más interesante de estas conferencias, aparte de los contenidos que se imparten en ellas, es que todos los seminarios fueron grabados con la tecnología Adobe Connect estando a nuestra entera disposición. Para seguirlos solo tendremos que entrar en trucosyconsejos.com, seleccionar el que más nos interese y empezar a escuchar el audio de la conferencia acompañado por las diapositivas que se usaron. Totalmente recomendable pasarse y atender con atención a lo que nos tienen que decir los técnicos de la compañía, que son los que mejor conocen las aplicaciones.

Enlace: trucosyconsejos

A estas alturas nadie duda ya de lo importante que es para una empresa contar con una buena identidad corporativa, todos los días estamos escuchando palabras como logotipo, brand, identidad etc. En muchas ocasiones se hacen erróneas interpretaciones de los diferentes términos usados dentro del campo de las “identidades corporativas”, estando todos relacionados pero existiendo importantes diferencias entre las diferentes partes que conforman la identidad corporativa de una empresa.

Para echar un poco de luz sobre todo este interesante e importante tema desde A.FruitDesign publican una serie de artículos (tres concretamente, publicados los dos primeros hasta el momento) en los cuales se “diseccionan” las partes más importantes de la identidad de una marca ofreciendo aclaraciones y explicaciones de los conceptos básicos usando el lenguaje profesional de la industria diseñistica que tanto escuchamos por todos lados.

Una buena forma de dar un primer paso hacía la compresión de la identidad corporativa. Su importancia parece que está clara, ahora hacen falta más artículos de este tipo para no confundir conceptos y tener bien claro las partes de la identidad, funciones de cada una e interconexiones entre ellas.

Enlace: Anatomy of a Business Identity

Interesante artículo de no mucha extensión y a modo de introducción el que publican desde creative curio donde escriben sobre los principios y elementos del diseño, haciendo una clara diferenciación entre ambos bloques comentando lo importante de ambos. Nos proporcionan las pautas que usaremos para discutir de forma eficaz los diseños y nos ayudan en el proceso de diseño ya que son una guía de referencia de “buenas prácticas”.

Explica también lo idóneo de tener siempre presente los principios y elementos básicos del diseño cuando nos encontremos trabajando y el porqué la diferenciación en dos categorías. Como decía el artículo es el primero de otros que le seguirán donde se profundizará más sobre principios del diseño (los elementos ya fueron tocados en varias ocasiones). Habrá que estar atento a las siguientes entregas que promete estar interesante.

Enlace: Improving Your Designs with the Principles of Design

Completo artículo del profesional en accesibilidad y usabilidad Chad Swaney para el blog Jus Creative Design donde da pautas básicas que debemos seguir par conseguir un diseño web más accesible.

Nos intenta alejar de ideas que rodean al diseño web accesible que no son del todo correctas, el diseño accesible no es la colocación de indicaciones por doquier, tabs, teclas para cumplir determinadas funciones etc, no es un trabajo tan tedioso como parece. Queda demostrado en los párrafos del artículo en los que Chad hace un repaso a modo de resumen de lo básico y verdaderamente necesario: puntos a evaluar para un diseño accesible, “Content Layer”, dimensiones-color y contraste-contenido dinámico, test de usabilidad etc.

Enlace: Designing an Accessible Site Without Losing Your Mind

Sí eres un apasionado de las fuentes este documento tendrá un gran valor para ti. Es un extenso texto donde Kragen Sitaker documenta desde el principio hasta el final la creación de su primera tipografía TreuType. Desde que programas/utensilios usó hasta los problemas con los que se topó. Un estupendo ejercicio de referencia para los que empiezan con la creación de fuentes en el cual se suministra valiosa información que de otra manera es complicado obtener. Podemos saber la teoría pero siempre pasa que las primeras veces se comenten fallos inevitables. Kragen cuenta cuales fueron los suyos para que no sean repetidos por otro. Bravo por él.

Enlace: Making the oilpencil font from scratch in 24 hours

Con internet el marketing viral ha alcanzado importantes cuotas de poder, los productos que usan esta técnica de promoción pueden obtener muy buenos resultados con las ventajas añadidas de lo viral. Pero como todo, conseguir una buena campaña viral no es nada fácil, de todas las que se lanzan pocas son las que consiguen tener verdadera repercusión dentro de la red y si es verdaderamente buena, también fuera de ella. Entonces ¿Que es lo que separa el éxito del fracaso?

Esa complicada pregunta es la que pretenden responder desde Ship’s Biscuit con un extenso artículo donde se identifican los patrones más usados y que mejores resultados procuran en las campañas virales. Interesante lectura ameniza con ejemplos por doquier, de entre los cuales seguro ves alguno que no conocías.

Enlace: Viral Marketing Review: Using and Identifying Design Patterns