¿Tenemos un nombre para este tipo de imágenes de "gráficos planos"?

¿Cuál es el nombre de este tipo de imágenes? Me encanta este tipo de gráficos y es tan plano que coincide totalmente con el desarrollo de mi producto actual.

http://pinterest.com/pin/474777985686969567/

http://pinterest.com/pin/474777985686969553/

¿Tenemos un nombre para ello? Un nombre facilitará la búsqueda de ejemplos y procedimientos.

Respuestas (6)

Curiosamente, se conoce como diseño plano, generalmente hecho como vectores. Se hizo popular con la aparición de la interfaz de usuario de Windows 8.

Consulte estos sitios para obtener más ejemplos:

http://fltdsgn.com/

http://www.tumblr.com/tagged/flat%20design

http://pinterest.com/warmarc/flat-ui-design/

Ese estilo definitivamente se conoce como "diseño plano" por la comunidad de diseño y la prensa en 2012/2013.
También hay un argumento de que Flat Design "no es una tendencia o una nueva moda. Simplemente se llama buen diseño" , pero yo diría que es más como un estilo que simplemente tener pocos adornos y elementos o ser minimalista. Tal como se usó en 2012/13, tiende a asociarse con tipos particulares de paleta de colores (p. ej., pasteles intensos y grises fríos como en el ejemplo de la pregunta), mosaicos, superposiciones sutiles, bloques sólidos de color fuertes y un estilo de dibujo ligeramente bloqueado.

Esto se llama diseño plano como dice la respuesta anterior.

Este estilo podría haberse vuelto más popular desde que la gente comenzó a considerar las pantallas de retina. Para hacer que las cosas no funcionaran, los diseñadores comenzaron a usar iconos basados ​​en fuentes y SVG. Un estilo tan plano simplifica las cosas y es fácil de escalar. Por lo tanto, el resultado final es un ícono o una interfaz de excelente aspecto que se ve muy bien en las pantallas retina y también en tamaños más pequeños.

Las cosas principales en estos estilos de sitios web e íconos son:

  1. Colores sólidos, es decir, sin degradados.
  2. Si se usan sombras, no se usan con ningún desenfoque. Las sombras también son colores planos sin degradados.

Para más detalles puedes mirar estos enlaces:

Yo lo llamaría ilustraciones vectoriales. Este estilo de imágenes normalmente se produciría en Adobe Illustrator.

Esto podría estar refiriéndose a ese estilo de ilustración vectorial que fue grande entre 2005 y 2011 más o menos y que incómodamente no tenía un nombre y a menudo se llamaba simplemente "estilo vectorial" o "dibujo vectorial", etc. El estilo aquí es un poco como una evolución de ese estilo.

Llámalo como quieras. :)

Como muchos han dicho, 'diseño plano' es el término de moda.

Pero, en general, son iconos, pictogramas, dibujos lineales o lo que sea. Muchos nombres pueden ser aplicables.

Varios han sugerido vector, pero vector es un tipo de archivo, no realmente un estilo particular.

Y aunque últimamente se ha vuelto popular con Windows 8 / Google / iOS7 / Bootstrap / etc., ciertamente no es nada nuevo en particular. Eche un vistazo a algunas de las primeras GUI del sistema operativo: http://www.guidebookgallery.org/screenshots

Muchas de las primeras GUI de escritorio eran esencialmente de "diseño plano". En ese momento, principalmente debido a limitaciones técnicas. A medida que aumentamos la capacidad informática y de visualización a lo largo de las décadas, tendimos a aprovechar eso en nuestros diseños de íconos hasta el punto en que tal vez nos dimos cuenta de que se estaba volviendo un poco ridículo y esta tendencia moderna de diseño plano es realmente nosotros habiendo cerrado el círculo. . ;)

Buscar interfaz de usuario plana

Flat es definitivamente la palabra clave aquí, pero específicamente el diseño de la interfaz ha sido la fuente del renacimiento. Echa un vistazo al kit Flat UI para Twitter Bootstrap .

ingrese la descripción de la imagen aquí

Pero no del todo plano

Algunos componentes importantes de esta tendencia son su falta de uniformidad. Por un lado, la tendencia hacia sombras largas de 45° . El logotipo del kit Flat UI anterior es un buen ejemplo.

ingrese la descripción de la imagen aquí

También tenga en cuenta que los colores a menudo no son puramente planos, a pesar de las primeras impresiones. Los degradados todavía se usan comúnmente, solo que no tan abiertamente.

redacción de gmail

Esta pregunta se planteó recientemente en GD.SE:
¿Cómo lograr un degradado en Adobe Illustrator? ¿
Cómo puedo darle vida a mis íconos planos de iOS?

En Almost Flat Design , Matthew Moore explora sucintamente la falta de planitud de lo plano.

En su mayor parte, estas interfaces se adhieren a los principios de diseño plano de colores planos, sin sombras paralelas y uso de color para fomentar acciones específicas del usuario (por ejemplo, botón rojo de redacción en Gmail). Pero si miras de cerca, ese botón de redacción tiene un ligero gradiente. Es un degradado que dice: “Oye, soy un botón que puedes presionar”, y no “¡Vaya! ¡Parece que estoy hecho de caramelo! Ah, y también puedes presionarme”.

De dónde vino

Escuché a muchas personas sugerir que la interfaz de usuario Metro de Microsoft fue la fuente. Google se estaba moviendo gradualmente en esa dirección antes del gran impulso de Microsoft. Android adoptó en gran medida la simplicidad en los gráficos con v4 y la línea de productos de "aplicaciones" de Google siempre ha seguido esta estética, aunque de manera más pulida en los últimos 2 años. Por supuesto, ahora Apple está intentando seguir su ejemplo con iOS 7 .

Estoy de acuerdo con los vestidos de paisano, aunque me topé con esto Como la gente ya ha mencionado; es diseño plano . Lo percibiría como una tendencia moderna en el arte vectorial que usa una paleta de colores particular.