UI - Construindo Style Guides

Find Design, Technology, Business and Innovation Videos, Books, Schools, Teachers, Events, Companies, Courses, Colleges, Articles, Podcasts: https://coletividad.org

Coletividad

<H2 CLASS="jp jq bj jr b js jt ju jv jw jx jy jz ka kb kc kd ke kf kg kh gv cg">Visite Empresas &amp; Encontre Videos, Livros, Escolas, Professores, Eventos, Cursos, Faculdades, Meetups, Bootcamps, Artigos, Podcasts de Design, Tecnologia, Negócios e Inovação.</H2>
<H2 CLASS="jp jq bj jr b js jt ju jv jw jx jy jz ka kb kc kd ke kf kg kh gv cg"><A CLASS="by cv my mz na nb" HREF="https://coletividad.org" TARGET="_blank" DATA-MSYS-CLICKTRACK="0" REL="nofollow noopener noreferrer"><STRONG CLASS="jr ll">https://coletividad.org</STRONG></A></H2>
<P><BR></P>
<HR>
<H2><BR><BR></H2>
<H2>Neste nosso 101º curso<BR></H2>
<P>Nós vamos entender a importância do Style Guide para produtos digitais e construir um documento off-line dos seus elementos básicos com a Fernanda Oliveira.</P>
<P><BR></P>
<P><A HREF="https://www.facebook.com/COLETIVIDAD/videos/1609061775826568/" TARGET="_blank" DATA-MSYS-CLICKTRACK="0" REL="nofollow noopener noreferrer"><IMG ALT="Assista o vídeo com a Fernanda de Oliveira" SRC="https://i.imgur.com/tWIaGDb.gif"></IMG></A></P>
<H3>Tags</H3>
<P>Design; UI; Marca; Estilo; Interface; Usabilidade; Style Guide; Identidade; Tipografia</P>
<P><BR></P>
<H3>Aprenda:</H3>
<OL>
<LI>
<P>O que é um Style Guide e por que é importante construi-lo</P>
</LI>
<LI>
<P>A importância do Style Guide na orientação de clientes, do time e dos desenvolvedores</P>
</LI>
<LI>
<P>A diferença entre a Versão Offline x Versão Live na construção do Guia e qual usar em seu projeto</P>
</LI>
<LI>
<P>Pensar e desenvolver na prática os elementos básicos de um Style Guide:<BR>- <STRONG>Princípios de design:</STRONG> definir o "tom de voz" do projeto<BR><STRONG>- Tipografia:</STRONG> entender diferentes estilos e definir o melhor para o projeto<BR><STRONG>- Cores:</STRONG> influência na percepção visual e experiência do usuário<BR><STRONG>- Iconogafia:</STRONG> entender diferentes estilos e como aplicá-los em interfaces digitais<BR><STRONG>- Demais elementos gráficos:</STRONG> como somar elementos e manter o equilíbro visual<BR><STRONG>- Componentes:</STRONG> definir componentes alinhados ao projeto para mantê-lo consistente<BR><STRONG>- Animações:</STRONG> atribuir significado às animações</P>
</LI>
<LI>
<P>Exercitar apresentação e defesa em grupo dos Style Guides</P>
</LI>
<LI>
<P>Referências</P>
</LI>
</OL>
<H3><BR></H3>
<H3>O que é Style Guide</H3>
<P>É um guia que ajuda a definir como um estilo visual será aplicado em um produto digital, ou seja, sua função é manter a identidade visual coesa, acessível ao time e de fácil compreensão do cliente.</P>
<P><BR></P>
<H3><STRONG>Facilitadora: Fernanda de Oliveira </STRONG></H3>
<P CLASS="MsoNormal"><SPAN>Com mais de 10 anos de experiência em design digital e comunicação visual. Graduada em Design Gráfico, com especialização em Design Estratégico pelo Instituto Europeu de Design, coordenou projetos de inovação tecnológica junto ao departamento de educação a distância do SENAI SP. Atualmente, compõe o time da Garimpo como consultora de design de interface, UX e UI, para empresas e startups.</SPAN></P>
<H3><BR></H3>
<H3>Avisos</H3>
<UL>
<LI>
<P>É necessário trazer um notebook com Photoshop ou Illustrator (de acordo com sua preferência) já instalados para construirmos o Style Guide!</P>
</LI>
<LI>
<P>O coffee é por nossa conta</P>
</LI>
<LI>
<P>Você receberá certificado de participação, documentos e apresentações no final</P>
</LI>
<LI>
<P>Desconto de 10% para outro curso</P>
</LI>
</UL>
<P><BR></P>
<P><STRONG><IMG ALT="Certificado, Café, Slides e Descontos" SRC="https://i.imgur.com/ZzSFKfA.gif"></STRONG></P>
<P><BR></P>
<H3>Depoimento do participante:</H3>
<P><IMG ALT="Depoimento do participante" SRC="https://i.imgur.com/6lhHNl6.png"></P>
<P><BR></P>
<H3>Para você participar:</H3>
<P>Essa é uma história sobre Coletividad. Sobre fazer juntos<SPAN>, sobre p</SPAN><SPAN>roporcionar oportunidades e experiências que te ajudem a fazer escolhas melhores, criar e seguir a sua própria jornada. <STRONG>Por isso criamos várias formas de você participar! </STRONG>Você pode:<STRONG> </STRONG></SPAN></P>
<P><BR></P>
<OL>
<LI>
<P><A HREF="https://www.eventbrite.com.br/affiliate-register?eid=37844105739&affid=179059427" TARGET="_blank" TITLE="Programa de Afiliados">Se cadastrar no nosso programa de afiliados, divulgar este curso e receber $$ por cada participante inscrito.</A></P>
</LI>
<LI>
<P>Oferecer seus serviços! Vamos trocar? O que você pode fazer para nos ajudar?</P>
</LI>
<LI>
<P>Receber desconto para compras em grupos.</P>
</LI>
<LI>
<P>Receber o nosso desconto para mulheres.</P>
</LI>
</OL>
<P><IMG ALT="Afiliados, Desconto para Mulheres, Colaboração e Descontos" SRC="https://i.imgur.com/uXX8Ojt.gif"></P>
<P><EM>O código Letsgogirl e outros códigos de desconto não são válido em lotes promocionais</EM></P>
<H3><BR></H3>
<H3>Contato direto<BR></H3>
<P><SPAN>Dúvidas sobre os descontos, programa de afiliados ou outras questões? Você pode acessar nosso </SPAN><STRONG><A HREF="https://medium.com/nossa-coletividad/faq-cursos-atividades-d9e0e8113200" TARGET="_blank" TITLE="FAQ Cursos e Atividades" DATA-MSYS-CLICKTRACK="0" REL="nofollow noopener noreferrer">FAQ Cursos &amp; Atividades</A>,</STRONG><STRONG> mandar um whatsapp para (11)  99631-7054</STRONG><SPAN> ou enviar mensagem por nossas mídias (@coletividad) com o nome desta atividade e sua pergunta!</SPAN></P>
<P><IMG ALT="Nossas mídias" SRC="https://i.imgur.com/vOhWCWe.png"></P>
<P><BR></P>
<H3>Quer dar o clima do curso?<BR></H3>
<P>Insira sua música na nossa playlist colaborativa</P>
<P><IMG ALT="Spotify" SRC="https://i.imgur.com/bX2rQXy.png"></P>
<P><BR></P>
<H3><SPAN>Vamos transformar a sua ideia em prática?</SPAN><BR></H3>
<P>Essa habilidade, expertise e talento que você tem pode se transformar em um curso!<BR>Conta para a gente qual o tema dentro de Design, Tecnologia ou Empreendedorismo você gostaria de propor, por email <STRONG>daniela@coletividad.org</STRONG> ou whatsapp <STRONG>(11) 99631-7054</STRONG></P>
<P><IMG ALT="Submeta seu conteúdo!" SRC="https://i.imgur.com/P14HYBt.png"></P>
<P><BR></P>
<P><A HREF="http://coletividad.eventbrite.com.br" TARGET="_blank">Veja outros workshops nossos sobre Design, Tecnologia e Empreendedorismo </A></P>

Oficina Coworking

Nossas {communityGuidelinesLink} descrevem o tipo de conteúdo que proibimos na Eventbrite. Se suspeitar que um evento pode estar violando as regras, você poderá denunciá-lo para que possamos investigar.

Para denunciar outras categorias de conteúdo proibido ou ilegal, envie {link}