Criação de UI Kits com Sketch

Criação de UI Kits com Sketch

“Ei que bom, você chegou ao final do curso, espero que tenha gostado de tudo que te ensinei! Agora você sabe tudo que precisa para criar seu próprio UI Kit. Ao longo do curso, mostrei o processo que sigo para fazer o meu sob o conceito de um aplicativo de música. Agora é sua vez e você está pronto para realizar seu próprio projeto. Deixe sua imaginação voar! Crie um UI Kit para qualquer aplicativo que você possa imaginar, ou se você já tem um projeto no horizonte, eu recomendo fazê-lo nesse mesmo. O que você acha se dermos uma breve revisão das etapas a seguir para tornar mais fácil para você fazer isso? Qual produto? Explore e analise um produto que já está no mercado, ou seja, já lançado, pois assim você terá um ponto de partida avançado e será mais fácil trabalhar no seu UI Kit.

As primeiras configurações Depois de ter o produto pronto, você pode começar a trabalhar com as configurações como cores, fonte e grades de seu UI Kit. Dê a ele as configurações necessárias para que tenha a aparência o que você quer! Conjunto de ícones Unifique o conjunto de ícones que você usará em seu design. Lembre-se de dar o seu toque pessoal, isso sempre adiciona mais ao seu projeto, se a sua ideia é mostrá-lo para um cliente com certeza vai te dar um diferencial. Os componentes Comece criando os componentes mais simples, como botões, entradas , ícones, chips e assim por diante. Continue com o resto dos componentes, quero dizer, os cartões , navbar , menus, listas e seus cabeçalhos . Não se esqueça de criar várias variações de você mesmo para que possa escolher a que mais gosta no final. Crie suas telas e apresente seu Kit de IU Depois de ter todos os componentes prontos, você pode começar a unificá-los e começar a trabalhar nas telas de seu aplicativo. Assim que suas telas estiverem prontas, prepare-se para apresentar seu UI Kit. Lembre-se de que a forma como você o apresentará será muito importante, pois isso abrirá as portas para você com seus clientes. Portanto, recomendo que você crie alguns exemplos de uso em algumas telas principais. Lembre-se de enfatizar os componentes que você considera mais importantes e criar uma biblioteca no Sketch com seus componentes para que você possa atualizá-los posteriormente, isso será muito útil no futuro quando você quiser utilizá-los em outros projetos. Pronto, você já tem seu UI Kit! Não se esqueça de compartilhar o resultado final do seu projeto no fórum, desta forma manteremos contato e poderei dar feedback mais breve possível. Convido você a observar também o trabalho de seus colegas e, acima de tudo, se você tiver algum tipo de dica compartilhe com a comunidade. Eu estarei ansioso para ver o que você criou. Vejo você no fórum! ”

Transcrição parcial do vídeo

“Projeto final Vamos fazer um resumo do que foi visto ao longo do curso. Falei sobre como comecei a criar produtos digitais e os projetos em que desenvolvi de uma forma profissional e pessoal. Então eu compartilhei algumas influências e, antes de trabalhar, conversamos sobre o projeto final. Abordamos conceitos básicos, como o que é um UI Kit e os benefícios de ter um. Mostrei minha metodologia ao criar componentes dentro do Sketch. Analisamos nosso projeto e quais componentes ele teria. Definimos nosso "look and feel" selecionando as cores, a fonte grade e ícones que aplicamos posteriorment...”

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

Resumo do curso: Criação de UI Kits com Sketch

• Nível: Iniciante
• 91% avaliações positivas (23)
• 631 alunos
• 5 unidades
• 17 aulas (3h 1m)
• 11 downloads

• Categoria

  Web e App Design

• Softwares

  Sketch

• Áreas

  Desenvolvimento de apps, Desenvolvimento Web, Design de apps, Design interativo, Mobile Design, UX / UI, Web Design