52 herramientas de diseño web para ayudarlo a trabajar de manera más inteligente en 2021

Las mejores herramientas de diseño web: Foto de John Kappa en Unsplash
(Crédito de la imagen: Foto de John Kappa en Unsplash)
Página 1 de 2: Página 1 SALTA A:

Hay tantas herramientas de diseño web geniales en estos días. Independientemente del problema que intente resolver en su flujo de trabajo de diseño web, es probable que alguien haya creado una herramienta para ello, ya sea una utilidad independiente o una función dentro de una aplicación más grande. Y aunque la comunidad de diseño web ha cambiado mucho desde los primeros días, todavía existe el espíritu de compartir su trabajo, por lo que muchas de estas excelentes herramientas son gratuitas.

La proliferación de herramientas es una gran bendición, pero también puede dejarlo sin opciones, ya que hay muchas formas de hacer lo mismo. En este artículo, hemos reunido las que creemos que son las mejores herramientas disponibles en este momento. Por supuesto, no es una lista exhaustiva, pero es de esperar que, al reducirla y destacar algunas de las mejores, le resultará más fácil crear el conjunto de herramientas adecuado para su flujo de trabajo.

Como esta es una lista bastante larga, hemos organizado las herramientas en secciones para facilitar la navegación por el artículo. En esta página encontrará un software de diseño web completo, seguido de herramientas de estructura de alambre dedicadas más básicas, y bibliotecas y marcos de diseño web. En la página dos, hay una gama de herramientas más pequeñas y especializadas para todo, desde trabajar con imágenes hasta incursionar en AR y VR.

Mientras esté aquí, es posible que desee ver resúmenes de mejores servicios de alojamiento web y el mejores creadores de sitios web para 2020

GenerateJS banner

Haga clic en la imagen para obtener más información y comprar sus entradas(Crédito de la imagen: Future / Toa Heftiba, Unsplash)

Herramientas de diseño completas

01. InVision Studio

InVision pretende ser la única herramienta de interfaz de usuario que

InVision pretende ser la única herramienta de interfaz de usuario que necesitará(Crédito de la imagen: InVision)

Estudio InVision tiene como objetivo cubrir todas las bases y ser la única herramienta de interfaz de usuario que necesitará. Viene con una gran cantidad de funciones para ayudarlo a crear hermosas interfaces interactivas, incluidas herramientas para la creación rápida de prototipos, el diseño receptivo y colaborativo y el trabajo con sistemas de diseño.

Si ya está utilizando InVision con herramientas como Sketch, hay un cierto cruce de funciones. Sin embargo, el poder de Studio reside en el departamento de creación de prototipos, especialmente si su diseño incluye animación. La creación rápida de prototipos te permitirá crear transiciones complejas e imaginativas, lo que te permitirá alcanzar realmente el nivel de animación que deseas. Simplemente averigüe cómo desea que se vea su interfaz de usuario al comienzo de su transición y luego diseñe el resultado final. InVision Studio se encarga del resto.

Además de eso, puede crear estas animaciones y transiciones personalizadas a partir de una serie de gestos e interacciones como deslizar, hacer clic y desplazarse.

Cuando haya terminado, exporte sus prototipos a través de InVision e invite a personas a colaborar. Puede ver su proyecto en su plataforma prevista, una excelente manera de explorar y probar su diseño. Los clientes podrán comentar directamente sobre el diseño.

Para colmo, puede dejar de pensar en crear numerosas mesas de trabajo para múltiples dispositivos: el motor de diseño de Studio ajustará su diseño a cualquier pantalla automáticamente. Este ahorro de tiempo le da espacio para pensar mucho más en su diseño.

02. Bosquejo

Sketch ha reemplazado a Photoshop como la herramienta de diseño de interfaz de usuario elegida por muchos diseñadores web [Imagen: Bohemian Coding]

Sketch ha reemplazado a Photoshop como la herramienta de diseño de interfaz de usuario elegida por muchos diseñadores web [Imagen: Bohemian Coding](Crédito de la imagen: Codificación bohemia)

Codificación bohemia Bosquejo es una de las plataformas de diseño web más utilizadas; es una herramienta basada en vectores muy poderosa para construir interfaces y prototipos de forma colaborativa. Sketch se creó especialmente para crear sitios web y aplicaciones, por lo que no hay funciones innecesarias que abarroten su interfaz y es más rápido y más eficiente que el software que tiene un alcance más amplio.

Rory Berry, director creativo de Magnífico , hizo el cambio a Sketch en 2017 y lo recomienda encarecidamente. “En comparación con Photoshop, ordenar todos sus documentos y hacer revisiones en Sketch es mucho más fácil”, comienza. “Sketch tiene documentos pequeños, mientras que Photoshop tiene documentos grandes. Debido a que es una aplicación basada en vectores, los tamaños de archivo son dramáticamente más pequeños en comparación con Photoshop '.

Y eso no es todo. “El sistema de cuadrícula incorporado en Sketch es excelente y hace que el diseño de la interfaz sea mucho más fácil. Creo que la interfaz de usuario general y la sensación mínima hacen que el diseño sea mucho más limpio y fácil de usar. Photoshop parece muy complicado en comparación '.

La comunidad ofrece cientos de Complementos de Sketch para que su flujo de trabajo de diseño sea más fácil y fluido.

La desventaja de Sketch es que solo está disponible en Mac y no hay planes para admitir otros sistemas operativos. Esto ha sido un problema, ya que los diseñadores a menudo querrán compartir archivos .sketch con desarrolladores que usan Windows. Afortunadamente, ahora hay una aplicación 'Sketch para Windows' llamada Locura que abrirá y editará archivos .sketch y eliminará la mayor parte de este dolor; lea sobre esto en el Exportar y convertir sección de este artículo.

No te pierdas nuestro los mejores consejos para usar Sketch .

03. Adobe XD

Adobe XD tiene una interfaz ligera que le permite crear prototipos con facilidad

Adobe XD tiene una interfaz ligera que le permite crear prototipos con facilidad(Crédito de la imagen: Adobe)

Adobe XD ofrece el mejor entorno para proyectos digitales bajo la suite Adobe Creative Cloud. Si es un usuario entusiasta de Adobe y es nuevo en XD, es posible que, para empezar, no encuentre la interfaz muy parecida a 'Adobe'. Sin embargo, se compara con las otras herramientas líderes que existen. Es un salto si también ha estado diseñando en Photoshop por un tiempo, pero vale la pena para el diseño de la interfaz de usuario.

Esta herramienta de diseño vectorial y estructura de alambre sigue mejorando, con adiciones como soporte para prototipos de voz asegurando que la herramienta pueda mantenerse al día con las últimas tendencias en UX. XD incluye herramientas de dibujo, herramientas que le permiten definir interacciones no estáticas, vistas previas móviles y de escritorio, y herramientas para compartir para proporcionar comentarios sobre los diseños. Le permite seleccionar un tamaño de mesa de trabajo específico del dispositivo para iniciar un proyecto, e incluso puede importar un kit de interfaz de usuario popular, por ejemplo, Material Design de Google.

Fundamentalmente, Adobe XD se integra con el resto de Creative Cloud, lo que significa que podrá importar y trabajar con activos de Photoshop o Illustrator fácilmente. Si ya usa otras aplicaciones de Adobe, la interfaz de usuario se sentirá agradable y familiar y no debería presentar demasiada curva de aprendizaje.

Andrei Robu , director de diseño de Robu Studio en Barcelona, ​​se encuentra entre sus seguidores. “Para maquetas rápidas es genial”, dice. 'Es una interfaz muy ligera, con muchas fotos cargadas y excelente para los moodboards. La creación de prototipos es muy útil para mostrar a los clientes cómo funcionan las cosas, especialmente porque puede publicar el contenido en línea de inmediato '.

Ellis Rogers, diseñador gráfico en Receptional Ltd también lo recomienda. 'Cuando se completa el diseño / prototipo o estructura alámbrica, Adobe XD le permite seleccionar elementos muy rápidamente y crear transiciones de página para un prototipo funcional, que se puede compartir a través de un enlace', explica. El enlace también le permite recopilar comentarios por página, manteniéndolo todo organizado. El enlace se puede actualizar dentro de Adobe XD para que el cliente siempre pueda ver la última versión sin tener que preocuparse por versiones incorrectas. Es un placer trabajar con él ''.

04. Marvel

Marvel

Marvel viene con una herramienta de prueba de usuario integrada(Crédito de la imagen: Marvel)

Marvel es otra herramienta de diseño web que es excelente para producir ideas rápidas, perfeccionar una interfaz para que se vea como usted desea y construir prototipos. Marvel ofrece una forma realmente ordenada de crear páginas, lo que le permite simular su diseño a través de un prototipo. Hay algunas integraciones maravillosas para insertar sus diseños en el flujo de trabajo de su proyecto. Curiosamente, hay una función de prueba de usuario integrada, que todavía es bastante inusual en el entorno de herramientas de diseño web. También está todo en línea, por lo que no es necesario descargar nada.

05. Figma

herramientas de diseño web: captura de pantalla de Figma

Figma le permite diseñar, crear prototipos y recopilar comentarios con otros diseñadores en tiempo real [Imagen: Figma]

Figma es una herramienta de diseño de interfaz que permite a varios diseñadores colaborar en tiempo real. Esto es muy eficaz cuando hay varias partes interesadas en el proyecto que participan en la configuración del resultado. Está disponible en el navegador, o en Windows, Mac o Linux, y hay versiones gratuitas y de pago según para qué lo uses.

Estas son algunas de sus características destacadas:

'Figma tiene una PVU similar a Sketch, con la excepción de ser multiplataforma', explica el diseñador de frontend. Benjamin Read . “Cuando lo usé para crear un par de iconos, encontré el flujo de trabajo increíblemente fluido. No me tomó tiempo aprender y tuve el beneficio adicional de ser colaborativo: puedes compartir gráficos con otros dentro de la aplicación '.

'He intentado cambiar a Linux para mi trabajo y, a veces, usamos Windows, por lo que Figma tiene sentido para mí desde un punto de vista práctico', agrega.

Escritor de contenido y artista independiente David Eastwood también tiene cosas buenas que decir sobre Figma. “También ha sido una herramienta realmente útil cuando necesitábamos simular MVT rápidamente; a veces pequeñas adiciones a un diseño existente. Nos encanta que pueda crear rápidamente diseños para computadoras de escritorio, tabletas y dispositivos móviles '.

06. Diseñador de afinidad

Affinity Designer es tan poderoso en iPad como en el escritorio [Affinity Designer]

Affinity Designer es tan poderoso en iPad como en el escritorio [Affinity Designer](Crédito de la imagen: Serif)

'Serif's Diseñador de afinidad ha sido apodado el 'asesino de Photoshop' por algunos, y es fácil ver por qué, 'dice el diseñador de productos Y edwards . 'Hubo algunas características que realmente disfruté, incluidas las capas ajustables y no destructivas. Básicamente, esto significa que puede ajustar imágenes o vectores sin dañarlos.

“El zoom de 1,000,000 por ciento fue simplemente una bendición; es especialmente útil cuando se trabaja con arte vectorial, ya que realmente puede acercarse. Las funciones de deshacer e historial también son muy útiles: ¡Affinity le permite retroceder más de 8.000 pasos!

“Cuando se trata de diseñar, la interfaz de usuario resulta familiar. Al pasar de Photoshop, todo el mundo parece querer empezar de nuevo, lo que puede representar un verdadero desafío. Lo que Affinity ha hecho es mantener el diseño familiar, mientras ajusta todo y oculta las distracciones. Pude saltar directamente y comenzar a diseñar fácilmente ''.

Affinity Designer también está disponible para el iPad . Y tenga en cuenta que esta no es la versión reducida de la aplicación móvil que podría esperar: es la misma versión completa que obtiene en el escritorio.

No te pierdas nuestras guías para usar el Pixel persona , la Export persona y el Lapicera en Affinity Designer. También tenga en cuenta que Serif también hace una alternativa a Photoshop, Foto de afinidad y una alternativa de InDesign, Editor de afinidad ; todos los cuales juegan muy bien juntos.

Maquetas y prototipos

07. UXPin

UXPin: herramientas de diseño web

UXPin le permite crear prototipos con estados interactivos y lógica(Crédito de la imagen: UXPin)

La siguiente herramienta de diseño web en nuestra lista es UXPin. Esta aplicación de creación de prototipos dedicada está disponible para Mac, Windows o en el navegador. Con la mayoría de las otras herramientas de diseño, solo puede imitar interacciones vinculando diferentes elementos en su mesa de trabajo, UXPin se acerca al código y le permite trabajar con estados interactivos, lógica y componentes de código.

Hay bibliotecas de elementos integradas para iOS, Material Design y Bootstrap, además de cientos de conjuntos de iconos gratis , para ayudarte en tu camino. UXPin también ha introducido recientemente funciones de accesibilidad para garantizar que sus diseños se mantengan en línea con los estándares WCAG, lo que aplaudimos.

API Request es la última incorporación a las capacidades de interacción de UXPin. La función le permite crear un prototipo de una aplicación que 'hable' con sus productos directamente desde su herramienta de diseño, sin necesidad de código. Funciona al permitirle enviar solicitudes HTTP a una API externa.

Puedes crear tu primer prototipo en UXPin gratis y, si le conviene, cámbiese a una suscripción mensual paga (las membresías de equipo están disponibles). UXPin mejoró recientemente su integración con Sketch, por lo que podría ser uno para introducir en su flujo de trabajo si es un fanático de Sketch que encuentra limitantes sus capacidades de creación de prototipos.

08. Proto.io

Esta herramienta te ayuda a crear prototipos realistas

Esta herramienta te ayuda a crear prototipos realistas(Crédito de la imagen: Proto.io)

Proto.io es una aplicación superior que permite el inicio de prototipos realistas que comienzan con ideas aproximadas y terminan con diseños completos. La herramienta también le ofrece una gama de posibilidades para sus proyectos, incluidas animaciones vectoriales detalladas y personalizadas.

Puede comenzar desarrollando ideas iniciales con un estilo dibujado a mano, convertirlas en wireframes y terminarlas con un prototipo de alta fidelidad. Los complementos de Sketch y Photoshop ayudan si desea diseñar con otras herramientas, pero Proto.io maneja bien el proceso de diseño de un extremo a otro. Otras características, por ejemplo, las pruebas de usuario, ayudarán a validar sus diseños. Esta es una solución todo en uno con una gran cantidad de marcas confiables que ya la utilizan.

Hay un montón de demostraciones geniales con las que empezar a jugar, y realmente puede ver con qué facilidad esta solución de extremo a extremo podría reemplazar una serie de herramientas actualmente en funcionamiento. Incorporaciones relativamente recientes, Proto.io ha incluido recientemente una gran cantidad de nuevas características, incluidos administradores de activos, guías para desarrolladores y la capacidad de registrar su prototipo, alinean esta herramienta con muchas de las mejores herramientas de creación de prototipos.

09. Balsamiq

Interfaz Balsamiq

Balsamiq es ideal para encuadres rápidos(Crédito de la imagen: Balsamiq)

Si lo que está buscando es un wireframing rápido y eficiente, Balsamiq es una sugerencia fuerte. Puede desarrollar rápidamente una estructura y diseños para sus proyectos con facilidad. Los elementos de arrastrar y soltar facilitan la vida y puede vincular botones a otras páginas. Mediante wireframing, puede comenzar rápidamente a planificar sus interfaces y compartirlas con su equipo o clientes. Balsamiq ha estado funcionando desde 2008 y se enorgullece de su enfoque sensato, rápido y enfocado de baja fidelidad.

10. ProtoPie

Comienza a jugar con sensores nativos usando esta herramienta

Comienza a jugar con sensores nativos usando esta herramienta(Crédito de la imagen: ProtoPie)

Herramienta de diseño web Protopic le permite crear interacciones complejas y acercarse a la función final ideal de su diseño. Quizás la característica destacada es la capacidad de controlar los sensores de los dispositivos inteligentes en su prototipo, como los sensores de inclinación, sonido, brújula y 3D Touch. Dependiendo de su proyecto, esta es una gran herramienta para aquellos que desean abarcar funciones de aplicaciones nativas. Es muy fácil y no se requiere código.

La versión 4.2 recientemente lanzada contiene dos características nuevas muy solicitadas: ahora puede agregar SVG editables a sus escenas y encontrar la distancia entre dos capas instantáneamente después de la selección.

11. MockFlow

MockFlow

Esta herramienta es ideal para simular ideas aproximadas.(Crédito de la imagen: MockFlow)

MockFlow es un conjunto de aplicaciones para sitios web de wireframing y planificación. WireframePro lo ayuda a establecer su idea inicial y luego iterar hasta que sea la correcta: hay un rastreador de revisión de la interfaz de usuario para ayudarlo con esto. Viene con miles de componentes y diseños prediseñados que puede ajustar para cumplir con sus requisitos, y hay un modo de vista previa para presentar su trabajo a colegas y clientes.

Una vez que haya hecho sus wireframes, el resto del paquete puede ayudarlo con otros aspectos de la planificación de su sitio web, incluida la arquitectura de la información, la creación de una guía de estilo (que se puede generar automáticamente) y el proceso de aprobación.

Si desea ver otras opciones, consulte nuestro resumen de las mejores herramientas de estructura metálica .

12. Adobe Comp

Adobe Comp es una fantástica herramienta de diseño web para iPad que ayuda en la creación de wireframes, prototipos y conceptos de diseño para páginas web. Un bloc de dibujo inteligente con tecnología Creative Cloud, si lo desea. Tiene plantillas básicas para una serie de diseños para dispositivos móviles y web, e incluso imprime si eso es lo tuyo, y puedes crear marcadores de posición rápidos dibujando formas intuitivas para representar imágenes, texto y más. Comp convierte los contornos aproximados en líneas rectas, círculos y rectángulos.

Sorprendentemente, Adobe no ha considerado oportuno incluir la exportación directa a XD, ¡una locura! - A pesar de una solicitud de larga data que ha estado bajo revisión durante lo que parece una eternidad. Sin embargo, la exportación a Photoshop está integrada (junto con Illustrator e InDesign), y una vez que se realizan los ajustes a su maqueta en el omnipresente editor de imágenes, puede exportar desde allí a XD. A pesar de este paso adicional no deseado en el viaje de usuario del devoto de Adobe, Comp merece completamente su inclusión en esta lista con sus capacidades para ir a cualquier parte, facilidad de uso e impresionante interfaz de usuario.

13. Flinto

Interfaz Flinto

Diseñe los estados antes y después, y Flinto resolverá la diferencia y animará para usted(Crédito de la imagen: Flinto)

Flinto es una herramienta de diseño que le permite crear interacciones únicas dentro de sus diseños. Puede utilizar una serie de gestos y realizar transiciones fáciles diseñando los estados de antes y después. Flinto simplemente resuelve las diferencias y anima por ti, muy útil.

Tenga en cuenta que esto es solo para iOS, pero le resultará familiar cuando comience a usarlo. Hay documentación en línea para ayudarlo en su camino, y la importación desde Sketch y Figma también es sencilla.

14. Axure

Interfaz Axure

Interfaces complejas de estructura metálica con datos dinámicos(Crédito de la imagen: Axure)

Axure siempre ha sido una de las mejores herramientas de wireframing del mercado, ideal para proyectos complejos que requieren datos dinámicos. Con Axure, realmente puede concentrarse en simular proyectos que son técnicos y requieren una atención clave en la estructura y los datos.

El proceso de transferencia de Axure incluye la creación de especificaciones detalladas que ayudan a los desarrolladores a crear un producto final que coincida con sus diseños.

15. Justinmind

Justinmind

Justinmind se integra con herramientas como Sketch y Photoshop(Crédito de la imagen: JustInMind)

Justinmind ayudará con la creación de prototipos y se integra con otras herramientas como Sketch y Photoshop. Puede elegir sus interacciones y gestos para ayudar a ensamblar su prototipo. También contiene kits de interfaz de usuario, por lo que puede armar pantallas rápidamente y también responde.

16. Fluido

Interfaz fluida

Fluid es ideal para un diseño de interfaz de usuario rápido(Crédito de la imagen: fluido)

Líquido es una herramienta simple e intuitiva para construir prototipos rápidos y elaborar diseños. Incluye algunos atractivos activos listos para usar para que pueda comenzar con prototipos rápidos. Una vez que se haya actualizado, es muy fácil ensamblar sus propios símbolos con sus propios recursos de IU preferidos. Esta herramienta ofrece un diseño de interfaz de usuario muy rápido, con activos disponibles para prototipos de alta y baja fidelidad.

17. Interacción

Interplay ayuda a mantener a todos en la misma página [Imagen: Interplay]

Interplay ayuda a mantener a todos en la misma página [Imagen: Interplay](Crédito de la imagen: Interplay)

Interacción es un sistema de creación de prototipos que mejora la comunicación y la colaboración en su equipo, especialmente entre diseñadores y desarrolladores. Está construido con sistemas de diseño en mente y se integra con su código para generar documentación que es fácil de seguir y se actualiza automáticamente. Mantener a todos en la misma página y actualizados es una función principal, por lo que cuando su código se actualiza, también lo hace su diseño. Interplay todavía está en fase beta, pero ya funciona con varias de las grandes herramientas de diseño y desarrollo.

Diseñar frameworks y bibliotecas

18. Bootstrap

herramientas de diseño web: Bootstrap screengrab

El viejo Bootstrap favorito tiene algunas actualizaciones nuevas y poderosas

Oreja Ciertamente no es una herramienta nueva, pero ha revolucionado el desarrollo y continúa dando forma a la forma en que creamos cosas en la web.

En el momento de escribir este artículo, la última versión (4.4.1, lanzada en noviembre de 2019) introdujo nuevos contenedores receptivos que son fluidos hasta un cierto punto de interrupción, y nuevas clases .row-cols receptivas para especificar el número de columnas en los puntos de interrupción de manera eficiente.

Bootstrap también ha lanzado recientemente su propia biblioteca de iconos de código abierto, Iconos de Bootstrap , que está diseñado para funcionar con componentes Bootstrap.

Encuentra el mejores temas gratuitos de Bootstrap en nuestra guía .

19. Inicio 3

Crea un sitio Bootstrap sin escribir código [Imagen: Designmodo]

Crea un sitio Bootstrap sin escribir código [Imagen: Designmodo](Crédito de la imagen: Designmodo)

Si le gusta Bootstrap pero no quiere sumergirse en lo crudo, Startup 3 es la manera fácil; es una aplicación en línea con plantillas y temas integrados para crear sitios web basados ​​en Bootstrap 4 con una cuadrícula de 12 columnas. Puede crear su sitio sin escribir código utilizando la interfaz de arrastrar y soltar, pero necesitará algunos conocimientos de HTML y CSS para terminar las cosas.

20. Vue.js

web design tools: vue.js screengrab

¿No estás acostumbrado a bibliotecas JavaScript complejas? Vue.js es perfecto para ti [Imagen: Vue.js]

Vue.js es un marco para crear interfaces de usuario y utiliza un DOM virtual. Como sugiere el nombre, la biblioteca central de Vue se centra en la capa de vista.

Mire un ejemplo de código, tomado de los documentos de Vue, que utiliza la entrada del usuario y demuestra la elegancia de la biblioteca. Empezaremos con el HTML:

|_+_|

Observe el controlador personalizado v-on que llama al reverseMessage método. Aquí está el JavaScript:

|_+_|

Este ejemplo llenó el párrafo con datos y define el reverseMessage método. Vue es ideal para aquellos con menos experiencia con bibliotecas complejas, pero también tiene varios complementos para ayudar con el desarrollo de aplicaciones web complejas de una sola página.

21. Laboratorio de patrones

herramientas de diseño web: captura de pantalla de Pattern Lab

Pattern Lab se basa en el diseño atómico [Imagen: Pattern Lab]

Pattern Lab es una hermosa herramienta de diseño basada en patrones creada por Dave OIsen y Brad Frost. Se basa en el concepto de Diseño atómico , que dice que debe dividir su diseño en sus partes más pequeñas (átomos) y combinarlas para formar componentes más grandes y reutilizables (moléculas y organismos) que luego se pueden convertir en plantillas utilizables.

Aunque en esencia es un generador de sitios estáticos que une los componentes de la interfaz de usuario, hay mucho más que Laboratorio de patrones que eso. Es independiente del lenguaje y la herramienta; le permite anidar patrones de IU unos dentro de otros y diseñar con datos dinámicos; cuenta con herramientas de cambio de tamaño de la ventana gráfica independientes del dispositivo para ayudarlo a garantizar que su sistema de diseño responda completamente; y es completamente extensible, por lo que puede estar seguro de que se expandirá para satisfacer sus necesidades.

22. Diseño de materiales

Material Design es un conjunto de principios de Google [Imagen: Google]

Material Design es un conjunto de principios de Google [Imagen: Google](Crédito de la imagen: Google)

Diseño de materiales es un lenguaje visual de Google que tiene como objetivo combinar los principios clásicos del buen diseño con innovaciones en tecnología y ciencia para crear una base cohesiva y flexible para su sitio web.

Los sitios web y las aplicaciones creadas con el marco de Material Design tendrán un aspecto moderno y serán familiares para el usuario, por lo que a las personas les resultará fácil usar su producto de inmediato. Hay muchas herramientas disponibles para ayudar con este sistema de diseño; haga clic en Recursos en la barra de navegación para encontrarlos.

GenerateJS banner

(Crédito de la imagen: Future / Toa Heftiba, Unsplash)

Únase a nosotros en abril de 2020 con nuestra línea de superestrellas de JavaScript en GenerateJS, la conferencia que lo ayudará a construir un mejor JavaScript. Reserva ahora en generateconf.com  

Página siguiente: Herramientas de diseño web especializadas para abordar cualquier problema

  • 1
  • 2

Página actual: Página 1

Siguiente página Página 2