• 0k
  • 0
Dicas de HTML5 \ 9 de Julho de 2012

Dicas de HTML5: Adicionando Formas ao Seu Design

Se você navega pela Internet com frequência, você já deve ter percebido uma das mais recentes tendências no mundo do web design: o uso de figuras geométricas como elementos de design.

Isso pode parecer estranho, tendo em vista que círculos, quadrados e triângulos não são necessariamente algo “moderno”. Mas então o que faz com que essas figuras sejam tão utilizadas hoje em dia?

Umas das explicações é que, sim, as figuras sempre fizeram parte do design de websites. Elas são usadas a muito tempo para delinear bordas e demonstrar a hierarquia visual a ser seguida quando visitamos um site.

Mas recentemente houve uma mudança no uso desses elementos. Agora eles também são utilizados como elementos estéticos, principalmente pela tendência em se ter, cada vez mais, um design limpo e simples. E nada é mais básico do que uma figura geométrica, não? Com poucas linhas nós temos um design simples e elegante.

Como Adicionar Figuras Ao Seu Site HTML5

  • Dentro do Editor HTML5, clique em “Add” e escolha “Shapes & Lines”
  • Clique em “Box” e veja a forma inserida no Editor (a figura padrão é um quadrado)
  • Para mudar a forma, clique em “Change Style” na janela “Box Settings”
  • Na nova janela que abriu, você verá quatro estilos diferentes que você pode implementar. Cada um destes estilos pode ser customizado clicando em “Edit Style”
  • A janela “Advanced Styles” permite que você escolha formas diferentes para a figura (círculo, banner, etc). Aqui você também pode mudar a cor e a borda da figura.
  • Clique OK e salve as modificações
  • Agora é só mudar o tamanho e posicionar a figura de acordo com o seu gosto!

Inspiração

Veja aqui alguns exemplos de como o uso criativo de figuras pode contribuir no design do seu web site:

Column five media

 

vlog.it (Marco Rosella)

 

Headlamp Creative

 

Mickaël Larchevêque | Interactive Designer

 

Por Equipe Wix
Wix

Receba o
No Conforto da Sua Casa!

Assine o Wix Blog e não perca nenhuma novidade!

Hmmm, that's not a valid email address.

Hmmm, that's not a valid email address. Email already exists

Hmmm, that's not a valid email address. Invalid email

Aproveite! \ 

Receba em primeira mão dicas atualizadas sobre como
promover seu negócio, Web Design, SEO e do Wix!

Hmmm, that's not a valid email address.

Hmmm, that's not a valid email address. Email already exists

Hmmm, that's not a valid email address. Invalid email