Esses termos vêm das diretrizes de acessibilidade chamadas WCAG. Elas ajudam a garantir que as cores que você usa no seu site ou app sejam legíveis para todas as pessoas, incluindo aquelas com deficiências visuais.

🔸 Contraste AA é o nível mais comum e recomendado para a maioria dos projetos. Ele exige que o contraste entre o texto e o fundo seja de, no mínimo, 4.5:1 para textos normais e 3:1 para textos grandes. Assim, o conteúdo fica acessível para a maior parte das pessoas.

🔸 Já o Contraste AAA é ainda mais rigoroso! Ele exige um contraste de 7:1 para textos normais e 4.5:1 para textos grandes, garantindo uma acessibilidade máxima. Mas atenção: alcançar esse nível pode ser um pouco mais difícil, principalmente se você gosta de usar paletas de cores mais ousadas! 🎨

Então, da próxima vez que você estiver escolhendo cores, vale a pena dar uma olhada no contraste que está aplicando. Assim, seu projeto fica bonito e acessível ao mesmo tempo! 💻✨

Agora me conta, você já testou o contraste no seu projeto?

Encontrar o mockup perfeito para um projeto nem sempre é fácil, né? E pior ainda quando encontramos um mockup lindo, mas que não é nada funcional. Frustrante!

Por isso, hoje eu trouxe uma lista de criadores de mockups incríveis no Envato que vão se encaixar em qualquer tipo de projeto. Vem conferir e dar aquele upgrade nas suas apresentações!

@baimstd

@helloDigi

@ekatastudio

@Sizimon-id

@bokuto_studio

@Genetic96

@simuradi

@megostudio

O que achou desses perfis?

Com esses mockups, você vai economizar tempo e garantir que seu projeto tenha uma apresentação impecável e profissional. Explore as opções, adapte conforme seu estilo e leve seus designs para outro nível! 🚀

Hoje, vamos falar sobre mockups. Eles realmente dão aquele toque especial em qualquer projeto, não é? Mas às vezes, encontrar o mockup perfeito pode ser um desafio. Pensando nisso, preparei uma lista de lugares onde você pode encontrar mockups gratuitos!

Mockups Cloud

O Mockups Cloud é um canal no Telegram onde é feita uma curadoria com os melhores Mockups Premium. De designer para designers!

Mockups Cloud

Mr.Mockup

O Mr.Mockup é um site que publica diversos mockups de qualidade para projetos e também tem uma seção gratuita para quem não pode adquirir!

Mr.Mockup

Mockup Cloud

Esse site tem um repositório incrível de mockups, e ainda conta com uma seção gratuita de alta qualidade!

Mockup World

Neste site você encontra uma variedade de mockups que podem ser utilizados em qualquer tipo de projeto!

Mockup World

Unblast

O Unblast é bem parecido com os demais sites, mas ele se diferencia por sua facilidade em visualizar e encontrar seus mockups favoritos.

Unblast

LS Graphics

Aqui você encontra mockups incríveis e ainda tem acesso ao próprio plugin do Figma deles para posicionar os seus mockups do projeto. Caso queira testar a versão paga, eles também apoiam o "power parity" e dão um desconto de 20% nos planos! Demais, né?

LS Graphics

Curtiu os sites?

Então comece hoje mesmo e dê um up nos seus projetos!

Até mais!

A batalha pela atenção dos designers de interação está esquentando! Recentemente, a Lottielab anunciou uma nova função chamada “Interactivity”. Essa nova funcionalidade permite criar animações interativas de forma super intuitiva, tudo em uma única timeline. Diferente de ferramentas como o Rive, onde o processo pode ser mais complexo, o Interactivity permite que você escolha o ponto da timeline a ser executado para cada gatilho (como hovers, cliques, etc.), tornando o processo mais ágil e direto.

A novidade fez tanto barulho que, no mesmo dia, o Rive anunciou uma atualização significativa: agora, contas gratuitas têm arquivos ilimitados! Antes, esse limite era de apenas 3 arquivos. Coincidência? Talvez não! Parece que a competição entre as duas plataformas está mais acirrada do que nunca.

O Lottielab provavelmente vai atrair muitos novos usuários devido à sua facilidade de uso e à baixa curva de aprendizado. Por outro lado, o Rive continua sendo uma ferramenta extremamente poderosa, oferecendo uma gama mais ampla de interações complexas, embora exija mais tempo para dominar.

🔮 O futuro promete muito para o Interaction Design, com essas ferramentas se tornando cada vez mais acessíveis e sofisticadas.

E aí, o que você acha? O Lottielab vai superar o Rive com essas novas funcionalidades? Vamos acompanhar de perto! 🚀

Para saber mais e apoiar o lançamento do Lottielab Interactivity no Product Hunt:

Product Hunt

Se você está sempre em busca de maneiras de aprimorar seu portfólio e se destacar no mercado, tenho uma novidade incrível para você: o Tifólio!

O Tifólio é um site brasileiro super bacana que veio para revolucionar a forma como você apresenta o seu trabalho. Ele oferece uma plataforma intuitiva e poderosa para criar portfólios impressionantes, que realmente mostram o seu talento e habilidades.

O que o Tifólio oferece?

• Facilidade de uso: Com uma interface simples e amigável, você pode montar seu portfólio em poucos cliques, sem complicação.

• Personalização: Ajuste cada detalhe do seu portfólio para refletir sua personalidade e estilo único.

• Recursos Visuais: Adicione imagens, vídeos e animações para deixar seu trabalho ainda mais atraente.

• Conexão com a Comunidade: Compartilhe seu portfólio com outros designers, troque ideias e receba feedback valioso.

Além disso, o Tifólio é ideal tanto para quem está começando quanto para profissionais experientes que querem dar aquele upgrade na apresentação dos seus projetos. 🚀

Então, se você quer causar uma ótima impressão e conquistar aquele job dos sonhos, não perca tempo e confira agora mesmo:

Tifólio

Seja você um iniciante curioso ou alguém procurando aprimorar suas habilidades em UI/UX, este roadmap que desenvolvi vai guiá-lo nessa jornada! Vamos explorar os fundamentos do design centrado no usuário, dominar ferramentas essenciais, e aprender a criar interfaces impressionantes. Pronto para começar? Vamos lá!

1. Entenda o Básico

Para começar, é essencial entender o que são UI e UX. UI é a interface que o usuário interage diretamente, enquanto UX é a experiência geral do usuário ao usar essa interface. Aprender os princípios do design centrado no usuário e familiarizar-se com a terminologia básica são passos cruciais para um bom começo.

2. Domine as Ferramentas de Design

Escolha uma ferramenta de design como Figma ou Sketch. Aprenda a interface, atalhos e funções básicas da ferramenta escolhida. Pratique criando designs simples para se sentir confortável e confiante.

3. Explore a Pesquisa de Usuário

Estude as metodologias de pesquisa de usuário. Aprenda a conduzir pesquisas, entrevistas e testes de usabilidade. Analise os dados coletados para identificar as necessidades e pontos problemáticos dos usuários.

4. Wireframing e Prototipagem

Mergulhe no wireframing: desenhe esboços básicos de layouts e fluxos. Progrida para a prototipagem, criando mockups interativos de seus designs. Use sua ferramenta de design escolhida para dar vida às suas ideias.

5. Princípios de Design Visual

Entenda teoria das cores, tipografia e hierarquia visual. Aprenda a criar interfaces visualmente atraentes e explore como manter a consistência em seus designs.

6. Usabilidade e Testes de Usuário

Explore os princípios de usabilidade e diretrizes de acessibilidade. Conduza sessões de teste com usuários para coletar feedback. Itere seus designs com base nas percepções dos usuários.

7. Design Responsivo e Mobile

Aprenda sobre design responsivo: adaptar interfaces para diferentes tamanhos de tela. Explore os princípios de design mobile-first e pratique a criação de designs otimizados para dispositivos móveis.

8. Colaboração e Feedback

Entenda a importância da colaboração em equipes de design. Aprenda a dar e receber feedback construtivo. Use ferramentas de colaboração em design para agilizar o trabalho em equipe.

9. Construção de Portfólio

Mostre suas habilidades com um portfólio forte. Inclua projetos diversos que demonstrem sua versatilidade. Destaque seu processo de resolução de problemas e design.

10. Aprendizado Contínuo

Siga blogs de design, canais do YouTube e cursos online. Mantenha-se atualizado sobre tendências do setor e tecnologias emergentes. Adote uma mentalidade de crescimento e nunca pare de aprender.

Seguindo este roadmap, você estará no caminho certo para se tornar um UX/UI Designer. Cada passo é uma peça importante do quebra-cabeça, e com dedicação e prática, você criará experiências de usuário incríveis e visuais deslumbrantes. Boa sorte e divirta-se na jornada!

Curated Design

Curated Design é uma verdadeira coleção de tesouros do design web. Ele apresenta uma seleção cuidadosa dos melhores designs da web, tornando fácil encontrar inspiração para seu próximo projeto. É como uma galeria de arte, mas para sites!

One Page Love

One Page Love é o lugar perfeito para quem ama simplicidade e eficácia. Com uma vasta coleção de páginas de aterrissagem, você encontrará desde exemplos minimalistas até os mais elaborados. Ideal para quem busca designs que convertem.

The Component Gallery

The Component Gallery é um paraíso para quem trabalha com sistemas de design. Ele exibe componentes de UI de diferentes sistemas de design, facilitando a busca por inspiração e soluções práticas para seus projetos.

App Motion

Se você adora animações fluídas e criativas, App Motion é o lugar certo. Este site oferece uma coleção incrível de animações de apps que podem trazer vida e dinamismo ao seu design.

Mobbin

Mobbin.com é perfeito para quem trabalha com design de aplicativos. Ele oferece uma vasta biblioteca de capturas de tela de aplicativos populares, ajudando você a se inspirar nas melhores práticas e tendências do mercado.

Rebrand

Rebrand é uma coleção inspiradora de projetos de rebranding. Se você está pensando em dar uma nova cara à sua marca, este site é o lugar certo para ver como outras empresas fizeram suas transformações.

Behance

Behance é uma comunidade vibrante onde designers de todo o mundo compartilham seus trabalhos. Você encontrará portfólios incríveis, projetos inovadores e muita inspiração para qualquer tipo de design.

Freepik

Freepik é um tesouro de recursos gratuitos para designers. Desde vetores e ícones até fotos e templates, você encontrará tudo o que precisa para enriquecer seus projetos sem gastar nada.

Mockup World

Mockup World é o paraíso dos mockups. Com uma vasta coleção de mockups gratuitos e premium, você pode facilmente visualizar como seus designs ficarão no mundo real.

UI8

UI8 oferece uma vasta coleção de UI Kits de alta qualidade. Se você precisa de elementos de interface de usuário prontos para usar, este site é uma mão na roda.

DeviantArt

DeviantArt é uma das maiores comunidades de artistas online. Você encontrará uma vasta gama de ilustrações, gráficos e outros tipos de arte que podem inspirar seus projetos de design.

Awwwards

Awwwards celebra os melhores designs da web. Se você quer ver os sites mais inovadores e bem executados, este é o lugar. A cada visita, você se sentirá inspirado pelas tendências e técnicas mais modernas do design.

Espero que esses sites te ajudem a encontrar a inspiração que precisa! Mas, me conta, quais são os seus sites favoritos na hora de criar? Já conhecia algum desses?

Obrigada por ter lido até aqui e até a próxima!