¿Te gustaría aprender a hacer algunos efectos que aparecen en los diseños de las páginas web más populares? "Popular UI":http://lukechesser.github.io/Popular-UIs/ te permite precisamente eso: descargar los archivos *.psd con recreaciones exactas de sitios como la página de Apple, Rdio o Facebook. Por ahora el catálogo es bastante limitado, pero prometen ir añadiendo nuevos archivos cada semana.
Cada *.psd descargado está organizando por secciones en carpetas y contiene multitud de capas. Si se abre con Adobe Photoshop y se hace doble click en las capas que contienen efectos, puede verse qué se ha hecho para que ese apartado en concreto luzca de esa forma. Por eso es ideal para aquellos que estén iniciándose en el mundo del diseño web o simplemente tengan curiosidad por cómo se consiguen esos efectos.
¿Y por qué el "mientras puedas" del título? A algunos no les ha hecho mucha gracia que estas réplicas editables estén disponibles para descarga del gran público y han amenazado con acciones legales al creador de la iniciativa. El primero de ellos ha sido Mailchimp, cuyo diseño ya ha sido eliminado de Popular UI. ¿Pondrán inconvenientes el resto de sitios web que han sido utilizados como ejemplo?
Enlace | "Popular UI":http://lukechesser.github.io/Popular-UIs/ Vía | "The Next Web":http://thenextweb.com/dd/2013/07/23/detailed-psds-of-some-of-the-webs-most-popular-sites-you-can-download-them-here/?utm_source=Twitter&utm_campaign=social%20media&awesm=tnw.to_p6RQ&utm_medium=Spreadus
Ver 20 comentarios
20 comentarios
José Cabo
Soy el único al que no le hace falta tener cerca a Photoshop para SABER como se hace el diseño en una página web? :S Quiero decir, ¿dónde quedó firebug y demás inspectores?
Si quieres aprender a diseñar páginas web... aléjate del Photoshop.
Un front developer.
ifedu
Tengo desarrollado un programa para pasar una web a psd, pronto lo pondré online, al no ser de ninguna página específica supongo no habrá problemas legales...
javierxp
Interesante para saber como se realizan ciertos efectos pero muy peligroso en malas manos.
patriot
interesante, pero... copiar el diseño de la página de fb? XD si no es para estafar, quién querrá hacer algo así?
makichuelo
El mercado evoluciona y las soluciones creativas de diseño web también.
Yo uso ADOBE MUSE y estoy encantado!!!
Cada cual que use lo que necesite. No todo el mundo tiene las mismas capacidades profesionales.
Gracias por esta web. Es muy útil para conocer todo detalle del diseño de esas páginas. Una maravilla :D
Salu2
marcg
En el historial github aún está el psd de mailchimp ;-)
marcoscabo
Tiene su sentido, no todos saben realizar diseños *en Photoshop*, puesto que en HTML todo es más simple (si no, prueba a diseñar una página de ese tipo en Photoshop).
pley
La idea de saber como se realizo un diseño (viendo el psd) es para cultivar más la gama de posibilidades de PODER realizar mejores diseños, no para estafar, aunque claro no todos creen en las buenas intenciones, solo los ignorantes se limitan a creer que solo tiene 1 solo fin u objetivo.
Un Diseñador Creativo
emirpalm_2
usas HTTrack para bajarte la pagina completa, manoseas el código fuente y lo modificas a tu gusto