Hacer el diseño web más eficiente con herramientas en línea libre mudcu.be

Si alguna vez ha intentado su mano en el diseño web y usted no es realmente un tipo artístico de la persona, entonces usted sabe que la no programación de piezas reales “diseño” de la ecuación puede ser un poco difícil.

Para algunas personas, al igual que algunos miembros de mi familia que son demasiado barato para comprar software de creación de imágenes, la dificultad surge cuando quieren hacer a medida logotipos o fondos. Para algunos programadores, el problema viene cuando se necesita el código CSS, y bastante no han llegado hasta la velocidad en los últimos estándares CSS.

Puede pasar mucho tiempo mantenerse al día sobre las últimas tendencias de diseño web y estándares. Con la llegada de tantas herramientas de diseño web WYSIWYG por ahí, la creación de sitios web está cayendo más en el dominio de los no programadores que los programadores de estos días. El problema con esto es que cuando se trata de ajustar un diseño para hacer lo que realmente quiere que haga, usted tiene que ir de nuevo a un programador, no hay que darle más vueltas.

Vídeo: Mixture, la mejor herramienta para diseñadores web

Afortunadamente, hay un montón de recursos que pueden ayudar antes de tener que ir arrastrándose a un programador para pedir ayuda. Aquí en MUO, nos gusta el diseño web y cubrimos el tema a menudo, como Ann Firebug opinión, mi opinión kompozer, o una lista de gran Steve diseño web blogs a seguir.Guía del aficionado a la personalización de Diseño de páginas Web con FireBugGuía del aficionado a la personalización de Diseño de páginas Web con FireBugLee mas

Un sitio particular que ofrece toda una lista de herramientas de diseño web muy útiles que cualquiera puede utilizar es Mudcu.be.

Herramientas de Diseño Web Mudcu.be

Mudcu.be es lo que yo llamaría una caja de herramientas de las herramientas básicas para un diseñador de páginas web que trabaja con un presupuesto muy pequeño (o ningún presupuesto). Las herramientas que puede encontrar en este sitio están muy centrados en los gráficos y el diseño o la coordinación de los colores de su sitio web. En última instancia, los colores son realmente lo que puede hacer o romper un diseño, por lo que estos son herramientas importantes para tener a mano.

Si usted es una de esas personas que simplemente no tienen el dinero para establecer para el software de pintura de calidad o la creación de la imagen, o tal vez usted está viajando con un pequeño ordenador portátil o netbook y necesita una solución de edición de imágenes basado en la web. Una herramienta de la Mudcu.be que puede ayudar es el de Dibujos.

La herramienta de Dibujos dejará usted fabrica casi cualquier imagen que desee en una herramienta basada en la web que no es a diferencia de Windows Paint. Sin embargo, después de ir de dibujos por un tiempo, me sentí realmente como que es mucho más fácil de usar y de manera más flexible que el Paint de Windows. Cuando haya terminado, haga clic en la imagen del pequeño disco en la parte superior, y se puede guardar la imagen que acaba de crear en el ordenador. Es fácil.

Ahora, en mi opinión las mejores herramientas que Michael Deal ofrece en su sitio son la selección COLRD de herramientas de degradado de color. Estos son una serie de herramientas de la paleta de colores que permiten ajustar cuidadosamente los elementos de color para subir con el tono exacto de cualquier color que usted necesita. Permite ajustar el tono, la saturación y luminancia, y ajustar los niveles de rojo, verde y azul, y sólo se puede escoger de la caja de colores similares a los de la derecha si lo desea. Cuando haya terminado, el código de color de la sombra que ha creado aparece justo encima de las barras de desplazamiento.

La serie de herramientas COLRD incluyen aplicaciones web similar a la de arriba. El menú “Crear” le permite elegir entre la herramienta de color anterior, o se puede ir con la gama de colores, degradado o bien ADN de imagen.

Vídeo: Tutorial Diseño Gráfico. No.1 Introducción.¿Cuáles son las Herramientas Necesarias?. liclonny

Las otras herramientas son fáciles de entender, pero el ADN La imagen es realmente vale la pena mencionar. Con esta herramienta, puede abrir cualquier imagen que pueda tener en su equipo y, a continuación, utilizar la herramienta para identificar los colores dentro de la foto.

La belleza de una herramienta como esta es que si va a utilizar ciertas imágenes en su página web, esta aplicación web le permite identificar los colores que se pueden utilizar en su página web que se ajuste a la perfección los colores dominantes en su foto. Esto puede ayudar a los diseñadores web de aficionados a superar el problema muy común de color de chocar en una página web - convirtiendo lo que podría ser un diseño decente en una página web atroz.

Hablando de sitios web atroces, en este día y edad, ¿por qué no la gente todavía tiene fondos desagradables que parecen que vinieron directamente de la década de 1990? Una vez que tenga los colores de su sitio web y todas las imágenes ordenadas con las herramientas anteriores, se puede pasar al Generador de fondo.

Vídeo: Curso de Diseño Web, Capitulo 7 - Creando Pagina web COMPLETA (1/2)

Esta aplicación web le permitirá elegir entre una larga lista de “texturas” para su fondo. Algunas de ellas pueden parecer cursi si no ponerlo hacia fuera correcta, pero muchos de ellos ven realmente bien si utiliza las selecciones de la pendiente para ajustar con precisión el tono de color para que se vea bien con sus imágenes y colores de sitios web. Una vez que haya terminado, haga clic en el botón “Generar CSS”, y el código CSS se genera para usted. No puede ser mucho más fácil que eso.

La herramienta incluso viene con una función de “simulación”, donde se puede probar el fondo en tu página web antes de que realmente ponerlo en práctica. Esto es lo que parece cuando corro el simulador en Google.com.

Michael le gusta el color, y ninguna herramienta muestra esto más que el color de la esfera. La forma en que lo describe en el sitio web, la esfera de color se supone que le permite “visualizar armonías de color” utilizando fórmulas que se le ocurrió. En realidad es bastante impresionante, ya que le permite comenzar con una cierta selección de color, por ejemplo rojo - y luego se descompone el color de elección en un gradiente de otros colores que fluyen en “armonía”. Estos serían los colores que te gustaría seguir con en su sitio web para asegurarse de que todos los colores que funcionan bien juntos

Simplemente jugando con el color de la esfera por un tiempo, tengo que decir que, aunque no sé lo que las fórmulas que utiliza, las opciones de colores realmente funcionan bien juntos.

Otra de las aplicaciones de Michael que vale la pena mencionar es en realidad una ofrenda Appspot llamada Daltonize. Esta es una herramienta muy impresionante que le permite identificar el tipo de ceguera al color que tiene y, a continuación, utilizar esa selección para permitir su navegador para visualizar páginas web a usted en un formato que toma su daltonismo en cuenta.

Después de instalar el marcador en el explorador, siguiendo las instrucciones, verá un icono de globo en la barra de herramientas (al menos en Chrome). Daltonize configuración le permitirá identificar las deficiencias de la visión de color cada vez que abra el navegador, y también se puede cambiar la selección del tipo de ceguera al color en cualquier momento.

Vídeo: Fabulosas herramientas gratuitas para crear páginas web

Esto es lo que la página resultante se parece a cuando se utiliza el filtro de color-ceguera. Si no está ciego al color, a continuación, la imagen de abajo se muestran mi blog, que normalmente tiene un tono naranja para los lados de cabecera y el color del icono, como un color púrpura brillante. Parece que también tiñe algunas de las imágenes en el sitio también. herramienta muy impresionante!

Esta no es una lista de todas las herramientas de diseño disponibles en Mudcu.be, por lo que si el color es lo suyo, o si usted está buscando maneras de incorporar un mejor color en su diseño web, este sitio es una visita obligada.

¿Alguna vez se lucha con colores en sus esfuerzos de diseño web? ¿Qué herramientas o técnicas que utiliza para emparejar las cosas? Compartir sus pensamientos y percepciones en la sección de comentarios!