Si alguna vez probó suerte en el diseño web y no es realmente un tipo de persona artística, entonces sabe que la parte de la ecuación que no es de "programación" de programación puede ser un poco desafiante.
Para algunas personas, como ciertos miembros de mi familia que son demasiado baratos para comprar software de creación de imágenes, la dificultad surge cuando quieren personalizar logotipos o diseños. Para algunos programadores, el problema surge cuando se necesita un código CSS, y no han llegado a la velocidad de los últimos estándares CSS.
Puede dedicar mucho tiempo a mantenerse al día sobre las últimas tendencias y estándares de diseño web. Con el advenimiento de tantas herramientas de diseño web WYSIWYG, la creación de sitios web está cayendo más en el dominio de los no programadores que los programadores actualmente. El problema con eso es que cuando se trata de ajustar un diseño para hacer lo que realmente quieres que haga, tienes que volver a un programador, no hay forma de evitarlo.
Afortunadamente, hay muchos recursos que pueden ser útiles antes de tener que ir a ver a un programador en busca de ayuda. Aquí en MUO, amamos el diseño web y abordamos el tema a menudo, como la reseña de Ann's Firebug. Guía del aficionado para personalizar el diseño del sitio web con FireBug Guía del aficionado para personalizar el diseño del sitio web con FireBug Leer más, mi crítica de Kompozer o la lista de Steve de grandes blogs de diseño web seguir 6 mejores blogs de diseño web para seguir 6 mejores blogs de diseño web para seguir Leer más.
Un sitio en particular que proporciona una lista completa de herramientas de diseño web realmente útiles que cualquiera puede usar es Mudcu.be.
Mudcu.be Herramientas de diseño web
Mudcu.be es lo que yo llamaría una caja de herramientas básicas para un diseñador web que trabaja con un presupuesto muy reducido (o sin presupuesto). Las herramientas que encontrará en este sitio están muy enfocadas en los gráficos y en 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 deshacer un diseño, por lo que estas son herramientas importantes para tener a mano.
Si usted es una de esas personas que simplemente no tiene el efectivo para disponer de pintura de calidad o software de creación de imágenes, o tal vez está viajando con una pequeña computadora portátil o netbook y necesita una solución de edición de imágenes basada en la web. Una herramienta en Mudcu.be que puede ayudar es el Sketchpad.
La herramienta Sketchpad le permitirá fabricar prácticamente cualquier imagen que desee en una herramienta web que no difiere de Windows Paint. Sin embargo, después de usar Sketchpad por un tiempo, realmente sentí que era mucho más fácil de usar y mucho más flexible que Windows Paint. Cuando haya terminado, simplemente haga clic en la imagen del pequeño disco en la parte superior, y puede guardar la imagen que acaba de crear en su computadora. Es fácil.
Ahora, en mi opinión, las herramientas más geniales que Michael Deal ofrece en su sitio son la selección COLRD de herramientas de gradiente de color. Estas son una serie de herramientas de paleta de colores que le permiten ajustar cuidadosamente los elementos de color para obtener el tono exacto del color que necesite. Ajusta el tono, la saturación y la luminancia, y ajusta los niveles de rojo, verde y azul, y puede elegir de la caja de colores similares de la derecha si lo desea. Cuando hayas terminado, el código de color del tono que creaste aparece en la lista justo encima de los controles deslizantes.
La serie de herramientas de COLRD incluye aplicaciones web similares a la anterior. El menú "Crear" le permite elegir desde la herramienta de Color de arriba, o puede ir con Paleta, Degradado o Imagen de ADN.
Las otras herramientas son autoexplicativas, pero Image DNA realmente vale la pena mencionarlo. Con esta herramienta, puede abrir cualquier imagen que pueda tener en su computadora, y luego usar la herramienta para identificar los colores dentro de la foto.
La belleza de una herramienta como esta es que si planeas utilizar ciertas imágenes en tu página web, esta aplicación web te permite identificar los colores que puedes usar en tu página web que combinen perfectamente con los colores dominantes en tu foto. Esto puede ayudar a los diseñadores web aficionados a superar el problema muy común de los choques de color en una página web: convertir lo que podría ser un diseño decente en un sitio web atroz.
Hablando de sitios web atroces, en este día y época, ¿por qué diablos la gente todavía tiene antecedentes desagradables que parecen sacados de la década de 1990? Una vez que tenga los colores e imágenes de su sitio web ordenados con las herramientas anteriores, puede pasar al generador de fondo.
Esta aplicación web te permitirá elegir entre una larga lista de "texturas" para tu fondo. Algunos de ellos pueden parecer cursis si no lo tratas bien, pero muchos se ven muy bien si usas las selecciones Gradient para afinar el tono de color para que se vea bien con tus imágenes y colores de página web. Una vez que haya terminado, simplemente haga clic en el botón "Generar CSS" y se generará el código CSS para usted. No es mucho más fácil que eso.
La herramienta incluso viene con una función de "simulador", donde puede probar el fondo en su página web antes de implementarlo realmente. Esto es lo que parece cuando ejecuto el simulador en Google.com.
A Michael le encanta el color, y ninguna herramienta muestra esto más que su Color Sphere. La forma en que lo describe en el sitio web, la esfera de color se supone que le permite "visualizar las armonías de color" con las fórmulas que se le ocurrió. En realidad es bastante impresionante porque le permite comenzar con una determinada selección de color, por ejemplo rojo, y luego descompone su color de elección en un degradado de otros colores que fluyen en "armonía". Estos serían los colores con los que te gustaría quedarte en tu sitio web para asegurarte de que todos los colores funcionen bien juntos.
Solo jugando con Color Sphere por un tiempo, tengo que decir que aunque no sé qué fórmulas usa, las elecciones de colores realmente funcionan bien juntas.
Otra de las aplicaciones de Michael que vale la pena mencionar es en realidad una aplicación de Appspot llamada Daltonize. Esta es una herramienta realmente impresionante que le permite identificar el tipo de daltonismo que tiene, y luego usar esa selección para permitir que su navegador le muestre páginas web en un formato que tenga en cuenta su daltonismo.
Después de instalar el marcador en su navegador, siguiendo las instrucciones, verá un icono de globo en su barra de herramientas (al menos en Chrome). La configuración de Daltonize le permitirá identificar las deficiencias de visión del color cada vez que abra el navegador, y también puede cambiar la selección del tipo de daltonismo en cualquier momento.
Así es como se ve la página resultante cuando usa el filtro de ceguera de color. Si no eres daltónico, la imagen siguiente mostrará mi blog, que normalmente tiene un tono naranja para los lados del encabezado y el color del icono, como un color púrpura brillante. Parece que también teñido 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, así que si lo tuyo es el color, o si estás buscando formas de incorporar mejor el color en tu diseño web, este sitio es una visita obligada.
¿Alguna vez has luchado con los colores en tus esfuerzos de diseño web? ¿Qué herramientas o técnicas usas para unir las cosas? ¡Comparte tus pensamientos y puntos de vista en la sección de comentarios a continuación!
Crédito de la imagen: diseño web Via Shutterstock