Hello my friends!
A partir de hoje pretendo começar uma série de artigos com dicas sobre o mundo do design. A ideia é fazer um “bate-volta” com vocês, por isso as dicas começam aqui em cima e terminam nos comentários lá embaixo. Cada um está convidado a escrever sua opinião ou o que deseja ler na próxima oportunidade.
Hoje vamos dar um “bizú” rápido sobre algo que todo mundo vê, sente, mas não sabe o conceito. Já reparou que todo site possui um padrão visual, um topo, um rodapé, uma simetria? Isso não é à toa. É um princípio psicológico que nos permite entender todo o conjunto e combinações do design proposto. Essa “psicologia das formas” se chama Gestalt, e apesar desse nome gringo, é simples o entendimento.
Os sete fundamentos da Gestalt são:
- Continuidade
- Segregação
- Semelhança
- Unidade
- Proximidade
- Pregnância
- Fechamento
Agora vamos transpor alguns conceitos em exemplos práticos do nosso dia-a-dia na internet em alguns sites:
HAVAIANAS
- SEMELHANÇA
Conseguimos reconhecer as faixas coloridas do menu, são as cordas da sandalia
- CONTINUIDADE
As cordas da sandália saem da página
……………………………………………………………………………………………………………….
VIVO ONLINE
- SEMELHANÇA
As cores laranja e azul estão presentes nos menus, logos e ícones. Os menus e ícones possuem forma arredondada assim como o logo.
……………………………………………………………………………………………………………….
OI KABUM
- SIMETRIA
Se traçarmos uma linha reta no meio do retângulo onde está o nome “Oi Kabum!”, veremos que os dois lados são iguais, as imagens mostram um equilíbrio visual.
- FECHAMENTO
O logo pode ser lido como um “K” ou um retângulo e uma seta apontando para o retangulo “Oi Kabum!”
……………………………………………………………………………………………………………….
UNILEVER
- PREGNÂNCIA
O logo possui um “U” formado por diferentes imagens.
……………………………………………………………………………………………………………….
SAPPHIRE
- FECHAMENTO
Duas formas sinuosas formam um “S”
- SEMELHANÇA
O site tem cantos arredondados e efeitos de brilho como a logo.
……………………………………………………………………………………………………………….
DROGARIAS PACHECO
- UNIDADE
O logo pode ser lido como uma cruz ou como dois corações.
- SEMELHANÇA
As cores do logo estão presente no site, e tem formas arredondas como no logo.
- CONTINUIDADE
Os galhos e flores estão vindo de fora do espaço do site e também de dentro indo para fora.
Espero que tenham gostado. Opinem para os próximos.
God Bless You
Vinicius Madureira
Revisado e publicado por Julio Bastos
estava proucurando por dicas como essa mesmo, pretendo fazer um curso de design gráfico e nada melhor que umas dicas, acho que da para aproveitar bastante no curso..
fortes abçs!!!
Vini, ótimo post.
Fazendo uso do seu Formspring…
Seria interessante um artigo falando sobre "sair da caixa" dentro do design.
Abraço…
Boa pedida Júlio. Anotado. Um abraço
Oh! Vini, muito bom te ver aqui. Tu e meu brother. Vou aguardar as dicas e comentar muito.
Estamos juntos
Gostei! Aaos poucos vou começando a entender a "coisa" e estou começando a adorar
Gostei! Gostei! e Gostei !
Bacana , interessante e muito útil a nossa equipe e todos interessados saberem sobre esses toques.
Estamos aguardando aquela aula para todos do jol!!!!
Pô to me interessando cada vez mais por esse tal de Design
boa noite Vinicius…gostei muito desta coluna do JCarioca, não sou webdesign embora tenha cursado e aprendi por conta propria também…pretendo usar estes conhecimentos para divulgar minha marca e até mesmo ensinar….sempre que possível gostaria de ver dicas sobre tags, scripts e exemplos de sites para que possamos ter "fontes de inspiração" para novos layouts….um abraço…
Acredito que em breve francis, em breve.
Ótimo Francis, não me esquecerei. Vamos abordar com certeza.
Gostei dos exemplos, bem objetivo e apresenta uma boa noção de como funciona a teoria Gestalt
Ah! Esqueci de sugerir que coloquem uma matéria de como cobrar pela elaboração de um site ou seja como é estipulado o preço.
Fala vini aqui é o Felipe Brian da banda praise
gostei mto do post no site do junventude
estou esse ano concluindo meu grau tecnico
em Webdesigner e gosto mto dessa area
estou a cada dia querendo aprender mais
continue postando que sempre estarei lendo
e comentando um forte abraço
nossa super interessante ,saber sobre isso é bem legal por aki!
E muito raro encontrar e entender ideias assim,super bacana!
amei!
em breve darei ideias!
Post Excelente, E Será Ótimo Para quem Cursa Design, Adorei o Post pegarei algumas dicas para praticar no Curso de webdesign, parabéns pela Idéia ai do Post.