/Origamid

Repositório criado para estudos da trilha UX/UI & Front-End

Primary LanguageHTML

Home page

🐺 Origamid .

Repositorio criado para estudos Front-End: Web Design, UX/UI Design, HTML, CSS, JavaScript, React e Vue.


🎨 I - Introdução UI Design - Praticando clones

🍃 Layout - Natureza

Home page

✨ Layout - Formulário

Home page

👧 Layout - Perfil

Home page

💰 Layout - Finanças

Home page

🎨 UI Design - Espaço - Prática

O principal uso do elemento espaço serve para definição de uma relação lógica entre os elementos.

📜 Layout Espaço - Redesenho

Home page

🎨 UI Design - Paleta de Cores - Prática

Para toda cor que decidirmos utilizar no projeto, lembrar que variação será essencial para compor a interface. A variação da cor geralmente ocorre na diagonal da matriz HSB.

🖌️ Layout Cores

  • Antes

Home page

  • Depois

Home page

🎨 UI Design - Navegação Componentes - Prática

Geralmente a anatomia do menu Principal(Header) é composta por Marca, Menu e Busca mudando de acordo com a necessidade do site. Fundamental compreender a função de cada um e como realizar o design harmonioso.

🧭 Layout Navegação:

✈️ Caravan

  • Antes

Home page

  • Depois

Home page


👚Handel
  • Antes

Home page

  • Depois

Home page

Feito com 💙 por 😊 Joseane Guedes e 🐺 ®️Origamid