Contenido
- 01. Repo de sistemas de diseño
- 02. PixelSnap
- 03. Sketch.The.Ripper
- 04. Stackswell
- 05. Fuentes variables
- 06. Facturación por franjas
- 07. CreativeGuild
- 08. Mobbin
- 09. HueSnap
- 10. Eggradients
- Obtenga su boleto para Generate New York
El tema de nuestro resumen de este mes es la velocidad y la eficiencia: algunos de estos herramientas de diseño web hará cosas increíbles para su flujo de trabajo al eliminar tareas tediosas y frustrantes que no tienen nada que ver con el diseño. Tome Stackswell: automatiza todas las partes molestas de hacer un diseño receptivo en Sketch. Otra de nuestras herramientas le acelera las cosas extrayendo y organizando todos los activos de un archivo .sketch.
Además de eso, hay un nuevo y genial producto de facturación de Stripe, una excelente herramienta de red para creativos de Tina Roth Eisenberg y una herramienta fantástica para medir cosas en su pantalla en píxeles.
01. Repo de sistemas de diseño
Si se le ha encomendado trabajar en algunos de los ingredientes del sistema de diseño de su organización, o tal vez incluso crear o codificar el sistema en sí, querrá ponerse al día con los recursos más recientes sobre el tema.
Para ello, Design Systems Repo es tu amigo. Es una colección de libros, artículos, charlas, sitios web, herramientas, sistemas de diseño, bibliotecas de patrones y guías de estilo que puede utilizar para comprender cómo las organizaciones principales y los pensadores líderes están haciendo las cosas.
02. PixelSnap
PixelSnap es una aplicación muy ingeniosa que hace que medir cosas en su pantalla sea mucho, mucho menos molesto. Coloque el cursor entre dos elementos, como una imagen y un encabezado, y automáticamente le indicará la cantidad de píxeles entre ellos. Dibuja un rectángulo alrededor de un elemento y se ajusta a su alrededor y te indica sus dimensiones. Si. Puede medir las cosas tan rápido.
Mira el video en la página de inicio para hacerte una idea. La aplicación tiene un precio de $ 15 y el único inconveniente es que solo está disponible como aplicación para Mac por ahora. Pero si eres un usuario de Mac, es genial.
03. Sketch.The.Ripper
Exportar y preparar activos de Sketch para entregarlos a otro equipo puede ser un verdadero lastre, por lo que la perspectiva de una herramienta que lo haga por usted con un solo clic es bastante emocionante. Sketch.The.Ripper extrae y organiza las pantallas, copia e imágenes rasterizadas de todas las mesas de trabajo en un archivo .sketch y las presenta de manera conveniente. Puede ver un ejemplo de la salida de un archivo copiado aquí.
Esta herramienta está basada en la web, por lo que funciona en cualquier sistema operativo, lo que puede eliminar algunas fricciones de su flujo de trabajo si las personas utilizan sistemas diferentes. Está hecho por Icons8, y puedes leer más sobre él aquí.
04. Stackswell
Stackswell acelera su flujo de trabajo de diseño receptivo al incorporar consultas de medios a Sketch y automatizar el proceso de actualización de estilos y símbolos de tipografía para cada punto de interrupción. En lugar de hacer este trabajo manualmente, cuando ajusta el ancho de una mesa de trabajo, los estilos se actualizan automáticamente.
Stackswell también le ahorra el trabajo de tener que verificar su espaciado vertical para cada punto de interrupción, por lo que obtiene un espaciado consistente con una mínima molestia. Puedes leer más sobre esto en este artículo.
05. Fuentes variables
Las fuentes variables le permiten usar muchos pesos y anchos de fuente diferentes sin tener que incluir un archivo separado para cada uno: incluye un archivo y luego modifica la fuente usando CSS. Es una gran situación porque le permite utilizar la tipografía con su mejor efecto en sus diseños, sin tener que aumentar el peso de su página.
Sin embargo, no todas las fuentes variables son iguales; algunos son más flexibles que otros. Esta herramienta le permite encontrar diferentes fuentes y experimentar con ellas para ver si se adaptan a sus necesidades. Para obtener más información sobre fuentes variables y tener una idea de lo que se puede lograr, pruebe esta demostración.
06. Facturación por franjas
El nuevo producto de facturación de Stripe para empresas en línea ofrece una tercera vía para las empresas que están considerando el dilema de crear o comprar un sistema de facturación (para obtener más información al respecto, consulte nuestro artículo sobre soluciones de tiendas en línea). La API de Stripe Billing se integra fácilmente en un sitio existente y le permite usar bloques de construcción para crear un sistema flexible adaptado a sus necesidades.
Cuando su sistema está configurado, todo se administra desde un panel donde puede estar al tanto de las suscripciones, facturas e informes financieros. También obtiene funciones poderosas como el sistema de pagos global de Stripe, que maneja diferentes monedas y tarjetas de crédito, y los componentes de facturación flexibles que le permiten experimentar con los precios.
07. CreativeGuild
CreativeGuild es un derivado de CreativeMornings, una serie de conferencias mensuales gratuitas fundada por Tina Roth Eisenberg en Brooklyn hace una década. El concepto fue un éxito y ahora hay capítulos de CreativeMornings en más de 185 ciudades de todo el mundo, cada una con su propia comunidad vibrante que nutre e inspira a sus miembros.
CreativeGuild tiene la intención de llevar parte del aspecto de la comunidad en línea para que sea accesible a más personas. Puede pensar que es un poco como LinkedIn, pero para creativos. Existe un directorio de empresas creativas, personas y trabajos, y puede buscar por ubicación para encontrar oportunidades en su ciudad.
08. Mobbin
Mobbin es una galería de diseños de aplicaciones móviles que puede usar para obtener ideas para sus propios proyectos; en lugar de instalar muchas aplicaciones, puede buscarlas en un solo lugar para ver cómo otros están resolviendo problemas de diseño. Se muestran seis pantallas para cada aplicación para que pueda hacerse una idea del recorrido del usuario y el patrón de diseño de cada una. También hay una barra lateral que muestra listas de trabajos.
09. HueSnap
Nunca se sabe cuándo llegará la inspiración; quizás la decoración de un hotel o la luz del parque se sientan como la combinación de colores adecuada para su trabajo. Si eso sucede, puede tomar una foto y usar HueSnap para extraer los colores de la imagen y convertirlos en una paleta.
La aplicación está dirigida al uso móvil, por lo que funciona mejor en su teléfono, y puede guardar y compartir sus paletas con otros. Hay varias funciones que le ayudarán a modificar una paleta, como opciones para elegir colores complementarios y compuestos. Tus paletas pueden tener hasta seis colores cada una.
Para obtener más información, eche un vistazo a nuestro resumen de las mejores herramientas de color para diseñadores web.
10. Eggradients
Quien haya creado esta colección de hermosos degradados tiene un gran ojo para el color y un interesante sentido del humor. Cada degradado se muestra en un recipiente con forma de huevo y se le da un nombre que puede o no relacionarse con los colores de alguna manera. Si hay una relación, no la hemos podido descifrar.
Los nombres de ejemplo incluyen "Inmigrante exitoso" para un degradado turquesa, "Corazón roto de Wozniak" para un azul pálido y "Enemigo misericordioso" para una transición de amarillo a verde.
Obtenga su boleto para Generate New York
Evento líder en diseño web Generar Nueva York está de vuelta. Entre el 25 y el 27 de abril, los oradores principales incluyen a Dan Mall de SuperFriendly, el consultor de animación web Val Head, el desarrollador de JavaScript completo Wes Bos y más. También hay un día de talleres y las mejores oportunidades para establecer contactos, no se lo pierda. Obtenga su boleto Generate ahora.
