8 herramientas que necesitará un diseñador web

2024 Autor: Malcolm Clapton | [email protected]. Última modificación: 2023-12-17 03:53

Screensiz.es

Screensiz.es es un sitio que puede ayudarte a encontrar fácilmente las dimensiones físicas, resolución de pantalla, relación de aspecto y muchos otros parámetros de las pantallas de los modelos más comunes de smartphones, tabletas y monitores. Toda la información se presenta de forma sencilla y comprensible: en forma de tabla. Hay docenas de diferentes dispositivos Android, tabletas, incluidos BlackBerry Playbook, Microsoft Surface Pro y Barnes & Noble Nook. Para dispositivos menos comunes, encontrar la información que necesita también es bastante fácil. Screensiz.es también ofrece una clasificación de popularidad de dispositivos basada en las estadísticas de búsqueda de Google y una serie de otros criterios.

Patrones sutiles

Subtle Patterns ofrece una amplia gama de patrones de fondo que puede utilizar como fondo para sus sitios web. Los patrones simples pero agradables satisfarán los gustos de los aficionados al diseño minimalista que quieren algo más que un fondo blanco liso. Una de las mejores características del sitio es una vista previa de cómo se verá cualquier patrón en su sitio. Cabe señalar que todos los patrones se proporcionan a su disposición de forma gratuita.

Tipo perdido

¿Recuerda la fuente que vio en su sitio favorito? Existe una buena posibilidad de que esta fuente se haya tomado del sitio Lost Type, que reúne a muchos diseñadores que ponen su trabajo allí a la venta a un precio de pago-lo-que-quieras. Quizás, Lost Type se pueda atribuir a la lista de sitios que todo diseñador (y no solo) debería conocer. No hay muchos lugares en la web donde pueda obtener una fuente única de alta calidad y no pagar mucho dinero por ella.

boligrafo rojo

Red Pen te permite resolver una tarea muy importante de manera simple y rápida, como ningún otro sitio. Arrastra tu trabajo gráfico o diseño a una ventana especial en el sitio y el servicio te brinda un enlace único que puedes publicar en las redes sociales. Al hacer clic en este enlace, cualquiera puede hacer clic con el mouse en un lugar arbitrario y dejar allí sus comentarios y observaciones sobre lo que ve. Una herramienta indispensable para obtener comentarios rápidos de la audiencia más amplia.

Grifo de patrón

Pattern Tap no es una herramienta en el sentido tradicional de la palabra, pero sin duda será útil para un diseñador. El propósito de Pattern Tap es inspirarte con ideas para varios elementos de las páginas web. Por ejemplo, el sitio contiene una gran lista de páginas 404 de ejemplo, reproductores de audio, botones, rutas de navegación y más. Si te quedas sin inspiración, mirar las diversas encarnaciones de una idea puede llevarte en la dirección correcta. tener una amplia gama de ideas al alcance de la mano, reunidas en un sitio, es mucho mejor que navegar sin cesar por la Web, examinando toneladas de información visual. Pattern Tap también te permite buscar por criterios como colores, estilos y tipos de elementos.

Fuente blokk

El nombre Blokk habla por sí solo. A menudo, al diseñar diseños, el diseñador debe demostrar su plenitud con el texto, lo que a menudo conduce a un esfuerzo adicional innecesario. Está claro que puede usar algún tipo de generador de texto al estilo Lorem Ipsum, pero también hay una solución más elegante. La fuente Blokk transforma el galimatías escrito desde el teclado (fywalge) en algo delgado y hermoso. En lugar de frases latinas sin sentido, obtienes líneas delgadas que imitan líneas de texto.

Conjunto de iconos por Brankic1979

Un maravilloso conjunto de iconos gratuitos, perfecto para el diseño de aplicaciones, sitios web y otros proyectos. Desde números hasta engranajes y micrófonos, este conjunto contiene más de 350 elementos, y seguramente encontrará algo que valga la pena en él. Lo principal es que los iconos son gratuitos tanto para uso personal como comercial.

Color por Hailpixel

Por supuesto, no hay escasez de selectores de color. Esta es una de las herramientas que un diseñador debe tener siempre a mano, y definitivamente vale la pena prestarle atención a Color by Hailpixel. El sitio web se abrirá y le mostrará una pantalla en blanco con un solo enlace negro (# 000000). A medida que mueve el cursor por la pantalla, verá cómo cambia el color de fondo y la ventana del centro mostrará el código hexadecimal correspondiente de este color. Al hacer clic con el mouse, se creará una franja del color actual con el valor numérico de este color. Por lo tanto, con los movimientos del mouse, puede recopilar una paleta de los colores deseados para su uso posterior. Al hacer clic en el "engranaje" ubicado en cada tira guardada, aparecerá un panel con la configuración de ese color, donde puede establecer con mayor precisión los valores RGB y HSL. Una maravillosa herramienta.

¿Tiene sus propias herramientas en línea favoritas? Háznoslo saber en los comentarios.