Diez estilos de iconos que cambiaron el diseño de la interfaz de usuario • Usemobile

Altavoz inteligente Echo Dot

Seguramente tu dispositivo móvil inteligente está lleno de apps, así sean funcionalidades nativas, servicios de los mucho más diversos, juegos para pasar el momento o aun cosas estrambóticas como simuladores de eslóganes conocidos. Aparte de sus propósitos, las apps asimismo precisan otro elemento de diseño que es vital para la experiencia de sus clientes y su afirmación como producto tecnológico: los iconos.

Presentaremos los primordiales estilos de diseño de iconos, de dónde surgen y sus primordiales apps.

  • 1. Arte de pixeles
  • Los primeros iconos que habitaron la Tierra fueron conformados por el informático David Canfield Smith y el diseñador Norman Lloyd Cox. Fueron desarrollados para la publicación de la primera plataforma de trabajo de PC comercial de todo el mundo, la extinta Xerox Star 8010. En ese instante, los diseñadores debían lidiar con las restricciones en la agilidad de procesamiento de la PC y el modo perfecto de visualización monocromática.

    Sobre una cuadrícula acotada se proyectaron los dibujos completados desde sencillos cuadrados negros para hacer sus formas.

    Hoy en día, los iconos de Pixel Art tienen un fuerte poder nostálgico y son de manera fácil amoldables a distintas tamaños. El estilo es muy usado en apps nostálgicas de los años 80 y 90.

  • 2. Iconos isométricos
  • Con la publicación del S.O. TOS, por la parte de Atari, las PCs han comenzado a tener mucho más agilidad de procesamiento. Este estilo no es mucho más que una evolución del Pixel Art, en este momento con un eje tridimensional. La lógica prosiguió siendo analogías con los elementos de oficina, la visión isométrica todavía es un estilo de diseño muy usado.

    En la actualidad, el estilo dista varios km del monocromatismo, al final de cuenta, los colores y la iluminación son elementos fuertes para ofrecer hondura a las formas. En la mayoría de los casos, se orientan desde una cuadrícula con apariencia de cubo.

  • 3. Esquemorfismo
  • Unos años después de la publicación de Atari, Steve Jobs lanzó NeXT Workstation, con su innovador S.O. NeXTSTEP OS. Hasta el momento, las líneas sencillos que sencillamente “recordaban algo” se consideraban iconos, pero Jobs llevó esta área del Diseño a otro nivel, aplicando degradados, expandiendo cuadrículas y habilitando la utilización de fondos con transparencia.

    En resumen, Skeumorphism no es mucho más que iconos súper leales a sus elementos analógicos de todo el mundo real. La creación de sobra datos fué viable merced a esenciales adelantos en el S.O. y el diseño de usuario.

    El skeumorfismo está hoy en día en riesgo de extinción, pero Apple lo usó bastante hasta la publicación de la plataforma móvil de Apple 7.

  • 4. Iconos de línea
  • El estilo Line Icons es una evolución directa del Pixel Art, en este momento con formas mucho más orgánicas merced a los adelantos informáticos. Para los diseñadores, es un procedimiento de creación considerablemente más fácil y libre, puesto que en este momento hablamos de líneas y formas, no de pixeles particulares. Por su facilidad visual y enorme poder de imaginería, pertence a los estilos mucho más populares hoy en dia.

    Reproducción: fuentes de la app Sketch

  • 5. Iconos de glifos
  • La terminología define los glifos (o «glifos») como «cualquier signo tallado o pintado». En lo que se refiere al diseño, los glifos asimismo son un estilo.

    Se representan desde formas monocromáticas, cuyas divisiones compositivas se efectúan desde espacios negativos.

    Es el estilo mucho más usado por Interfaz Design por su facilidad en las formas y simple asimilación.

  • 6. Iconos planos
  • Hay algo de confusión sobre el origen real del estilo Flat. Ciertos comentan que fue publicado por Microsoft, otros aseguran que vino antes, pero el hecho es en parte importante responsable de la popularización de este estilo fue, en verdad, la compañía de Bill Gates.

    Corría el año 2012 y Microsoft lanzó su rediseño, la polémica Metro UI (en este momento llamada Fluent). Con él, los iconos planos llegaron como una contestación directa a Apple y su abuso del Skeumorfismo.

    En términos visuales, fue un enorme cambio y trajo nuevos paradigmas a la filosofía del Diseño de UI. Siempre y en todo momento intentando encontrar formas limpias, minimalistas e inclusive deconstruyendo elementos, descartando la mayor proporción de datos viable. Es un estilo de simple asimilación y empleo por su vigilada app de colores y empleo de formas geométricas, libre de degradados y sombreados exagerados.

    Este estilo cobró tanta fuerza y ​​popularidad que fue adoptado por nuestra Apple y asimismo se expandió al Flat Design, entre los estilos de diseño mucho más usados hoy en día y que indudablemente proseguirá siendo la primordial inclinación.

    iOS 6: Skeumorphic / iOS 7: Chato

  • 7. Iconos de materiales
  • El motor de búsqueda mucho más grande en Internet y entre las compañías tecnológicas mucho más enormes de la historia se encontraba molesto: el skeumorfismo era bastante vulgar y obsoleto, el piso era bastante… chato. Entonces eligieron invitar al diseñador chileno Matias Duarte para contribuir a dictar el futuro de nuevo. Conque Google plus creó Material Design.

    Se sostienen las líneas y formas sencillos, pero en este momento poseemos un factor que hasta el momento era ignorado: la interacción. El diseño de materiales trata de traer un tanto de todo el mundo real al planeta digital. La meta de Google plus era “juntar los mundos” del usuario, y funcionó.

    En puntos visuales, en comparación con Flat, Material trae mucho más efectos de hondura, sombras, luces y valora bastante el apartado y las cuadrículas.

    Un caso de muestra básico: en Android, los iconos del reloj y el calendario siempre y en todo momento están acompasados con la hora y la fecha en que se visualizan, puedes probarlo allí.

  • 8. Mientes de honor
  • iconos dimensionales

    Bien difíciles de clasificar, son esencialmente un producto híbrido de los estilos Flat y también Isometric. Con líneas y formas sencillos y la app dimensional.

    Fuente: Ramy Wafaa

    Iconos dibujados a mano

    Con una estética contemplativa, los iconos hechos a mano aproximan la relación con el usuario al tener un lenguaje visual mucho más humanizado.

    Corinne Alexandra

    iconos animados

    Hubo un tiempo en que las animaciones de iconos unicamente se activaban desde relaciones de click, pero en este momento eso cambió. Los iconos animados se están propagando poco a poco más en el mercado y se están aplicando en nuestras vidas. Indudablemente, una inclinación progresiva para los próximos años.

    ¿Cuál es el más destacable?

    No hay una tabla o fórmula que logre clasificar los estilos de diseño de iconos, pero es viable clasificar cuál es el mucho más conveniente para su producto. Cada ámbito, público propósito y producto precisa ser estudiado a fin de que el lenguaje sea lo mucho más eficaz y directo viable, tras todo, la comunicación solo es eficaz si todas y cada una de las partes charlan exactamente el mismo idioma.

    Algunos artículos y públicos tienen la posibilidad de estar libres a estilos mucho más relajados, otros tienen la posibilidad de necesitar un lenguaje visual mucho más sobrio, aun mediante la memoria digital de sus clientes. Se ajusta a los expertos del diseño llevar a cabo y diseñar en el estilo que mejor se ajuste al producto, compañía y usuario.

    Mantente en el tema con este consejo de lectura: de qué forma manifestarse en Google plus Play.

    Te puede interesar:  por qué debería usarlo y cómo hacerlo • Usemobile

    Tommy Banks
    Estaremos encantados de escuchar lo que piensas

    Deje una respuesta

    TecnoBreak | Ofertas y Reviews
    Logo
    Enable registration in settings - general
    Shopping cart