Arquivos do Blog

Ótimas ferramentas de Jquery

Ótimas ferramentas de Jquery
Especiais para web designer´s

Veja alguns exemplos
http://www.webdesignerwall.com/demo/jquery/

e baixe os aqui!
http://www.webdesignerwall.com/file/jquery-tutorials.zip

todos são muito fáceis de trabalhar é baixar usar e aproveitar!

Conheça masi no link:
http://www.webdesignerwall.com/tutorials/jquery-tutorials-for-designers/

Texturas para designers!!

Para você que esta montando algum site ou folder panfleto, imã de geladeira e precisa usar uma foto de uma parede, foto de uma rua, uma casa velha, uma porta, uma janela, nuvens, metal enferrujado, e mais uma porrada de coisa que da pra vc usar e pegar desse site, da uma olhada, uma fuçada que vc vai gostar.

http://www.cgtextures.com/

Mas Atenção você pode baixar apenas 15MB por IP

 

2 – Proximidade

As páginas criadas pelos iniciantes costumar ter todos os objetos soltos na tela ou de formas dispersas e/ou aleatórias, as vezes com aparência de que foram jogadas na tela, tentam ocupar toda a folha ou toda a tela, parecem ter medo de espaços em branco.

Quando o designer espalha as coisas pela página ela fica com um aspecto desorganizado e as informações não ficam claras o bastante para o leitor.

O princípio da proximidade fala que itens relacionados entre si devem ser agrupados  e aproximados uns dos outros, para que sejam vistos como um conjunto, e não como um emaranhado de partes sem ligação.

Itens que não estão relacionados não devem estar próximos pois podem confundir o leitor ou a informação que você pode passar .

Temos alguns exemplos a seguir bem legais para você perceber melhor o que estou falando e para entender melhor.

Veja esse cartão:

Quantos itens você vê nesse espaço?
Quantas vezes seu olho para até visualizar algo?
Seu olho fica procurando algo?
Seu olho piscou várias vezes?
Por onde você começou a leitura?
Como você lê depois? (da esquerda para a direita? De cima para baixo?)

Com certeza você ficou vagando para tentar achar um nexo de leitura. Mas não se preocupa, tem como ficar pior! E acredite, fica! Existem casos e casos.

Agora com dois itens em negrito e em fonte mais alta, complicou não é?
É mais fácil ler o nome  e em seguida a profissão, mas e depois disso? Para que lado? É fácil achar o fim da leitura?

E isso tudo em um único cartão, imagine em uma página.

Quando vários itens estão próximos entre si eles se tornam uma unidade visual, quando as coisas se aproximam elas se relacionam.

Nos cartões anteriores nenhum item parecia falar a mesma coisa, No segundo não esta muito claro aonde a leitura deve começar ou terminar.

Vamos tentar dar uma arrumada, ainda não é a melhor forma mas facilita muito a leitura, apenas com o agrupamento.

Temos aqui agora um Newsletter

Vejas os elementos nesse cabeçalho, alguns itens estão juntos, mas alguns ainda estão bem afastados, o designer que o montou parecia querer ocupar toda a parte disponível do cabeçalho.

 

Deveriam estar relacionados o nome do cabeçalho?, a data e a edição estão certas?
No prox exemplo algumas relações

E também alterei algumas outras coisas a mais.

Coloquei o titulo principal em caixa alta e baixa, agrupando os itens apropriados e alterando um pouco a cor.

Este tópico não para por aqui, vem mais sobre proximidade por ai.

Os princípios básicos do design!

 

Os princípios são muito tranquilos e básicos, se dividem em quatro grupos, mas isso não significa que eles tem que ser usados separadamente, eles estão todos interrelacionados, e raramente você os usará  de forma única.

Então vamos conhecer com calma os quatro.

Contraste

O objetivo do contraste é evitar elementos meramente similáres em uma pagina. Se os elementos (tipo, cor, tamanho, espessura da linha, forma, espaço etc.) não forem os mesmos, diferencie-os separadamente. O Contraste costuma ser a mais importante atração visual de uma página – é o que faz o leitor antes de qualquer outra coisa, olhar para ela.

Repetição

Repita os elementos visuais do design e espalhe pelo material. Você pode repetir a cor, a forma a textura e as relações espaciais com a espessura, as fontes, os tamanhos, os conceitos gráficos etc. Isso cria uma organização e fortalecer a unidade.

Alinhamento

Nada deve ser colocado arbitrariamente em um layout (numa página, tanto gráfica quanto web). Cada elemento deve ter uma ligação visual com outro elemento da página. isso cria uma aparência limpa, sofisticada e suave.

Proximidade

Itens relacionados entre si deveriam ser agrupados. Quando vários itens estão próximos, tornam-se uma unidade visual integrada, e não várias unidades individualizadas. Isso ajuda a organizar as informações, reduzem e oferece ao leitor uma estrutura clara.

Mas com calma nós vamos vendo isso aos poucos.