Tecnología y Coaching para Emprendedores

50+ Plantillas Premium para Diseño Web Plano o Flat Design

flat-design-plantillas

El diseño web plano o flat design es la última tendencia de diseño. La vemos tanto en Windows 8 como en el iOS7, y cada vez son más las aplicaciones móviles y los sitios web que adoptan esta nueva línea de diseño. Se caracteriza por su estilo minimalista, la importancia del color y la tipografía, así como un diseño en 2D sin sombras, gradientes ni nada que dé el efecto de estar en el mundo tridimensional.

Quizás lo que más me gusta del diseño web plano es su combinación de colores alegres y llamativos. Sólo hay que ver el logo de CreativaSfera, me gustan los colores y con el diseño web plano se puede sacar gran partido de ellos. Una web que está muy bien como muestra de colores para diseño web plano es Flat UI Colors.


Plantillas para diseño web plano

A continuación encontrarás una recopilación de más de 50 plantillas premium para diseño web plano o flat design. ¡Espero te guste la selección!

1. Plantilla G – Multipurpose Responsive HTML5

plantilla para diseno web plano

2. Chronos. Plantilla de una sóla página en HTML5 y CSS3

plantilla para diseno web plano

3. Producr – Business/Folio HTML template

plantilla flat design

4. Multipurpose Website HTML Template

plantilla para diseno web plano

5. Keylight – Light & Flat Portfolio

plantilla para diseno web plano

6. Flux – Flat Corporate HTML Template 2

plantilla para diseno web plano

7. Aloha – Retro Onepage Responsive Template

plantilla flat design

8. FlatBook – Flat App & Ebook Selling Landing Page

plantilla para diseno web plano

9. Plantilla Responsive HTML5 para Diseño Web Plano

plantilla para diseno web plano

10. Responsive One Page Template

plantilla para diseno web plano

11. Lovinflat – One Page Bootstrap 3

plantilla flat design

12. Modern & Flat Multi-Purpose Template

plantilla flat design

13. Plasma – One-Page Multi-Purpose HTML Template

plantilla para diseno web plano

14. Paris – Responsive HTML5 Template

plantilla para diseno web plano

15. FlatCV – Curriculum Vitae \ Portfolio \ HTML5

plantilla para diseno web plano

16. Apollo – Responsive Animated Template

plantilla para diseno web plano

17. Z Pixel – Creative Portfolio

plantilla flat design

18. Multipurpose HTML5 Template

plantilla para diseno web plano

19. Flat Studio – Responsive One Page HTML Template

plantilla flat design

20. Super Minimal HTML5 Template

plantilla para diseno web plano

21. One Page HTML5 Template

plantilla para diseno web plano

22. Freebies & Theme Store Website

plantilla para diseno web plano

23. Flat Portfolio HTML Template

plantilla para diseno web plano

24. Plantilla para diseño web plano

plantilla flat design

25. Creatrix – Flat Responsive Template

plantilla para diseno web plano

26. Flat and Responsive Portfolio Gallery

plantilla flat design

27. Vivera – Multi-Purpose HTML Template

plantilla flat design

28. Premium Personal Portfolio HTML5 Template

plantilla para diseno web plano

29. Business & Technology Bootstrap Template

plantilla para diseno web plano

30. Multipurpose Business HTML Template

plantilla flat design

31. Candy – Flat Onepage Responsive HTML5 Template

plantilla para diseno web plano

32. Flat & Metro Masonry Responsive Portfolio

plantilla flat design

33. Creative Responsive Retina Flat Template

plantilla para diseno web plano

34. Amada – Flat and Fresh Site Theme

plantilla flat design

35. Responsive Flat Design Bootstrap Template

plantilla para diseno web plano

36. Multi-Purpose One Page HTML Template

plantilla para diseno web plano

37. Responsive Multipurpose Template

plantilla para diseno web plano

38. Interactive Responsive HTML5 Template

plantilla flat design

40. Omni – Responsive One / Multi Page HTML5 Parallax

plantilla para diseno web plano

41. Zum – Responsive One Page Retina Template

plantilla para diseno web plano

42. The All-in-One Landing Page – Bootstrap

plantilla flat design

43. Deliciously Flat HTML Theme

plantilla flat design

44. Responsive Rounded HTML5/CSS3 Theme

plantilla para diseno web plano

45. Creative Business or Personal Template

plantilla para diseno web plano

46. Charitas / Foundation HTML Template

plantilla flat design

47. Plantilla One Page Parallax HTML

plantilla flat design

48. Responsive Bootstrap Html Template

plantilla para diseno web plano

49. Multipurpose Responsive HTML5 Template

plantilla flat design

50. Responsive One Page Template HTML5

plantilla para diseno web plano

51. One Page Conference & Event Template

plantilla para diseno web plano

Para acabar

¿Qué opinas del diseño web responsive? ¿Te han gustado las plantillas? Te animo a dejar un comentario.

Si quieres aprender diseño web, te recomiendo el curso de diseño web desde cero con HTML5 y CSS3 así como el curso de diseño web responsive, con los que vas a aprender todo lo que necesitas saber sobre diseño web a nivel profesional.

Un abrazo!


Comentarios

  • Roberto Arturo Ayala

    Hola Sandra, me gusta mucho tu blog y el contenido que entregas. Quiero pedirte un favor, llevo varios dias buscando una plantilla para mi blog de wordpress, responsive y que en el header tenga formulario de suscripción junto con texto o video, pero casi no he encontrado. Dentro de este gran abanico de temas que conoces, me podrias sugerir algunos.

    Muchas gracias.

    • Sandra

      Hola Roberto, lo importante es que en el header tenga una zona de widgets, porque lo que comentas se puede agregar como tal. La mayoría de plantillas avanzadas tienen zonas de widgets en el header, la semana que viene seguramente lanzaré la nueva versión del post de 50 plantillas de WordPress que no te puedes perder con contenido actualizado, te animo a seguirme en las redes sociales o por RSS, si te parece cuando lo publique te miras las plantillas, me dices las que te gustan y en cuanto tenga un momento lo miro, ¿te parece?

      un saludo!
      Sandra

  • Miguel

    Hola Sandra,
    Gracias por tu post. Actualmente estoy dando forma a un proyecto personal para el que había pensado en un diseño web flat. Una página que me gusta mucho es factoryfy.com. He visto las plantillas y creo que alguna podría servirme, pero mis conocimientos de html y diseño web son nulos. Me gustaría saber cuáles serían los siguientes pasos que debería dar después de descargármela, si tengo que usar algún programa para editarlas a mi gusto y si crees que el nivel de dificultad es óptimo para una persona sin conocimientos en este campo.
    De antemano, muchas gracias por tu atención y enhorabuena por tu artículo.
    Un saludo!
    Miguel

    • CreativaSfera

      Hola Miguel, deberías tener conocimientos básicos de HTML para poder editarlas. Eso o bien usar un editor tipo Dreamweaver que te facilite las cosas. Yo trabajo directamente con código mediante Sublime Text y nunca he usado un editor visual, con lo que no sé si el resultado final sería óptimo si no sabes HTML. Un saludo!

  • Eduardo Hernández

    Hola Sandra, muchas gracias por las plantillas, tengo un par de preguntas que te agradecería mucho si me pudieras apoyar, en especial me gusto la plantilla número 2: Chronos, pero tengo duda si la puedo usar en wordpress ¿se puede?

    y mi otra pregunta: ¿sólo es necesario un pago para la plantilla o hay que volver a pagar como una “licencia” después de un año o algo así?

    • eSandra

      Hola Eduardo,

      estas plantillas són de HTML y CSS, no sirven para WordPress a no ser que tú las edites y hagas la conversión. A nivel del pago es una vez de por vida y tienes derecho a todas las actualizaciones, al menos en Themeforest :-)

      un abrazo!
      Sandra

  • yomar

    por favor nesecito ayuda con mi blog he buscado por 3 dias una plantilla para mi blog y no he podido hacer nada. solo quiero una plantilla que cambie el aspecto feo que te da blogger al crear un blog

    • eSandra

      Hola Yomar, las plantillas aquí recopiladas son para WordPress, no Blogger. No uso este sistema, así que no te puedo decir, mejor busca en los foros de Blogger. Un abrazo y suerte.