Mostrando postagens com marcador Web Design. Mostrar todas as postagens
Mostrando postagens com marcador Web Design. Mostrar todas as postagens

segunda-feira, 11 de agosto de 2008

Design para quem não é Designer (resumo e livro)

Para quem não cursou Design, ou nunca teve nenhuma instrução mais séria a respeito, este livro é uma excelente opção para você começar a entender que estudar design não é frescura.

Li esse livro há um tempo atrás e me ajudou a formar muito melhor meu pensamento e entendimento sobre design, e minhas construções.

Em textos super simples e com várias ilustrações, a autora Robin Williams (a mulher... não aquele ator CHATO de Hollywood) descreve princípios básicos do design:
  • Proximidade
  • Alinhamento
  • Repetição
  • Contraste
Ainda fala sobre tipologia, que é o estudo das fontes (peso, estrutura, forma, direção...), e mais uma porção de assuntos.

Com isso você vai ver que o processo de escolha de fontes não é algo do tipo "eu acho isso, acho aquilo", e sua visão e percepção ficarão mais claras quanto a que fonte deve ser usada, quando e como.
VALE A PENA MESMO!


CLIQUE QUI para pegar um resumo do livro em Powerpoint.

E se desejar comprá-lo, CLIQUE AQUI (disponível na data desta postagem).

Obs: O resumo está em formato Powerpoint. Se você não o tem instalado, CLIQUE AQUI para baixar o Visualizador de arquivos Powerpoint.


Até a próxima. Leve o ticket e passe no caixa...

quarta-feira, 6 de agosto de 2008

Melhore suas cores - Color Scheme 2 e Color Converter

O seu problema é na escolha de cores? Tá difícil de achar aquela harmonia, ou você tem dúvidas se aquela cor daria certo com outra?

Que tal consultar o Color Scheme Generator v2 ?

O site wellstyled desenvolveu essa ferramenta online que vai te dar uma ótima mãozinha, fornecendo combinações harmoniosas de cores, com 5 modalidades de combinação de tons:
  • Mono (variantes de uma cor só)
  • Contrast (cores contrastantes da cor selecionada)
  • Triad (variantes de 3 cores)
  • Tetrad (variantes de 4 cores)
  • Analogic (semelhante ao triad, mas ocupando a mesma área na paleta)
Ainda podemos escolher web-safe colors, e a angulação para mudar a proximidade dos pontos das cores, e variações em cima de cada escolha das modalidades, tais como:
  • Default
  • Pastel
  • Dark Pastel
  • Light Pastel
  • Contrast
  • Pale
Sem contar que podemos também ter uma idéia de como os diferentes tipos de visão (dos olhos das pessoas) irão enxergar nossas escolhas.

Os valores usados la são em hexadecimal (ex: #FFFFFF - cor branco puro), pois é o padrão que usamos para definir cores na web (html, css...).

CLIQUE AQUI para visitar o Color Scheme 2

Obs: Contudo se você quiser extender o uso dele, e aplicá-lo a seus trabalhos em Corel Draw ou Photoshop, que usam cores em RGB, você vai precisar de um conversor RGB > HEX que você encontra clicando AQUI, no site yellowpipe.

Como bônus essa pagina do yellowpipe ainda tem uma tabela inteira de cores com seus respectivos nomes usados no CSS, junto com seus valores em HEX e RGB ao lado.

E tudo isso online e de graça, em 2 sites (Color Scheme 2 e Color Converter).

Agora vamos fazer melhores escolhas, e melhorar a cara dos nossos sites.


Até a próxima. Leve o ticket e passe no caixa...

segunda-feira, 4 de agosto de 2008

Fontes comuns para Windows e Mac

Você já deve ter se perguntado sobre como seria visto seu site em diversos sistemas, como também dentro do Mac.

Apesar dele ser pouco utilizado aqui no Brasil, em comparação com o número de PC´s, é importante para nosso profissionalismo saber entender como seriam vistos nossos projetos em outros sistemas, pois você pode ser contratado por alguem que deseja um serviço seu, vindo de um Mac.

Então pensando nisso sugiro você guardar essa página abaixo, publicada no site Web Design tips and tricks.

CLIQUE AQUI para visitar o site.

Apesar da linguagem ser em inglês, o que realmente interessa dela é apenas a grande tabela que tem lá no centro da página.

Basta apenas ver para entender este guia de referência de fontes.


Até a próxima. Leve o ticket e passe no caixa...

quinta-feira, 31 de julho de 2008

Curso completo de Flash ( nível iniciante )

Antes de ver o curso, tou participando de um concurso da FIAP chamado Malucos por tecnologia, onde temos de enviar um video relativo ao tema.

Preciso agora de uma forçinha pra promovê-lo. CLICANDO AQUI você vê meu trabalho no YouTube e automaticamente já garante um pontinho a mais sem fazer nada.

Valeu demais a todos! Essa força só em assistir e prestigiar já tá valendo demais!

Aproveitem o curso de flash!

----------------------------------------------------

Para você que nunca teve contato com o Flash, ou que quer entender mais um pouco desta poderosa ferramenta, seus problemas acabaram.

O material tem 60 páginas e foi escrito em uma linguagem super fácil (parecerá uma conversa entre eu e você), cheio de fotos ilustrando todos os processos, onde até mesmo os termos em inglês do programa estão explicados para você não perder tempo com dicionário do lado. Ainda acompanha um lote de arquivos FLA que servirão de exemplo para o seu passo-a-passo nos estudos e exercícios.

O curso foi projetado para Flash versão 8, mas mesmo que você esteja usando o 9, não terá qualquer problema com isso, pois ele aborda muito a questão de práticas e conhecimentos iniciais, de modo que mesmo com a versão 9 instalada, você conseguirá aprender. Por sinal muitos sites, aplicações, banners e mesmo jogos complexos estão ainda sendo feitos em na versão 8. Eu mesmo uso o 8 ainda, e planejo usar de fato o 9 apenas para o inicio de 2009.

Ministrei esse curso no SENAC (CE), e agora estou disponibilizando-o de graça aqui no blog. Todo ele é de minha autoria, sendo produzido do zero mesmo, sem copiar nem colar nada de site algum, a fim de garantir um ótimo padrão de qualidade.

Você vai ver:
  • Como funciona a estrutura do Flash
  • A área de trabalho (layers, timeline, caixa de ferramentas...)
  • Conceitos do programa (clips, objetos, hierarquia, processamento...)
  • Interface de desenho (desenho vetorial, textos, cores, máscara...)
  • Como criar animações com efeitos (shape tween, mask, easing...)
  • Importar e usar imagens e sons, e otimizá-los
  • Como publicar seu arquivo.
... e finalmente:
  • Noções basicas do Action Script, propriedades e métodos, criando botões, e a criação de um banner publicitário com vários recursos usados ao longo do curso, e um PRELOADER (mecanismo de carregamento) com todas as linhas do código explicadas e detalhadas para você entender tudo com muito mais precisão
Contém ainda sugestões de bons sites para você decolar no Action Script, dicas de sites para pegar imagens e sons para enriquecer seus trabalhos, relação de atalhos do programa, e guia-rápido de procedimentos. Só não aprende se não quiser!


CLIQUE AQUI para fazer o download do curso.

Obs: O curso está no formato PDF, um dos formatos mais amplamente utilizados na rede, portanto é necessário ter instalado o PDF Reader para ver o conteúdo.
Caso você não o tenha ainda, CLIQUE AQUI para baixar o PDF Reader completo da Adobe (gratúito em português). ou CLIQUE AQUI para baixar uma versão reduzida, da Foxit Software (gratúito em ingles).

Aproveite, pois é uma economia de 400,00 a 600,00 reais, então não perca tempo e começe a viver o mundo do Flash, hoje estimado por estar em 98% dos computadores do mundo.

Bons estudos.


Até a próxima. Leve o ticket e passe no caixa...