Contente
- 01. Design Systems Repo
- 02. PixelSnap
- 03. Sketch.The.Ripper
- 04. Stackswell
- 05. Fontes variáveis
- 06. Stripe Billing
- 07. CreativeGuild
- 08. Mobbin
- 09. HueSnap
- 10. Eggradients
- Compre seu ingresso para Generate New York
O tema do nosso resumo deste mês é velocidade e eficiência: alguns deles ferramentas de web design fará coisas incríveis para o seu fluxo de trabalho, eliminando tarefas tediosas e frustrantes que não têm nada a ver com design. Pegue Stackswell - ele automatiza todas as partes irritantes de fazer design responsivo no Sketch. Outra de nossas ferramentas acelera as coisas para você, extraindo e organizando todos os recursos de um arquivo .sketch.
Além disso, há um novo produto de faturamento legal da Stripe, uma ótima ferramenta de rede para criativos de Tina Roth Eisenberg e uma ferramenta fantástica para medir coisas em sua tela em pixels.
01. Design Systems Repo
Se você foi encarregado de trabalhar em alguns dos ingredientes para o sistema de design da sua organização, ou talvez até mesmo construir ou codificar o próprio sistema, você vai querer se atualizar com os recursos mais recentes sobre o assunto.
Por isso, Design Systems Repo é seu amigo. É uma coleção de livros, artigos, palestras, sites, ferramentas, sistemas de design, bibliotecas de padrões e guias de estilo que você pode usar para obter uma compreensão de como as principais organizações e pensadores líderes estão fazendo as coisas.
02. PixelSnap
PixelSnap é um aplicativo muito bacana que torna a medição de coisas em sua tela muito, muito menos irritante. Coloque o cursor entre dois elementos, como uma imagem e um título, e ele informa automaticamente o número de pixels entre eles. Desenhe um retângulo ao redor de um elemento e ele se encaixará em torno dele e informará suas dimensões. sim. Você pode medir as coisas tão rapidamente.
Confira o vídeo na página inicial para ter uma ideia. O preço do aplicativo é de US $ 15, e a única desvantagem é que ele só está disponível como um aplicativo para Mac por enquanto. Mas se você é um usuário Mac, isso é ótimo.
03. Sketch.The.Ripper
Exportar e preparar recursos do Sketch para entregá-los a outra equipe pode ser uma chatice, então a perspectiva de uma ferramenta que faça isso por você com um clique é bastante empolgante. Sketch.The.Ripper extrai e organiza as telas, copia e rasteriza imagens de todas as pranchetas em um arquivo .sketch e as apresenta de maneira conveniente. Você pode ver um exemplo da saída de um arquivo extraído aqui.
Esta ferramenta é baseada na web, portanto, funciona em qualquer sistema operacional, o que pode remover alguns atritos do seu fluxo de trabalho se as pessoas estiverem usando sistemas diferentes. É feito por Icons8, e você pode ler mais sobre isso aqui.
04. Stackswell
Stackswell acelera seu fluxo de trabalho de design responsivo trazendo consultas de mídia para o Sketch e automatizando o processo de atualização de estilos de tipo e símbolos para cada ponto de interrupção. Em vez de fazer este trabalho manualmente, ao ajustar a largura de uma prancheta, os estilos são atualizados automaticamente.
Stackswell também poupa você do trabalho de verificar o espaçamento vertical para cada ponto de interrupção, para que você obtenha um espaçamento consistente com o mínimo de aborrecimento. Você pode ler mais sobre isso neste artigo.
05. Fontes variáveis
As fontes variáveis permitem que você use muitos pesos e larguras de fonte diferentes sem ter que incluir um arquivo separado para cada uma: você inclui um arquivo e depois modifica a fonte usando CSS. É uma ótima situação porque permite que você use a tipografia da melhor maneira possível em seus designs, sem ter que aumentar o peso da página.
Nem todas as fontes variáveis são iguais; alguns são mais flexíveis do que outros. Essa ferramenta permite que você encontre fontes diferentes e faça experiências com elas para ver se elas atendem às suas necessidades. Para mais informações sobre fontes variáveis e para ter uma ideia do que pode ser alcançado, experimente esta demonstração.
06. Stripe Billing
O novo produto de faturamento do Stripe para negócios online oferece uma terceira maneira para empresas que consideram o dilema de construir ou comprar um sistema de faturamento (para mais informações, dê uma olhada em nosso artigo sobre soluções para lojas online). A API Stripe Billing se integra facilmente a um site existente e permite que você use blocos de construção para criar um sistema flexível feito sob medida para suas necessidades.
Quando o seu sistema é configurado, tudo é gerenciado a partir de um painel de controle onde você pode acompanhar as assinaturas, faturas e relatórios financeiros. Você também obtém recursos poderosos, como o sistema de pagamentos globais do Stripe, que lida com diferentes moedas e cartões de crédito, e os componentes de faturamento flexíveis que permitem experimentar preços.
07. CreativeGuild
CreativeGuild é um spin-off do CreativeMornings, uma série de palestras mensais gratuitas fundada por Tina Roth Eisenberg no Brooklyn há uma década. O conceito foi um sucesso e agora existem filiais CreativeMornings em mais de 185 cidades em todo o mundo, cada uma com sua própria comunidade vibrante que nutre e inspira seus membros.
O objetivo do CreativeGuild é trazer um pouco do aspecto da comunidade online para que seja acessível a mais pessoas. Você pode pensar nisso como um pouco como o LinkedIn, mas para criativos. Há um diretório de empresas, indivíduos e empregos criativos, e você pode pesquisar por localização para encontrar oportunidades em sua cidade.
08. Mobbin
Mobbin é uma galeria de designs de aplicativos móveis que você pode usar para obter ideias para seus próprios projetos - em vez de instalar muitos aplicativos, você pode navegar por eles em um lugar para ver como outros estão resolvendo problemas de design. Seis telas para cada aplicativo são exibidas para que você possa ter uma ideia da jornada do usuário e do padrão de design de cada um. Também há uma barra lateral exibindo listas de empregos.
09. HueSnap
Você nunca sabe quando a inspiração vai atacar; talvez a decoração de um hotel ou a luz do parque sejam o esquema de cores certo para o seu trabalho. Se isso acontecer, você pode tirar uma foto e usar o HueSnap para extrair as cores da imagem e transformá-las em uma paleta.
O aplicativo é voltado para o uso móvel, então funciona melhor no seu telefone e você pode salvar e compartilhar suas paletas com outras pessoas. Existem vários recursos para ajudá-lo a modificar uma paleta, como opções para escolher cores complementares e compostas. Suas paletas podem ter até seis cores cada.
Para saber mais, dê uma olhada em nosso resumo das melhores ferramentas de cores para web designers.
10. Eggradients
Quem quer que tenha montado essa coleção de lindos gradientes tem um ótimo olho para as cores e um interessante senso de humor. Cada gradiente é exibido em um recipiente em forma de ovo e recebe um nome que pode ou não estar relacionado às cores de alguma forma. Se existe uma relação, não conseguimos decifrá-la.
Os nomes de exemplo incluem 'Imigrante de sucesso' para um gradiente turquesa, 'Coração partido de Wozniak' para um azul claro e 'Inimigo misericordioso' para uma transição de amarelo para verde.
Compre seu ingresso para Generate New York
Evento líder de web design Gerar Nova York está de volta. Ocorrendo entre 25 e 27 de abril, os palestrantes principais incluem Dan Mall da SuperFriendly, o consultor de animação da web Val Head, o desenvolvedor de JavaScript full-stack Wes Bos e muito mais Também há um dia de workshops e oportunidades de networking - não perca. Obtenha seu tíquete do Generate agora.
