Arquivo da categoria: Design

Cidade inundada – Photoshop

E ae galera essa foi eu que desenvolvi deu trabalho mas ta pronto.

Montagen de cidade inundada

vejan no flickr http://www.flickr.com/photos/50556715@N05/4643119112/

Anúncios

Jogo para iphone Copa Quiz

Fala pessoal, gostaria de mandar pra vocês que tem iphone o Jogo Copa Quiz!

Este é o primeiro jogo de iphone que ajudei  a desenvolver a arte, junto com o pessoal da MyPlayMobile e da Agência Ribs

Logo e tela de introdução

Logo e tela de exibição desenvolvido

Se você tem Iphone o aplicativo ja se encontra disponivel na APP Store

Veja o Aplicativo na APP Store

É Isso ai Bom Divertimento!

Efeitos Jquery

Alguns sites com efeitos muito bons em Jquery!

http://www.noupe.com/ajax/37-more-shocking-jquery-plugins.html

http://www.noupe.com/jquery

http://www.webdesignerwall.com/tutorials/jquery-tutorials-for-designers/http://www.webdesignerwall.com/demo/jquery/

Ó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/

SPTV WebDesign

Para quem perdeu a matéria que um tempo atrás passou na globo ai esta ela de novo!

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.

Introdução a criação!

Olé pessoal boa noite!, hoje vou começar a falar de criação e design com vocÊs que foi o foco principal do meu blog.

Espero que gostem, o que eu vou postar aqui não é algo que deva ser seguido a risca, mas ajuda se você não ter idéia de o que fazer ou como começar, e isso também não será a solução de todos os seus problemas.

Primeiramente para você poder criar alguma coisa, não importa o que, des de desenhos até a uma música você precisa ter uma única e simples ferramenta, da qual sem ela não se faz nada, a sua CRIATIVIDADE!!! sem ela nada existiria.

Sua cabeça é a coisa mais importante na hoa de você começar a criar alguma coisa, não importa qual seja.

Uma coisa boa para você começar a agir é conhecer primeiro o que você esta fazendo, dominar muito bem o assunto, pois quanto mais segurança você tiver e mais controle e dominar mais o assunto melhor você irá pensar e vai conseguir criar sobre isso.

Conheça os seus concorrentes, veja o que eles fazem e assim poder fazer melhor, mas não faça cópias, se não seria mais fácil fazer um site e todo mundo copiar.
Não pense em fazer melhor mas da forma igual, mas sim superior.

Uma dica legal é começar a treinar a sua criatividade, hoje existem diversas escolas que tem essa matéria no conteúdo e se você puder faze-lo é uma boa. Mas você não precisa ir para um curso desse, começe de uma forma bem simples, pegue uma folha em branco e faça desenhos de coisas novas, tente criar ali coisas que você acha que ficaria melhor se fosse feito do seu jeito, procure imaginar coisas absurdas, fora do esteriótipo que todos conhecemos, fuja um pouco da TV, as vezes o melhor para você criar é nem saber como é o comum, pois asssim será mais fácil vocÊ criar coisas fora do comum!

Experimente também coisas que mudam sua forma de pensar, mas que vá agregar valores a você, conheça outras culturas outras coisas, outros soms, vá a feiras de coisas artesanáis, sempre tem boas idéias por lá. Aliás sempre em todos os lugares basta você procurar.

Sejá claro  nas idéias, veja com calma e pense bem, pense em coisas diferentes que logo terá coisas novas na sua mão e o melhor na sua cabeça!

A faça coisas sozinho também, onde não tenha ninguem, ninguem mesmo para atrapalhar, e um bomlugar pra pensar, mas não to falando de ficar sozinho em um barzinho mas sim em você pega o carro e ir lá para longe, e muito longe, apenas pensando sem atrapalharem, comigo isso ajuda.

Bom nos próximos post falarei mais de design na ação mesmo, bom pessoal Boa noite e até lá!

Cores C.M.Y.K

Olá Pessoal Hoje vou passar para vocês aqui como funciona o sistema de cores CMYK, se você não entendi disso ou nem sabe o que é isso vou dar uma explicação. Tudo o que você imprime em uma empressora, até mesmo em sua casa é o mesmo tipo de impresão, (quando ela não é especial claro).

As cores da impresão não importa quantas cores vocÊ estiver imprimindo são no máximo 4 cores, que são as CMYK, que significam C = Ciano / M = Magenta / Y = Amarelo / K = Preto

As misturas de todas essas cores é que vão gerar as cores que você vê no papel. Lembra na escola  quando você pintava as folhas com o lápis de cor?? pois bem é a mesma coisa, por exemplo, para fazermos o verde precisamos misturar o Azul com o Amarelo, aqui é a mesma coisa, simples assim! ou seja se você for em uma gráfica e quando o pessoal da gráfica pergunta “quatas cores?” e você responde “Todas” ou “muitas” ele já vai perceber que você não entende nada de impresão e pode agir de má fé cobrando mais de você pelo serviço. Outra coisa que as gráficas fazem errado é cobrar caro por uma impresão chapada, que significa por exemplo quando o texto esta em branco e o fundo preto, pois na prática você esta usando apenas 1 cor o preto e isso sai mais barato.

E cada vez que você usa as 4 cores para impresão você na verdade esta usando 4 camadas de cores diferentes, e essas formam o que você vê, isos é muito legal.

Vou procurar um material mais avançado sobree isso e detalhado, mas por enquanto fica essa base paa vocês, muito obrigado e um abraço, Tiago.