El diseño plano o minimalista como tendencia en el diseño web

Una tendencia que ese esta viendo en el diseño web es el llamado 'Diseño plano' o Flat De...

Una tendencia que ese esta viendo en el diseño web es el llamado 'Diseño plano' o Flat Design, la interfaz de los sitios es similar a la interfaz de usuario Metro de Microsoft , ya que deja de lado las sombras, relieves, texturas y desgradados. Estos sitios se caracterizan por su diseño mas limpio, tipografía nítida, elegantes y colores sólidos.

El nuevo diseño de Microsoft y luego de la puesta en marcha de Windows 8 han hecho que el diseño plano tome mas protagonismo, aunque el Flat Design es realmente una tendencia de ya hace varios años, por su fácil elaboración, no era popular hasta este entonces.



Diseño plano puede ser a la vez elegante, hermoso y encantador. Sin muchos adornos añadidos, puede ser una manera limpia y sencilla de comunicar un mensaje o promocionar un producto o idea. Es hora de entrar en la tendencia ahora ante la nueva ola siguiente pase.

Características

El diseño plano es solo eso, plano, sin muchos efectos que crean profundidad, los elementos de esta interfaz son nítidos, sin bordes difuminados y sombras.

Recuerde que gran parte de su sitio va a ser letra, así que la tipografía debe combinar con el estilo de su sitio, Recuerde que la mayor parte de los diseños son simples y minimalistas, si quiere que su mensaje impacte debe ser una tipografía que haga su sitio interesante y diferente. En estos casos mayormente se utiliza una fuente Sans Serif.

En el diseño plano o flat design cada palabra cuenta, una sobreutilización de palabras innecesaria hará que su sitio no mantenga un flujo simple. Así que concéntrese en el uso de palabras.

Otra característica del flat design son los botones, que entre mas sencillos sean mejor, deben tener un color llamativo y por supuesto que combine con el tema. Los botones deben ser algo definible dentro del sitio, algo que se identifique 'a lo lejos' (por así decirlo), entre mas claro sea esté será mas eficaz (color, tipografía diferente, la forma, etc...).

Otras formas con el que se conoce el diseño plano o Flat Design, es diseño minimalista, diseño honesto e incluso microsoft se ha referido a este como 'auténticamente digital' (authentically digital)

Ejemplos

A continuación te mostraré algunos ejemplos de websites que se basan en esta tendencia del diseño web:

Roy Barber

Roy Barber


Sumall

Sumall


Foundation
Foundation interface


Geckoboard
Geckoboard


Squarespace
Squarespace



Builtbybuffalo

Builtbybuffalo

Sagmeisterwalsh
Sagmeisterwalsh


Mejorando.la
Mejorando.la

Si necesitas mas inspiración te invito a seguir algunos tableros en Pinterest, donde podrás encontrar una gran variedad de interfaces para tu inspiración

1- Flat UI Design



2- Flat UI



Recuerda que para que no te pierdas las actualizaciones, me puedes seguir en Facebook y en Twitter

COMMENTS

BLOGGER: 4
Loading...
Nombre

3D Angry Birds Articulos blogger Branding Colores Comic Concurso Creativo CSS Descargas Diseño Diseño Grafico Diseño web Efecto Eps Espacio negativo Estilo de Capas Extensiones Facebook Featured Posts Flat Design Fondos Fondos de Pantalla Fotografia Fotomanipulaciones Frases Fuente Galeria Geek Gif Gratis HTML5 Iconos Illustrator Ilustracion Infografias Inspiracion Invitaciones IOS 7 Isnpiracion Keep Calm And Carry On Ley de Tercios Leyes de Gestalt Logos Long Shadow Mapa de navegación Minimalista Mockups Motivos Multimedia Navidad Packaging Pasto Patterns Photoshop Pinceles Plantillas PNG Portafolio Posters Powerpoint Psd Puntos Aureos Recursos Responsive design Retro Seo Set de Iconos Set de Imagenes Storyboard SVG Tarjetas Tarjetas de presentacion Teoria Teoria del color Teoria del Diseño Textura themes Tipografías Tipogrfia Tutoriales UI UX Vectores Videos Vintage Wordpress Zombies
false
ltr
item
Jhon Urbano: El diseño plano o minimalista como tendencia en el diseño web
El diseño plano o minimalista como tendencia en el diseño web
http://3.bp.blogspot.com/-a0wrMLYqzaU/UV9UdM1YyfI/AAAAAAAAOzo/moh8Ap4Yhno/s1600/Roy-Barber.png
http://3.bp.blogspot.com/-a0wrMLYqzaU/UV9UdM1YyfI/AAAAAAAAOzo/moh8Ap4Yhno/s72-c/Roy-Barber.png
Jhon Urbano
http://www.jhonurbano.com/2013/04/-diseno-plano-minimalista-en-diseno-web.html
http://www.jhonurbano.com/
http://www.jhonurbano.com/
http://www.jhonurbano.com/2013/04/-diseno-plano-minimalista-en-diseno-web.html
true
4736861666122585118
UTF-8
Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy