Introdução ao UI design

Introdução ao UI design

“Olá! Você chegou ao final do curso. Ao longo do curso contei muitas experiências e sentimentos que envolvem esse maravilhoso mundo da IU, contei como tudo no final do dia se tornou uma experiência gratificante, me levou não só a aprender mais sobre o assunto , mas também, querer saber mais sobre ele todos os dias. Tenho a firme convicção de que esta comunidade está crescendo dia a dia e compartilhar o que sabemos é a chave para alcançar resultados cada vez melhores na IU. É por isso que, em todas as oportunidades, compartilho com vocês tudo o que aprendi ao longo do caminho. Mas, agora é sua hora de começar essa jornada, chegou a hora de começar, seu próprio projeto! Para ajudá-lo ao longo do caminho, compartilho a série de etapas que segui para criar o meu. Vamos a ver! Escolha sua ferramenta Eu mostrei a você uma grande variedade de ferramentas que você pode usar para criar seu projeto. No meu caso, escolhi o Figma, contei alguns dos motivos pelos quais decidi usar esta ferramenta. Mas, você pode usar o que quiser, recomendo que use aquele com o qual se sentir melhor e mais confortável.

Comece seu processo de design! Antes de tomar qualquer estrada, é importante que você saiba o que quer ou aonde quer ir. Eu ensinei que algumas das questões-chave são: compreender o problema e pensar no usuário. Lembre-se de que haverá momentos em que você deverá trabalhar em equipe! Não tenha medo de se comunicar com os programadores, se você tiver uma ideia clara, será mais fácil para eles entenderem você. Seu benchmark Para começar a criar interfaces, mostrei como criar seus benchmarks. Neste caso fiz para o “Freshi”. Mostro como fazer dois tipos, o primeiro levando em consideração os produtos que minha marca já possui e o segundo focado apenas em design. Os wireframes Comecei criando meus wireframes e mostrei como usá-los para materializar nossas ideias. Recomendo que você sempre tenha em mente a frase: “O que eu quero comunicar?” Pense na estrutura e nas informações! Não precisa ser perfeito, você pode começar como eu fiz, pegando um lápis e papel. Então você terá tempo para aperfeiçoá-los. Algumas letras aqui e outras letras ali Selecionei a fonte para o meu projeto levando em consideração questões como tamanho, peso e até mesmo os tipos de texto. Mencionei a importância da harmonia e como alcançá-la com a tipografia, já que ela define 80% dela. Os layouts Comecei projetando os modelos de caixa e mostrei como usá-los para otimizar espaços. Também gerei as hierarquias necessárias para nosso site responsivo. Como usar cores? Usei cores RGB para depois poder escolher as cores mais adequadas para meu projeto, para definir minha paleta de cores. Lembre-se de que as cores digitais funcionam de forma diferente, portanto, é importante que você sempre faça isso levando em consideração as cores RGB. Os ícones Procure os ícones apropriados para o meu projeto, levando em consideração que são todos da mesma família. Os ícones podem dizer mais de mil palavras, é importante que você não desista da busca até encontrar as melhores. Faça seus botões! Eu mostrei como criar os botões apropriados. Faça o meu levando em consideração se você deseja que sejam botões primários, secundários ou terciários. Listas e cartões Finalmente fiz as listas de alguns produtos que compartilham certas características. Também fiz alguns cartões, certificando-se de que contenham tudo o que é necessário para comunicar as informações que preciso enviar ao usuário. Projete seu login! Fiz os logins do meu projeto, tanto para o computador quanto para a[/i] mobile . E pronto, você já tem seu site responsivo! Sempre que você inicia um projeto, recomendo que se pergunte constantemente "por que", isso será de grande ajuda para identificar se o que você deseja criar resolve algum problema. O melhor conselho que lhe posso dar é que mantenha sempre viva a sua curiosidade, desta forma poderá estar sempre a aprender, a saber e se sentirá mais confortável para começar uma nova aventura. É um grande prazer compartilhar com vocês este novo curso, espero que tenha ajudado a criar todas as ideias em sua mente ou simplesmente a esclarecer algumas dúvidas. Não se esqueça de compartilhar o resultado do seu projeto final! Um grande abraço do Peru! 🇵🇪 ”

Transcrição parcial do vídeo

“Olá. nesta lição faremos uma breve revisão do que foi visto no curso. Na primeira unidade. falamos sobre a mentalidade que um Designer de UI deve ter e como o aprendizado contínuo nessa carreira é essencial. Em seguida. ensinei o processo de design de um produto digital e mostrei as ferramentas que você pode usar. o Figma. Sketch ou Adobe XD para iniciar seus projetos. Depois. falamos sobre inspiração. o benchmarking e a importância dos Y-Friends. Dedicamos duas unidades para discutir os conceitos que todo designer deve saber. como tipografia. cor. layout e ícones. Também falamos sobre como...”

Esta transcrição é gerada automaticamente, portanto pode conter erros.

Resumo do curso: Introdução ao UI design

• Nível: Iniciante
• 95% avaliações positivas (340)
• 11008 alunos
• 6 unidades
• 21 aulas (2h 30m)
• 1 download

• Categoria

  Web e App Design

• Áreas

  Design, Design de apps, Design interativo, Mobile Design, Web Design