Diseño 11
Cómo escoger los colores para un sitio web
Yo no soy diseñador, incluso me cuesta combinar mi ropa, pero cómo todo programador que se dedica al área web constantemente me toca hacer un Landing Page o una página web y siempre me veo con la misma duda, ¿Cómo generar una paleta de colores interesante para un sitio web?
Al final siempre termino utilizando una da las siguiente 3 estrategias para escoger una paleta de colores
Mis 3 estrategias para escoger los colores para un sitio web
1) Ocupo cómo base los colores de algunas de las plantillas de Twitter Bootstrap de la página de Bootswatch
2) Generando una paleta de colores en base a una foto con herramientas como Pictaculous
3) Generar un paleta con la rueda de Adobe Kuler
Tipografías de la calle
Una idea muy interesante, si un simple letrero en la calle consigue que le des dinero a una persona, algo de especial ha de tener, y si no es el mensaje, es bastante probable que sea la tipografía.
Pero que tipo de tipografías son las que emanan de personas que viven en la calle, son muy distintas?, que las hace especiales?, los traumas de nuestra vida repercuten en la letra?
Con estas preguntas tres diseñadores reunieron esfuerzos para desarrollar el proyecto Homelessfonts, con el propósito no solo de recoger las tipografías de varios indigentes sino también para venderlas y de esta forma ayudar a las personas que viven en la calle.
No contentos con ese espectacular trabajo hicieron un potente video lleno de frases que dan mucho que pensar. En particular, las siguientes dos las encuentro muy poderosas
- Cuando escribes en un cartón, no vas a escribir algo bonito, estas transmitiendo a través de la escritura algo que te jode.
- Los indigentes escriben letreros que nadie quiere ver.
Aquí el video completo. Vale la pena verlo.
Las tipografías las puedes ver y comprar en la página oficial
Botones sociales responsivos (o adaptativos)
En general agregar los botones para compartir en redes sociales en una página web es simple, pero hacer que queden bien hoy, cuando una página tiene que adaptarse a decenas (si es que no son cientos) de anchos de pantallas distintas se vuelve latero.
Para resolver este problema la gente de KNI Labs inventó esta simple solución, un set de botones sociales responsivos que incluyen desde el facebook hasta el email y que puedes agregar gratis en tu página web.
http://kurtnoble.com/labs/rrssb/
Usabilidad, errores clásicos
El horror de experimentar una mala Usabilidad. Esto estás haciendo pasar a tus usuarios en tu página web.
No sólo hay que saber escribir código para las máquinas, hay que saber crear páginas y contenido centrado en los usuario. Aquí es este post encontrarás algunos errores clásicos de usabilidad de los sitios web y como evitarlos.
El diseño está desempeñando un gran papel en la creación de productos digitales, y por diseño no quiero decir “Hey este botón se ve bonito y simpáticon”, me refiero a CÓMO FUNCIONA LA COSA. Por supuesto que los sitios web y aplicaciones bonitas son mejores para el usuario final. Pero es obvio que si pasas algo de tiempo navegando en la Internet, verás que existen aún muchos sitios que tienen practicas horribles y peor aún, son muchos los sitios que las están implementando.
Esto deja en evidencia que alguien no recibió el memo de que el diseño no es sólo acerca de “píxeles y estética”. Los mayores infractores son:
Error de usabilidad nº1: Pedir a las personas que escriban correctamente el número de tarjeta de crédito.
Este es un error de usabilidad clásico y puede volver a cualquiera loco. Varias tiendas ecommerces, y, cualquiera página que se relacione con la información de la tarjeta de crédito, le pedirá sistemáticamente al usuario que introduzca la información de su tarjeta de crédito de una manera que se adapte a la lógica del sitio web.
10 Tendencias de Diseño Web del 2013 y 2014
Entérate cuales son las últimas tendencias del diseño web y aplícalas en tu web
Las páginas web han evolucionado mucho desde la época de Geocities, y este artículo te pondrá al día con las tendencias.
A lo largo de los años se ha escrito sobre el cambio de las tendencias, especialmente en el campo del diseño de sitios web y aplicaciones web. Los avance en las especificaciones de HTML5 y CSS3 de la W3C, junto con los navegadores web modernos han abierto la puerta a una nueva era del diseño digital.
En este artículo queremos compartirte las 20 tendencias en crecimiento que esperamos ver florecer a lo largo de 2014. Muchos ya se han puesto en marcha, mientras que otros apenas están empezando. Las nuevas tendencias son divertidas de ver y también descubrir cuánto tiempo se quedarán. Cuando navegues por sitios web del 2014, mantén los ojos bien abiertos a cualquier UI/UX( Experiencia de Usuario “UX” y el diseño de Interfaz de Usuario “UI”) tendencias en acción. (fuente)
1. Grid-Style Layouts
Mi primer reconocimiento del diseño es para el Grid-Style(o estilo rejilla) de Pinterest. Las redes sociales se han destacado siempre por poseer una forma y manera ágil de moverte por ellas, como es el caso de Twitter o Tumblr. Hoy en día, incluso muchas páginas de Facebook usan este estilo de línea de tiempo que se ve como una rejilla o cuadrícula.