25 sites e recursos para designers

CSSBattle

O CSSBattle é um desafio onde você deve replicar designs usando o menor código possível. Novos objetivos são adicionados com frequência para que você possa continuar avançando no ranking.

UX Agenda

UX Agenda é uma compilação de conferências, encontros e workshops em um único local pesquisável. Procure eventos perto de você ou adicione seus próprios eventos UX gratuitamente.

Codetalks.tv

Codetalks.tv é uma coleção das melhores palestras sobre codificação em todo o mundo em um só lugar. Assistir a qualquer um dos vídeos é gratuito. Procure palestras de conferências específicas ou por tópico.

Illustration Gallery

Illustration Gallery é uma coleção de ilustrações isentas de royalties para projetos. Ele é atualizado semanalmente com várias opções de uso pessoal ou comercial em um estilo limpo e moderno.

Neort

Neort (que ainda está na versão beta) é uma galeria de arte digital onde é possível compartilhar obras de arte e como elas foram criadas. Faça o upload do trabalho com uma breve descrição e obtenha feedback de uma comunidade de artistas. Pense nisso como a versão artística do Dribbble.

Geenes

Geenes é uma ferramenta de escala de cores para ajudar a gerar paletas de cores para elementos da interface do usuário e exportar os matizes para o Sketch ou outras ferramentas de programação.

Color Review

Color Review é uma ferramenta para ajudá-lo a testar o contraste entre elementos de cores em um design. Isso pode ajudar a garantir que os elementos de primeiro e segundo plano tenham contraste suficiente para serem lidos com facilidade por todos os usuários e seja uma ótima ferramenta de acessibilidade. Use-o online ou faça o download do aplicativo.

Spider

Spider é uma ferramenta que ajuda a transformar sites em dados organizados sem codificação. Adicione a extensão ao Google Chrome para começar a puxar os dados desejados; basta apontar e clicar para coletar os dados necessários.

Code2Flow

Code2Flow é uma ferramenta para descrever fluxos de trabalho e padrões em um formato fácil (e visual). Crie e construa fluxogramas em segundos e não se preocupe em precisar de ferramentas mais complicadas de arrastar e soltar. E é tudo interativo.

Mosaic

Mosaic é uma biblioteca JavaScript front-end para criar interfaces de usuário. Ela usa um sistema baseado em componentes e possui um tamanho de biblioteca extremamente pequeno.

Humane by Design

Humane by Design é um projeto de Jon Yablonski para fornecer informações sobre o design de produtos digitais eticamente humanos. No site:

“O crescimento exponencial da tecnologia móvel deu início a uma era em que tempo e atenção são recursos cada vez mais escassos. Em vez de a tecnologia aprimorar nossas habilidades como seres humanos, vimos que ela se tornou um veículo para extrair nossa atenção, monetizar nossas informações pessoais e explorar nossas vulnerabilidades psicológicas. Como designers, desempenhamos um papel fundamental na criação dessa tecnologia e é hora de assumirmos a responsabilidade pelo impacto que esses produtos e serviços que construímos estão tendo nas pessoas que devem servir. ”

Outdoor Icon Pack

o Ultimate Outdoor Icon Pack inclui 64 ícones vetoriais editáveis ​​e uma lista de verificação para projetos de aventura. Os estilos de linha plana são modernos e fáceis de usar.

Friendly Faces

Friendly Faces é um gerador de avatar inclusivo. Escolha opções aleatórias ou ajuste detalhes para encontrar um avatar mais parecido com você. Então baixe e compartilhe.

Remix Icon

Remix Icon é um conjunto de ícones de código aberto em uma variedade de categorias. Use-os como parte de um sistema de design consistente ou como elementos independentes.

Asian Adventure Icons

Asian Adventure Icons é um conjunto colorido de 76 ícones planas que representam elementos e cultura asiáticos. Os ícones são fornecidos nos formatos AI, SVG e PNG.

Tutorial: Como criar um editor de síntese de fala

Este ótimo – e detalhado – tutorial da Smashing Magazine ajuda você a entender a lógica por trás da tecnologia que alimenta todos os assistentes de voz em nossas casas. Este guia ajuda a criar um editor “O que você recebe é o que você ouve” para síntese digital de fala.

Tutorial: Como criar imagens de fundo desfocadas e cortadas em CSS

Este tutorial leva você através da criação de efeitos de desfoque sem costura usando filtros CSS. O tutorial inclui instruções escritas e em vídeo e é fácil de seguir.

Tutorial: Tudo que você precisa saber sobre hifenização em CSS

Como você se sente sobre a hifenização na web? Pode ser um assunto um pouco delicado. Este tutorial por Richard Rutter explica dicionários de hifenização para a web e diretrizes relacionadas ao CSS.

Tutorial: Como organizar arquivos em uma agência de design

É uma pergunta antiga: como você organiza arquivos de design? A equipe da agência digital Clay revela seus processos e você pode aprender com seus fluxos de trabalho e estruturas de arquivos.

Generative Poster

O Generative Poster permite ajustar parâmetros e criar um design de pôster abstrato rapidamente. Ajuste os controles para ver as mudanças à medida que elas acontecem e continue ajustando até encontrar o design certo.

Lovely Puppy

Lovely Puppy é uma fonte de exibição leve e alegre para fins infantis ou extravagantes. O download inclui uma dupla de fontes com as versões sans serif e script, além de um conjunto de rabiscos e padrões.

Melvick

Melvick é um fonte display forte e sem serifa. Tem um estilo distinto, com formas de letra verticais e alguns traços desconectados. Esse tipo de letra inclui caracteres maiúsculos e numerais.

Public Sans

Public Sans é um tipo de letra neutra forte para vários usos. A família inclui variações finas, extra leves, leves, regulares, médias, semibold, negrito, extra negrito e preto. Além disso, você pode participar do desenvolvimento no GitHub. O tipo de letra é uma variação do Libre Franklin.

Pulpo

Pulpo é um tipo de letra do estilo Clarendon com o esqueleto do Century Schoolbook. Os extensores mais longos dão ao texto um pouco mais de ar para respirar e melhoram a legibilidade em tamanhos de texto pequenos. Apesar da força e robustez do design, cada forma de letra carrega calor e um eco da mão humana. A familiaridade das formas das letras também oculta alguma nostalgia. A família possui 10 estilos, variando de claro a preto (incluindo itálico) e é ideal para editorial, publicidade e embalagem, bem como design de aplicativos e web. Um corpo enorme combinado com baixo contraste de traço, enfatizando os elementos horizontais, o torna muito adequado na tela e para pequenos tamanhos de texto em papel de jornal.

source https://www.relink.tutoriaisphotoshop.net/25-sites-e-recursos-para-designers/

Escrito por André Sugai

Publicitário, Photoshopista, criador do Tutoriais Photoshop, venceu o prêmio iBest na categoria tecnologia em 2008 e dois prêmios de criatividade da Adobe. Ex-colaborador do Tech Tudo (http://Globo.com), iMasters (UOL) e Revista Photoshop Creative.

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.

Mockup de Folheto Grátis – anúncio de hambúrguer (PSD)

Mockup de lata inclinada grátis (PSD)