Categorías
UI design

Top 15 UX Diseño habilidades que necesita para convertirse en un diseñador Gran UX

 

colores, como uno de los elementos visuales más importantes de diseños web / aplicaciones, pueden poner de relieve el contenido web / aplicación y la función con facilidad, la atención de los usuarios de agarre rápido e influir en las emociones de los usuarios.

En otras palabras, los colores y combinaciones de colores que elijas para tu web / proyectos de aplicaciones tienen un gran impacto en todo el diseño.

Para simplificar su proceso de diseño, Mockplus ha reunido a 22 de las mejores herramientas de color libre para crear diseños más sorprendentes web / app: Tablas

de Contenido

  • Mejor ColorTools línea
  • mejor color recogedores
  • mejor color Herramientas Herramientas Generadores paleta
  • material de diseño de color
  • mejores Google color
  • ColorsTools más útiles que no puede faltar
  • Mejor diseño de herramientas para probar sus esquemas de color y Mejorar web / App diseños Herramientas

mejor color en línea de color en línea

Un herramienta permite a los diseñadores eligen a sus esquemas de colores / de color deseados sin necesidad de instalar ningún software. Se puede acceder en cualquier momento o en cualquier lugar. En este aspecto, es muy conveniente para los diseñadores web / app.

Aquí hay algunos / herramientas utilizadas ampliamente en línea basadas en la Web basados ​​en la nube de color para usted: 1.

Coolors – un buen generador de combinación de colores en línea con una curva de aprendizaje baja

Coolors es una web basadas generador de combinación de colores que permite a los diseñadores crear, guardar, compartir y exportar una paleta de colores para su UI / UX diseños. Tiene una muy baja curva de aprendizaje para los nuevos usuarios, especialmente para algunos principiantes de diseño UX / UI, ya que cuenta con una sencilla interfaz de usuario y guía de usuario considerado.

Si utiliza Adobe trajes por lo general para el diseño, el color de esta herramienta es una buena opción ya que es compatible con los programas de Adobe. Se puede instalar como un complemento a la suite de Adobe. También cuenta con una aplicación para iOS. Colores

2. Piso de interfaz de usuario – una herramienta de paleta de colores en línea rápida

Si se tiene prisa, el color plano de interfaz de usuario, una herramienta de paleta de colores rápida, es perfecto para usted. Se le ofrece más de 13 paletas de colores que se recogen en base a las preferencias de los diferentes países. Usted puede simplemente copiar y pegar las paletas de colores deseados para usarlos en sus proyectos de diseño rápidamente.

3. Colordot- un simple selector de color en línea gratis

Colordot es un muy simple selector de color en línea gratis que es desarrollado por Hailpixel, permite a los diseñadores de elegir los colores y crear paletas de colores deseados por el desplazamiento y hacer clic.

Además, su aplicación para iOS, que permite a los diseñadores crear y compartir paletas de colores / colores de limpieza, es también vale la pena probar.

4. Colourco – una herramienta fácil de usar herramienta gratuita en línea de color

Colourco es una herramienta de color online fácil de usar que permite UI / UX diseñadores para escoger los colores, crear y descargar paletas deseada con facilidad . En comparación con Colordot, que ofrece a los diseñadores herramientas más útiles para personalizar y exportar sus combinaciones de colores diseñados.

5. Suministro de color – un generador de paleta de colores en línea interesante

A diferencia de las herramientas de color basadas en la Web se ha descrito anteriormente, lo que obliga a los usuarios a elegir los colores de uno en uno para crear el esquema de color deseada, esta simple generador de paleta de colores en línea usuarios muestra diferentes ruedas de color para elegir fácilmente dos, tres o incluso cuatro colores a la vez.

A continuación, una serie de ejemplos del esquema de colores que constan de estos colores seleccionados se mostrarán en el lado derecho. Los diseñadores pueden salvar a los que les gustan a sus favoritos para su uso posterior.

Esto es simple e interesante.

mejor color recogedores

Entonces, aquí hay algunas herramientas útiles selector de color:

6. AdobeColor CC – un avanzado selector de color libre

color de Adobe CC, anteriormente llamado “Adobe Kuler”, es un avanzado libre herramienta selector de color, que permite a los usuarios construir esquemas de color (hasta 5 colores) con una rueda de color y subir imágenes a los esquemas de color extraer automáticamente.

Si usted es un usuario de Adobe que quiere crear un esquema de color de una imagen existente, este selector de color libre es ideal.

7. HTML color Picker- una herramienta de selección de color HTML libre para los novatos de diseño

Es una herramienta selector de color HTML muy simple para los principiantes de diseño web de un sitio web tutorial de HTML / CSS (https: //www.w3schools .com /).

Si usted está aprendiendo acerca de diseño web HTML / CSS, esto es una buena herramienta para practicar sus habilidades de diseño. Códigos

8. HTML de color – un cómodo recolección y reutilización de color sitio web

con los códigos HTML color, puede seleccionar fácilmente los colores deseados, encontrar las paletas de colores, descargar y exportación colores relacionados en diferentes formatos (incluyendo Hex, RGB , HTML, CSS, SCSS, etc) con unos pocos clics. Se pueden añadir hasta 6 colores en una paleta de colores.

Mockplus en primavera 2020 – ¡Hasta un 34% OFF

Se trata de una herramienta de color muy conveniente para los diseñadores de los códigos de color de acceso y los esquemas de color reutilización.

9. Color Picker – un selector rápida libre de color de la imagen

imagen Color Picker es una herramienta de recolección de imágenes en color rápida que permite a los diseñadores para cargar fácilmente imágenes para escoger los colores deseados y obtener los correspondientes códigos HTML y HEX / RGB valores / VHS, etc.

para un uso rápido, también se puede introducir la URL de una imagen / sitio web en línea para obtener los colores deseados y los códigos HTML en cuestión de segundos.

10. Web Fx Selector de color – un selector de colores y combinación de colores generador con rapidez

Web Fx ColorPicker es un generador de selección de color y la combinación de colores rápida que permite a los usuarios elegir hasta 12 colores, generan la combinación de colores deseada y compartirlo a través de un enlace. Generadores

Mejor Paleta de colores

Un generador de paleta de colores / esquema también es una buena solución para los diseñadores web / de aplicación para elegir una paleta de color hermoso y adecuado para su UI / UX diseños.

A continuación, vamos a aprender unos generadores de paleta de colores útil:

11. Hue Snap – un generador de paleta de colores personalizables y el intercambio de herramientas

Hue Snap es un generador de paleta de colores fácil de captar y compartir herramienta que permite los usuarios crear paletas de colores a partir de imágenes o el uso de su base de selectores de color y compartir colores a través de los medios sociales con los demás. Es personalizable.

Si usted no tiene ninguna idea acerca de cómo elegir un esquema de color perfecto para su interfaz de usuario diseña, puede abrir su sección “Explorar” para obtener ejemplos inspiraciones de la paleta de colores de otros.

Su aplicación móvil es también fácil para los diseñadores acceder a sus paletas de colores favoritos.

12. Canva paleta de colores Generador – un generador de paleta de colores fáciles imagen

Con Canva paleta de colores Generador , puede cargar imágenes fácilmente con sólo arrastrar y soltar , escoger los colores presentados en ellos , y crear la mejor paleta de colores para sus diseños web / app.

Es muy fácil de usar.

13. Colormind – un generador avanzado sitio web ColorPalette

Al igual que otras herramientas de color, Colormind permite a los diseñadores crear paletas de colores escogiendo colores uno por uno. Es compatible con la generación de paletas de colores con 5 colores.

Sin embargo, como un generador de paleta de color de página web, Colormind permite a los usuarios ver directamente la página de demostración de aterrizaje con las paletas de colores generados aplicado para simplificar el proceso de diseño de color. Los botones web relacionados, barra de navegación, pestañas y otros componentes de interfaz de usuario se le aparecen también con la paleta de colores generados aplicado. Es una buena oportunidad para los diseñadores para comprobar los efectos de diseño final directamente, por la elección de la mayoría de las paletas de colores sitio web adecuado.

14. Color de Hunt – una paleta de colores libre de toolto conseguir la combinación de colores inspiración

caza color es una plataforma de recogida de paleta de colores libre y abierto que permite a los diseñadores y artistas para elegir sus paletas de colores deseados a partir de una amplia biblioteca. También hay varios filtros (incluyendo el “nuevo”, “moda”, “popular”, y “aleatorio”) y una barra de búsqueda de gran alcance para los diseñadores para seleccionar un esquema de color adecuado o encontrar la inspiración del diseño de color con facilidad. Herramientas

mejor material de Diseño de color

En estos días, el diseño de materiales se ha convertido en una de las últimas tendencias de diseño web / app. Las herramientas de diseño de color materiales también hacen que sea más fácil para los diseñadores y desarrolladores para crear sus diseños web / app.

Aquí está una lista de las herramientas de diseño de material de color para usted:

15. Material de Diseño Paleta – una herramienta simple página web de color para generar el diseño de materiales Paletas

Con esta herramienta de diseño de materiales Paleta, los diseñadores pueden elegir dos colores para generar un diseño de material de paleta, descarga deseada y exportar los esquemas de color en diferentes formatos, incluyendo el CSS, SASS, SVG, formatos XML e incluso PNG, etc.

Este sitio web también permite a los usuarios elegir y descarga deseada iconos del diseño y materiales colores como lo deseen.

16. MATERIALES IO – una herramienta avanzada de color para crear, compartir y aplicar las paletas de colores a la interfaz de usuario

MATERIALES IO no sólo se puede utilizar para los diseñadores de ayudar a crear una paleta de colores y también aplicar la paleta de colores creada para la interfaz de usuario real así como pruebas de su accesibilidad. Los usuarios pueden elegir sus colores deseados haciendo clic sobre ellos.

Se ofrece a los diseñadores una serie de interfaces de aplicaciones bien diseñados para probar la viabilidad de una paleta de colores.

artículo relacionado : la mejor lista de material de diseño de paletas de colores, herramientas y recursos

Mejor Google Herramientas color

Aquí están algunas herramientas de colores de Google para usted:

17. Sitio Paleta- una extensión de Chrome de Google para colores extracto de cualquier sitio web

Si usted es un usuario de Google, esta herramienta extensión de Chrome Google es una herramienta imprescindible para que extraiga los colores de cualquier sitio web para generar sus paletas de colores deseados.

18. Colorzilla – una extensión de color para el sitio web Google y Firefox navegadores

Colorzilla es una poderosa extensión de color para ambos Google y Firefox navegadores Web site. Ofrece muchas herramientas avanzadas de color para los diseñadores, como el selector de color, generador de gradiente y así sucesivamente.

Con esta extensión instalada, se puede recoger fácilmente un color de cualquier parte de una página web que se ha abierto, editar el color y pegarlo en el programa deseado.

Es muy potente.

colores sean más útiles herramientas que no se puede perder

19. Los gradientes – una herramienta gratuita degradado de color

Si está buscando ejemplos de color degradado, esta herramienta gratuita degradado de color pueden ayudarle mucho.

Nota relacionada : Gradiente de color en la aplicación de diseño: Tendencias, ejemplos y Recursos

20. color Kuler – Una herramienta simple del color a la paleta de colores extracto de Instagram

Instagram, es un lugar muy importante para los diseñadores conseguir la inspiración de diseño de color, ya que es una de las plataformas de medios sociales más ampliamente: se utiliza para los diseñadores y trabajadores independientes para compartir los diseños más novedosos y reunir la inspiración del diseño.

color Kuler puede ayudarle a extraer directamente paletas de colores a partir de Instagram para su uso posterior.

21. Diseño Inspiración – una herramienta para buscar la inspiración del diseño de color con facilidad

Do usted no tiene idea acerca de cómo crear un atractivo y práctico esquema de colores para sus diseños? Esta herramienta web puede ayudar a salir . Al participar en un juego de colores en la barra de búsqueda, se pueden encontrar numerosos diseños, incluyendo diseños de interfaz de usuario de aplicaciones / sitios web, que incorporan los colores buscado .

Así que, como su nombre indica, es un lugar perfecto para que usted consiga la inspiración del diseño.

22. Khroma – una herramienta de color para los diseñadores de AI

Khroma es una herramienta eficaz de color AI para los diseñadores para crear su combinación de colores deseada para proyectos web / app. Los usuarios pueden crear fácilmente un esquema de color con hasta 50 colores.

En general, esas son todas las mejores herramientas de color gratis para los diseñadores y artistas.

Mejor diseño de herramientas para probar sus esquemas de color y mejoran Web / App diseños

Después de elegir una paleta de colores perfecta para su diseño de sitios web / aplicación, el siguiente paso para los diseñadores de interfaz de usuario / UX es para crear prototipos de sus diseños para ver si estos colores se adaptan sus proyectos de diseño.

Mockplus, una, más rápido y más inteligente herramienta de prototipado web / aplicación más fácil, es una herramienta ideal para los diseñadores para crear prototipos de sus proyectos de diseño en cuestión de minutos y comprobar si su esquema de color seleccionado funciona bien o no.

Con un poderoso icono / componente de la muestra de la biblioteca / componente estilo / / proyecto y las características avanzadas de colaboración en equipo, los diseñadores también pueden oportunas iterate sus diseños y proyectos oportuna ahí color.

Además, para simplificar todo el proceso de diseño, una colaboración en el diseño y la herramienta de transferencia, Mockplus iDoc del mismo equipo Mockplus, ha sido desarrollado para los diseñadores a trabajar juntos en línea y diseños traspaso a los desarrolladores a la perfección.

sus características de reciente introducción: “Flujo de trabajo flexible”, “auto y especificaciones técnicas manuales” y la “integración Axure / Mockplus” también son absolutamente vale la pena probar.

Recapitulación

colores son considerados como uno de los elementos más eficaces que los usuarios tengan la atención y ayuda impresionar a los usuarios fácil y rápidamente. La elección de una llamativa combinación de colores y la práctica es una de las partes más importantes de diseño web / aplicación.

Esperamos que estos 22 mejores herramientas de color introducidos para los diseñadores web / aplicación puede ayudar a acelerar el proceso de diseño para la creación de un sitio web / aplicación con éxito convincente.

que también le gusten :

7 mejores consejos prácticos para la creación de esquemas de interfaz de usuario de color

20 Mejores plantillas de sitio web sencillo HTML para FreeDownload en 2019

excelente diseño plano combinaciones y cómo aplicarlos en los diseños

diseño libre Materiales – 30 sitios web creativos con magnífico de la tipografía y color Esquemas