André Saad

Inputs de texto são componentes fundamentais na interação do usuário com a interface, por isso é importante construirmos da melhor forma.

Se liga nessas dicas desse post para não ter mais dúvidas na hora de construir os inputs dos seus projetos!

———

💡 não esquece de salvar para usar no seu projeto.

———

Fala Galera! 🤙 Tudo bem com vocês?

O Figma nesses últimos tempos tem lançado vários updates, mas dessa vez eles foram além! A edição deste ano do Config Figma revelou muitas mudanças que facilitarão nosso trabalho diário, e nesse post eu destaquei as funcionalidades que eu achei mais importante.

Espero que tenha gostado do post!

———

💡 não esquece de salvar para usar no seu projeto.

———

Quer organizar com mais facilidade e rapidez o design system dos seus projetos? Então vem conferir esses 3 plugins de Figma que tenho certeza que vão te ajudar!

———

💡 não esquece de salvar para usar no seu projeto.

———

Fala galera, tudo bem?
O assunto do post de hoje é sobre o sobre o um tema um pouco técnico mas vai ajudar bastante gente que esta ai trabalhando no seu projeto.

Você já ouviu falar no grid de 8pts? Para começar, o grid é um recurso onde usamos linhas (geralmente verticais e horizontais) para organizar os elementos de forma harmônica e padronizada. O 8pt grid é quando usamos múltiplos de 8 para definir tanto o espaçamento, quanto o tamanho dos elementos da página como ícones, Imagens, Fontes, etc.

Eu criei um video bem legal lá no meu canal (link na bio) aonde explico tudo sobre o grid de 8pts pra você testar no seu projeto e não se esquece de dar aquele feedback maneiro!

Eu acredito que usar ilustrações nos projetos acaba dando um visual único. Eu sempre gostei de desenhar desde pequeno e toda vez que tenho oportunidade tento adicionar ilustrações nos projetos que estou trabalhando.

Em algumas vezes devido a prazo, eu tenho a liberdade pra usar mas não tenho tempo pra fazer, então decidi montar uma curadoria de alguns sites que disponibilizam ilustrações bem legais.

Se liga ai em! Dica de ouro.

———

💡 não esquece de salvar para usar no seu projeto.

———

O Design System é praticamente a alma do seu produto, ele é uma biblioteca com todos os elementos da empresa, desde marca e posicionamento até os componentes. Eu uso o Figma para criar parte do Design System dos meus projetos, e consegui separar alguns Design Systems de empresas mundialmente conhecidas para vocês explorarem e entenderem como funciona.

Pode procurar lá no Figma Community que você vai achar.

———

💡 não esquece de salvar para usar no seu projeto.

———

Através do User Flow conseguimos ter contato com a experiência do nosso usuário tentando completar uma tarefa em nosso projeto. Com ele, conseguimos organizar os passos que o usuário irá seguir para realizar um objetivo

Se liga nessa dica para facilitar o mapeamento do seu projeto e garantir que ele atenda todos os objetivos. Com certeza isso vai te ajudar a validar todas as etapas e identificar possíveis falhas no processo.

Então, o assunto do post de hoje vai ser relacionado a uma pergunta que eu venho recebendo com frequência, muita gente me pergunta se é possível conseguir alguma vaga de product design no exterior estando no Brasil. E ai, você acha que é possível? Sim, não... Talvez?

Pra isso eu criei um video mostrando 3 formas de buscar vagas no exterior pra tirar essa dúvida de uma vez por todas. Corre lá no meu canal (link na bio) e me fala o que achou.

As cores em código HEX, que significa hexadecimal, é muito utilizado no dia a dia de designers e desenvolvedores. Ele se trata de um código de 6 caracteres para definir a cor.

Se liga nessas informações para entender um pouco mais de como esse código funciona!

Quer deixar seus projetos mais personalizados de forma rápida e fácil? Então se liga nessa dica e vem descobrir onde encontrar as melhores bibliotecas de ícones para deixar seu projeto ainda mais maneiro!

Se tem uma coisa que nós designer gostamos é de ferramentas, eu mesmo já troquei e testei milhões delas.

Após 10 anos trabalhando com Product Design essas são as ferramentas que não saem da minha vida.

E ai quais são as suas?

———

💡 não esquece de salvar para usar no seu projeto.

———

O Handoff é uma das partes mais importantes em um projeto de UX. Ele consiste na fase onde você, Designer, prepara o arquivo para ser entregue para um time de Desenvolvedores.

Se liga nesse post que eu dou algumas dicas cruciais que vão com certeza te ajudar nesse processo.

———

💡 não esquece de salvar para usar no seu projeto.

———

Quem ai já teve bloqueio criativo e passou por aquele momento onde teve dificuldade para iniciar ou concluir um projeto? Isso é normal, muitas vezes ficamos empacados em alguma etapa, sem ter novas ideias, ou até mesmo sem conseguir sair do zero.

Quer saber como eu faço para sair desse bloqueio? Então corre lá pro Youtube e assiste meu novo vídeo! Nele divido com vocês os 5 principais sites que me mantêm sempre inspirado.

Aproveita e me conta aqui nos comentários o que te ajuda a sair desse bloqueio e os sites que você usa para se manter inspirado.

Os plugins do Figma são ótimas ferramentas que ajudam criar projetos de forma mais personalizada e eficiente. Confira aqui alguns destes plugins que eu considero essenciais para usar no seu dia a dia.

Conta aqui nos comentários se você conhece ou já usa alguns desses plugins. Curta essa dica e compartilhe com seus amigos que também utilizam o Figma :)

———

💡 não esquece de salvar para usar no seu projeto.

———

Os botões são elementos importantes no desenvolvimento de um projeto. Além de guiar o usuário, ele também é responsável por comandar ações importantes dentro de uma interface.  

Venha conferir essas dicas para não ter mais dúvidas na hora de criar os botões nos seus projetos!

———

💡 não esquece de salvar para usar no seu projeto.

———

Quer saber como o Design me trouxe aqui pro Canadá? Então é só conferir meu vídeo no YouTube! Compartilhei lá minha experiência de como vim parar aqui, através de uma proposta de trabalho.

Corre lá pra saber quais foram os fatores que me ajudaram a conseguir essa oportunidade!

Para iniciar a sua carreira em UI Design é muito importante que você saiba por onde começar. Aqui vão minhas dicas fresquinhas pra você. 🧑‍🍳
———
💡 não esquece de salvar para usar no seu projeto.
———
ign

Para iniciar a sua carreira em UI Design é muito importante que você saiba por onde começar. Aqui vão minhas dicas fresquinhas pra você. 🧑‍🍳

———

💡 não esquece de salvar para usar no seu projeto.

———

Quer aprender criar gráficos no Figma facilmente? Se liga nessa dica!

Conheça o Chart, esse plugin permite que você crie gráficos personalizados de forma rápida e prática.

———

💡 não esquece de salvar para usar no seu projeto.

———

Quer saber o quanto um Product Design/UX Designer ganha aqui no Canadá? Então é só conferir meu novo video lá no canal do YouTube (Andre Saad - Link na bio) onde mostro diferentes salários em algumas províncias daqui.

O contraste das cores é um fator crucial no UI Design. Ele nos permite atrair a atenção e nos ajuda a mostrar as diferenças ou pontos relevantes dentro do nosso projeto. Com essa dica nunca foi tão fácil testar se as cores escolhidas estão em harmonia.

———

💡 não esquece de salvar para usar no seu projeto.

———

Na hora de escolher as cores do seu projeto, muitas vezes e interessante adicionar gradientes para dar um visual único.

Agora com essas dicas nunca foi tão fácil criar o seu.

———

💡 não esquece de salvar para usar no seu projeto.

———

Para ser um bom designer de produto você deve ter um grid layout que se encaixe no seu grid. Criei um video lá no meu canal (Andre Saad) mostrando como criar um grid responsivo no Figma.

Na hora de criar o visual do seu projeto uma das coisas mais importantes são as cores. Elas vão determinar a sensibilidade e a alma do seu projeto.

Sempre quando vou criar algo eu uso um desses 3 sites para gerar paletas de cores.

———
💡 não esquece de salvar para usar no seu projeto.
———

Na hora de criar o seu projeto e muito importante que você esteja bem inspirado! Esses são os 5 sites que eu uso todos os dias.

———
💡não esquece de salvar pra usar no seu projeto.
———

O Figma tem uma série de plugins que ajuda muito no nosso dia a dia. Eu listei os três top plugins de Figma que eu uso diariamente. E ai, quais são os seus?

————

💡Não esquece de salvar para usar no seu projeto.

————

Escolher a fonte do seu projeto e muito importante, os principais motivos para escolher uma boa fonte são legibilidade e performance. O Google fonts oferece uma variedade de fontes muito boas e ainda por cima gratuitas.

————
💡Não esquece de salvar para usar no seu projeto.
————