Revista Comunicación

Los MUST del diseño web

Publicado el 10 noviembre 2015 por Umma Magazine @ummamag

El diseño web está en pleno apogeo, pero… ¿Eres tú un diseñador experto en web? Bueno, seguro que sabes mucho, mucho de ello, pero por si acaso, hoy te traemos más. Por eso de que el saber no ocupa lugar, y las webs almacenadas en marcadores, tampoco. Por eso hoy te traemos los MUST de umma en diseño web.

tumblr_mu3d9sx9a81sio22ao1_500

(¡AAA, AAA! Se mueve, se mueve.) 

Lo primero de todo es mirar, mirar, mirar y remirar nuevas webs y formas de interacción. Puedes empezar con portfolios, como los miles de diseños de Behance, Dribble, Domestika, etc. ¿Pero… porqué no verlos en acción?  En sitios como Awwwards, Layervault, Site Inspire, The Best Desings, UI Parade o CSS Design Awards podrás encontrar un montón de webs destacadas en diferentes categorías, puntuadas por usuarios y valoradas por expertos. Además, cuentan con blogs y artículos destacados con los que podrás descubrir qué es lo último de lo último en web. Porque no solo hay que tener en cuenta el diseño, sino la adaptabilidad, la comodidad y sobretodo, que a la gente le guste lo que ve.

WOW

Bueno, con todas estas referencias (que ya sé que hay un momento en el que vas a querer poner todo) y miles de ideas de interacción supermegachachiguays que ni tus amigos informáticos saben como funciona.  Así que, ¡Vamos allá! empieza con un esquema básico, abre un nuevo PSD o Illustrator y empieza, así de sencillo. Ya sé que ir construyendo cada uno de los iconos y las ventanas es un rollo, por eso te proponemos un par de webs que te pueden ayudar bastante en este punto. Uno de los sitios webs que lidera este punto es Font Awesome, una colección de iconos que se incorporan automáticamente a tu web mediante código css. También encontramos webs como Baianat, donde puedes encontrar formularios, iconos, botones y todos los elementos listos para añadirse a tu diseño, ya sea PSD o AI. También nos encontramos con la pregunta fundamental ¿Es esto que me estoy inventando factible? para esto está Tympanus Codrops o UX Movement, donde te enseñarán paso a paso cómo crear animaciones, CSS y formas nuevas con código, porque si lo quieres en tu web, seguro que puedes tenerlo.

file14

Y ya está, ahí tienes tu superdiseño con todo lo que estás deseando ver en tu nueva web. Pero hay amigos, empecemos a hablar de responsive, HTML5, Css, Javascript, jQuery y mil quinientos términos más te pueden tener sin dormir, y lo sabes. Y aquí es cuando toca sacar libreta y sentarse a aprender. Hay miles de webs que gritan a los cuatro vientos que te van a enseñar a escribir código antes de que nuestro amigo George R. R. Martin mate a otro Stark. Pero bueno, nuestros favoritos son bastante tediosillos, porque el código es así, tedioso. Ya os hablamos en nuestro segundo número de Codecademy, aunque últimamente hemos descubierto otro par de webs que también te van a hacer aprender a lo grande, como son W3 Schools, Css Triks, Team Tree House, ¡Incluso pueden ayudarte con Apps, Android o Back End!

easyfunny

Y bueno, pues es martes y muchos madrileños hoy han vuelto del puente con fuerzas, pero podemos aseguraros que aprender todo esto agota a cualquiera, pero no es imposible. Esperamos que vuestras webs conquisten pronto todas nuestras pantallas, y lo más importante, que os llenen de orgullo y satisfacción. ¡Feliz Martes!


Volver a la Portada de Logo Paperblog