http error

O que veio primeiro o ovo ou a galinha?

2009-08-03T11:08:00.012-03:00

Olá pessoal depois de muito tempo estou voltando a postar aqui.
Neste primeiro post de 2009, estarei postando sobre, plágio e
conhecidência de alguns logotipos. Assunto que foi abordado
na faculdade, e achei interessante postar algo sobre o assunto.
O logotipo da vale
O logotipo do sistema operacional ubuntu
O logotipo da construtora fontana
Plágio? deixe seu comentário.

abraço a todos !!!

Boas Festas

2008-10-24T15:11:00.003-02:00

Devido a alguns problemas técnicos com a minha internet,
o blog voltara a ter novas postagens só a partir
de janeiro de 2009.

Obrigado a todos.

forte abraço e boas festa!!!

Conceitos de Design

2008-08-22T22:28:00.004-03:00

Para se fazer um bom design é necessário conhecer muito bem o produto que se está trabalhando, dominar técnicas e ter bom senso para aplicar o seu conhecimento na hora de expressar as suas idéias. Um bom designer deve saber escutar, observar e destacar coisas que pessoas comuns não percebem, deve procurar expressar suas idéias através de formas e cores, a fim de mostrar o óbvio sem ser óbvio.

Abaixo, selecionamos alguns conceitos de Designers famosos:

Projetar a forma significa coordenar, integrar e articular todos aqueles fatores que, de uma maneira ou de outra, participam no processo constitutivo da forma do produto (...) Isto se refere tanto a fatores relativos ao uso, fruição e consumo individual ou social do produto (fatores funcionais, simbólicos ou culturais) quanto aos que se referem à sua produção (fatores técnico-econômicos, técnico-construtivos, técnico-sistemáticos, técnico-produtivos e técnico-distributivos)
(ICSID, 1958)

Design é uma atividade projetual que consiste em determinar as propriedades formais dos objetos a serem produzidos industrialmente. Por propriedades formais entende-se não só as características exteriores, mas, sobretudo, as relações estruturais e funcionais que dão coerência a um objeto tanto do ponto de vista do produtor quanto do usuário. (Tomás Maldonado, 1961)

O que se exige para poder considerar que um objeto pertence ao desenho industrial é: 1) a sua fabricação em série; 2) a sua produção mecânica, e 3) a presença nele de um quociente estético, devido ao fato de ter sido inicialmente projetado e não a uma sucessiva intervenção manual. Eis por que razão não é lícito pensar em desenho industrial em relação aos objetos pertencentes a épocas anteriores à revolução industrial, (...) em cuja base existe sempre um momento de projeto, de criação pelo desenho, e um momento repetitivo de produção mecanizada e em série.
(Gillo Dorfles, 1963)

Design é o processo de adaptação do entorno objetual às necessidades físicas e psíquicas dos indivíduos da sociedade. (...) Design de produto é o processo de adaptação de produtos de uso de fabricação industrial às necessidades físicas e psíquicas dos usuários e grupos de usuários.
(Bernd Löbach, 1976)

O desenho industrial é uma atividade projetual, responsável pela determinação das características funcionais, estruturais e estético-formais de um produto, ou sistemas de produtos, para fabricação em série. É parte integrante de uma atividade mais ampla denominada desenvolvimento de produtos. Sua maior contribuição está na melhoria da qualidade de uso e da qualidade estética de um produto, compatibilizando exigências técnico-funcionais com restrições de ordem técnico-econômicas.
(Gui Bonsiepe, 1982)

Design é a tentativa de conjugar a satisfação do cliente com o lucro da empresa, combinando de maneira inovadora os cinco principais componentes do design: performance, qualidade, durabilidade, aparência e custo. O domínio do design não se limita aos produtos, mas inclui também sistemas que determinam a identidade pública da empresa (design gráfico, embalagens, publicidade, arquitetura, decoração de interiores das fábricas e dos pontos de vendas).
(Philip Kotler, 1989)

O design é o domínio no qual se estrutura a interação entre usuário e produto, para facilitar ações efetivas. Design industrial é essencialmente design de interfaces.
(Gui Bonsiepe, 1992)

O design é uma atividade especializada de caráter técnico-científico, criativo e artístico, com vistas à concepção e desenvolvimento de projetos de objetos e mensagens visuais que equacionem sistematicamente dados ergonômicos, tecnológicos, econômicos, sociais, culturais e estéticos, que atendam concretamente às necessidades humanas. (Projeto de Lei nº 1.965, de 1996, que visa regulamentar a profissão no Brasil)

Design é uma atividade criativa cujo propósito é estabelecer as qualidades multi-facetadas de objetos, processos, serviços e seus sistemas de ciclos de vida. Assim, design é o fator central da humanização inovadora das tecnologias e o fator crucial das trocas econômicas e culturais. (...) Design trata de produtos, serviços e sistemas concebidos através de ferramentas, organizações e da lógica introduzidas pela industrialização – não somente quando são produzidos em série.
(ICSID, 2000)

Design gráfico é uma atividade intelectual, técnica e criativa concernente não somente à produção de imagens, mas à análise, organização e métodos de apresentação de soluções visuais para problemas de comunicação. Informação e comunicação são as bases de um modo de vida global interdependente, seja na esfera dos negócios, cultural ou social. Ao designer gráfico cabe a tarefa de fornecer respostas aos problemas de comunicação de todo tipo em todos os setores da sociedade.
(Icograda, 2001)

DESIGN É ARTE, CIÊNCIA OU TECNOLOGIA?

(Design-Ciência) Design não é e nem será uma ciência. Houve muita inserção de teorias e de um desenvolvimento metodológico acentuado especialmente durante a década de 60. A tendência dessas contribuições (Teoria dos conjuntos, Teoria dos Sistemas, Teoria da Informação, Teoria da Tomada de Decisões, métodos da ergonomia psicanálise e da psicologia) era a de separar o Design da esfera das artes de aproximá-lo da ciência, aperfeiçoar as atividades e de conferir-lhe maior rigor técnico e metodológico.
(Design-Arte) Design não é e nem será arte. Não há justificativa para uma interpretação do design como uma atividade artística, supostamente intuitiva. A arte, através de seus arquétipos há muito hegemônicos (pintura, escultura, desenho etc.), não é a única possibilidade da experiência estética. O mundo do design está ligado ao da estética, mas não necessariamente ao da arte.
(Gui Bonsiepe)

É isso ai pessoal, estou preparando alguns tutoriais para o blog!

Bom fim de semana a todos!!

Organização Espacial

2008-08-11T22:32:00.004-03:00

Composição de Formas

Para se desenvolver uma boa composição visual é necessário saber direcionar os olhos de quem está vendo para pontos importantes do seu layout, esse direcionamento deve ser consciente e planejado, saber equilibrar e dar movimento à composição será os principais objetivos do designer.
Muitas vezes quando estivermos criando layout, vamos nos deparar com o problema da distribuição dos elementos gráficos. O designer deve tomar todas as decisões para a composição e os resultados dessas decisões determinam o objetivo e o significado do que é recebido pelo espectador! Assim sendo o designer exerce controle sobre o trabalho e direciona o projeto para o público que ele quer atingir.
Para obter um resultado satisfatório é preciso conhecer um pouco sobre como funciona a percepção humana e também algumas regras que para alguns é denominada programação visual intuitiva.

Equilíbrio
Equilíbrio é um elemento importantíssimo em toda criação, seja para uma página de Internet, revista impressa, panfletos ou obras de arte. É considerada referência visual mais forte para o homem, chamada de constante inconsciente formada pelos eixos vertical e horizontal.
O equilíbrio pode ser: simétrico, simétrico na forma e assimétrico na cor ou ainda ter uma simetria aproximada.
Equilíbrio num projeto gráfico significa saber distribuir com uniformidade os elementos gráficos que compõem o projeto, e também saber distribuir esses elementos pela sua importância, ou seja, saber qual destaque cada elemento gráfico merece receber dentro do layout.
Um layout equilibrado, é aquele sem grandes "buracos" entre os textos, imagens ou títulos, é importante distribuir os elementos gráficos proporcionalmente pela área de visão, e também buscar um equilíbrio das cores para que não ocorram grandes “quebras” no visual (a não ser que essa seja a sua intenção e seja muito bem elaborada para que não pareça um erro no final), procure utilizar poucas cores como base para a construção do layout.

Tensão
Tanto para o emissor quanto para o receptor da informação visual, a falta de equilíbrio e regularidade é um fator de desorientação. Sempre buscamos um eixo de retas perpendiculares para a área onde olhamos primeiro e reconhecemos a presença ou ausência de equilíbrio da forma.

Intuição
Um exemplo que ocorre com freqüência é que as pessoas costumam observar os detalhes de um desenho no sentido da esquerda para a direita, de cima para baixo, então é importante destacar algumas áreas num layout como sendo pontos "estratégicos", isso não precisa ser necessariamente uma regra a ser sempre seguida, e dependendo dos outros elementos contidos no "desenho" esses pontos "estratégicos" podem perder um pouco da sua força.
Em Web design pode observar que na maioria das vezes a marca da empresa ou logotipo está presente no topo da página e no canto esquerdo superior, o que na teoria é o primeiro ponto observado num layout.
Menus sempre são procurados pelo espectador abaixo do topo ou a esquerda do layout, o endereço para contato, ou e-mail, quase sempre é o último tópico do menu, etc. É importante ter bom senso para não perdermos totalmente a intuição em um layout, isso sem perder a liberdade de criação.

Elementos Básicos
Os elementos visuais constituem a substância básica daquilo que vemos, e seu número é reduzido: o ponto, a linha, a forma, a direção, o tom, a cor, a textura, a dimensão, a escala e o movimento. Com eles fazemos nossas combinações seletivas.
Uma determinada forma básica tem seu valor independente que pode ser modificado quando relacionado com outras formas.

O ponto
Qualquer ponto tem grande poder de atração visual sobre o olho, exista ele naturalmente ou tenha sido colocado pelo homem em resposta a um objetivo qualquer.
Fazemos o reconhecimento de formas através de um agrupamento de pontos. Ex.: régua, jogo de ligar os pontos.

A linha
Quando os pontos estão tão próximos entre si que se torna impossível identificá-los individualmente, aumenta a sensação de direção, e a cadeia de pontos se transforma em outro elemento visual distintivo: a linha.

A forma
Na linguagem das artes visuais, a linha articula a complexidade da forma. As 3 formas básicas são: círculo, triângulo eqüilátero e quadrado.
Todas as formas são figuras planas e simples, fundamentais, que podem ser facilmente descritas e construídas, tanto visual quanto verbalmente.
A partir da combinação e variações infinitas dessas três formas básicas, derivamos todas as formas físicas da natureza e da imaginação humana.

Direção
As formas básicas também apresentam direções característica a elas: horizontal e vertical, diagonal e curva.

Tom
As variações de luz ou de tom são os meios pelos quais distinguimos oticamente a complexidade da informação visual do ambiente. Vemos o que é escuro porque está próximo ou se superpõe ao claro, e vice-versa. As relações são sempre por comparação.

Cor
Em sua formulação mais simples, a estrutura da cor pode ser ensinada através do círculo cromático. As cores primárias (amarelo, vermelho e azul), e as cores secundárias (laranja, verde e violeta) aparecem no diagrama. Podem-se incluir também as cores intermediárias a essas.
Temos alguns pontos a ressaltar sobre cor: elas podem apresentar-se saturadas (cor com tom 100%) ou acromáticas (variação de tom de 99 a 1%).

Textura
A textura é o elemento visual que serve de substituto para as qualidades de outro sentido, o tato.

Escala
Todos os elementos visuais são capazes de se modificar e se definir uns aos outros. O processo constitui, em si, o elemento daquilo que chamamos de escala.
A escala pode ser estabelecida não só através do tamanho relativo das pistas visuais, mas também através das relações com o campo ou com o ambiente.

Dimensão
Nenhuma forma de representação da dimensão é possível sem a ilusão. A dimensão está sempre implícita na forma e depende das relações feitas na composição. Ela fica bem evidente nas composições que utilizam a perspectiva.

Movimento
O elemento visual do movimento se encontra mais frequentemente implícito do que explícito no modo visual. Porém, o movimento talvez seja uma das forças visuais mais dominantes da experiência humana.
O movimento da composição acontecesse por causa dos elementos compositivos que o cérebro busca através do olho como os eixos de equilíbrio e os sentidos e direções presentes.

É isso ai pessoal.

Abraço a todos!

Fonte: Andrej Grujic- Anhembi Morumbi

Vocabulário

2008-08-11T22:07:00.006-03:00

É isso ai pessoal. post não é tão importante, mais tem muito cliente que fica boiando, quando surge uma pergunta do tipo. A letra será em caixa alta? o que foi! como? O senhor tem que enviar a foto em alta resolução para a impressão? como faço isso?.

O QUE É ALINHAMENTO?
É a forma de organização de colunas de texto, cujas linhas podem ser alinhadas à esquerda, à direita, centralizadas ou blocadas.

O QUE É CAIXA-ALTA/caxa-baixa?
É a forma de designar a tipologia utilizada em letras minúsculas (caixa-baixa) ou letras maiúsculas (caixa-alta).

O QUE É CORPO?
Corpo é a medida de tamanho das fontes. Quanto maior o corpo, maior o tamanho da letra.

O QUE É DIAGRAMAR?
Diagramar consiste em determinar a disposição dos elementos em uma página – legendas, ilustrações, textos, títulos etc.

O QUE É ESCANEAMENTO?
Escaneamento é a forma "abrasileirada" de designar o processo de digitalização da imagem. Vem da palavra inglesa scanner, nome do equipamento em que se realiza a digitalização.

O QUE É IMAGEM EM ALTA/BAIXA DEFINIÇÃO?
São os termos utilizados para a medida de pontos por polegada de uma imagem. Quanto maior o número de pontos por polegada (dpi), maior a definição da imagem.

O QUE É LAYOUT?
É a materialização da proposta visual dos elementos – tipologia, cores, estilo de ilustração etc – tudo que compõe o produto.

O QUE É MÍDIA?
É o "veículo" de disseminação da informação, como a mídia impressa (papel), mídia eletrônica (cd rom ou web) etc.

O QUE É ROUGH?
(lê-se "raf") É o traçado inicial de um layout, também conhecido como rascunho.

O QUE É TIPOLOGIA?
Tipologia (que significa "estudo dos tipos") é o conjunto de caracteres tipográficos, que também são conhecidos como fontes. Elas admitem algumas variações de estilos, tais como itálico, negrito, sublinhado, etc. Alguns exemplos de tipologia são a Times New Roman, Arial, Verdana, Garamond e Helvética.

O QUE É TRATAMENTO DE IMAGENS?
O tratamento de imagens é um processo realizado por meio de softwares gráficos (como o Photoshop) que visa à melhoria da qualidade da imagem para impressão ou edição. Nesse processo, podem ser corrigidas imperfeições da imagem.

É isso ai pessoal.

Abraço a Todos!

Firefox 3 Downoad Day

2008-07-03T22:25:00.007-03:00

É isso ai, um dos melhores navegadores atualmente no mercado, realizou o Firefox Download Day. Embora aqui no Brasil só foram feitos 598,116 downloads, superou o recorde pelo software mais baixado em 24 horas. Eu baixei o meu e você? Ainda não? Ta esperado o que?
link para download: Firefox

Graças ao apoio da sempre sensacional comunidade da Mozilla, nós conseguimos estabelecer um Recorde Mundial no Livro dos Recordes Guinness pelo software mais baixado em 24 horas. Em 18 de junho de 2008, 8.002.530 de pessoas baixaram o Firefox 3 e estão usando a Internet de maneira mais segura e inteligente.

Desde que o Firefox foi lançado em 2004, temos contado com o apoio da nossa comunidade para nos ajudar na divulgação do Firefox. Hoje, graças a projetos tais como: círculos de milho, anúncios de jornal, adesivos gigantes, vídeos, blogs, entre outros, nós contamos com mais de 160 milhões de usuários em mais de 230 países.

É isso ai pessoal.

Abraços!!

Cores II (Psicologia das cores)

2008-06-19T20:20:00.005-03:00

A escolha das cores é fundamental para uma boa harmonia dos elementos de um site. Ela pode enfatizar textos, imagens e caracterizar especialmente os elementos da página. A cor exerce influência decisiva nos olhos dos seres humanos, afeta a atividade muscular, mental e nervosa. A combinação das cores afeta o psicológico e pode tornar um ponto importante no interesse do público em seu site. A combinação certa pode causar efeitos como de excitação, urgência, contentamento, calma, vulgaridade, melancolia, segurança etc., e ainda destacar algum elemento em relação a outro. Na Web a seleção de uma cor é um pouco complicada, pois é impossível garantir que uma
determinada cor irá se apresentar no monitor do usuário como ela realmente é, ou seja, como a que o designer colocou. Isto acontece devido ao fato de cada monitor ter uma especificação diferente, uns podem trabalhar com mais vermelho, ser mais brilhante, ter mais contraste e etc., e ainda cada um pode estar configurado com uma determinada resolução como 640x480 pixels, 800x600 pixels e assim por diante.
A combinação desses fatores é que irá determinar a fidelidade e a reprodução de cores e a qualidade das imagens. Abaixo você poderá visualizar algumas sensações “psicológicas” conhecidas:

As cores e os efeitos psicológicos

Sensações visuais + significado:

• Branco – pureza
• Preto – negativo
• Cinza – tristeza
• Vermelho – calor, dinamismo
• Rosa – graça, ternura
• Azul – pureza, fé

Sensações Acromáticas

Branco: inocência, paz, divindade, calma, harmonia, para os orientais pode significar morte, batismo, casamento, cisne, lírio, neve, ordem, simplicidade, limpeza, bem, pureza.

Preto: sujeira, sombra, carvão, fumaça, miséria, pessimismo, melancolia, nobreza, seriedade. É expressivo e angustiante ao mesmo tempo. Alegre quando combinado com outras cores.

Cinza: pó, chuva, neblina, tédio, tristeza, velhice, passado, seriedade. Posição intermediária entre luz e sombra.

Sensações Cromáticas

Vermelho: guerra, sol, fogo, atenção, mulher, conquista, coragem, furor, vigor, glória, ira, emoção, paixão, emoção, ação, agressividade, perigo, dinamismo, baixeza, energia, revolta, calor, violência.

Laranja: prazer, êxtase, dureza, euforia, outono, aurora, festa, luminosidade, tentação, senso de humor. Flamejar do fogo.

Amarelo: egoísmo, ciúmes, inveja, prazer, conforto, alerta, esperança, flores grandes, verão, limão, calor da luz solar, iluminação, alerta, euforia.

Verde: umidade, frescor, bosque, mar, verão, adolescência, bem-estar, paz, saúde (medicina), esperança, liberdade, paz repousante. Pode desencadear paixões.

Azul: frio, mar, céu, horizonte, feminilidade, espaço, intelectualidade, paz, serenidade, fidelidade, confiança, harmonia, afeto, amizade, amor, viagem, verdade, advertência.

Roxo: fantasia, mistério, egoísmo, espiritualidade, noite, aurora, sonho, igreja, justiça, misticismo, delicadeza, calma.

Marrom: cordialidade, comportamento nobre, pensar, melancolia, terra, lama, outono, doença, desconforto, pesar, vigor.

Púrpura: violência, furto, miséria, engano, calma, dignidade, estima.

Violeta: calma, dignidade, estima, valor, miséria, roubo, afetividade, miséria, calma, violência, agressão, poder sonífero.

Vermelho-alaranjado: sexualidade, agressão, competição, operacionalidade, desejo, excetabilidade, dominação.
A escolha da cor sofre influência da moda, das tendências e da decisão do designer.

Harmonia e Contraste

Espaços em branco podem ser definidos como áreas que não contenham textos, imagens ou qualquer outro elemento gráfico. Saber balancear o conteúdo e o espaço em branco em um site é a chave para manter a harmonia dos elementos dentro da página e prender a atenção do usuário.
A conseqüência da má utilização desse recurso é não ter um bom equilíbrio, assim os olhos ficam confusos pois não existirá uma progressão visual para o internauta seguir e conseqüentemente ele perderá o interesse pela página.
O que pode ser feito para que isto não aconteça é seguir as recomendações de alguns "gurus" em design:
"Não coloque o máximo de informações dentro de uma página".
"Os espaços vazios reforçam a unidade de grupos, harmonizam as áreas, aumentam o contraste e facilitam a visualização e leitura".
Em geral as cores claras e quentes elevam e expandem, por isso, no passado era comum casas com o teto pintado de azul e paredes amarelas, a sensação que passava era de mais espaço. Por exemplo, nunca se deve pintar um teto de preto ou roxo, essas cores passariam a sensação de opressão e clausura.

Visibilidade

Amarelo e Azul são as cores que melhor se lêem a distância
O contraste preto-amarelo se vê desde mais longe
O contraste preto-branco tem um valor neutro
O contraste vermelho-verde é o que menos se percebe
Em geral os elementos gráficos escuros sobre fundo claro se percebem melhor que o contrário.

Fonte: material do professor de Design da Universidade Anhembi Morumbi Andrej Grujic

É isso ai pessoal.

Abraços!!

Cores

2008-05-26T20:13:00.014-03:00

Claro que o estudo das cores é matéria para muita profundidade mas algumas coisas básicas devem ser logo conhecidas. Ouvimos falar muito sobre cores primárias, secundárias e terciárias. O que vem a ser isso? É fácil definir e compreender, pelo menos teoricamente.

Cores primárias são aquelas que não podem ser obtidas a partir da mistura de outras cores. São as cores básicas, a partir das quais, todas as demais são obtidas. As cores primárias são o vermelho, o azul e o amarelo. Se quiser fazer esse teste é simples, pegue o seu lápis de cor e faça em um papel branco um desenho como está abaixo, colocando em um círculo as três cores
primárias dispostas proporcionalmente no círculo.

Cores secundárias são aquelas originadas pela mistura de duas cores primárias. Misture azul com amarelo e obterá o verde. Misture amarelo com vermelho e obterá o laranja. A mistura do azul com o vermelho resulta no violeta. Acrescente essas três cores no seu círculo, como na figura abaixo

Cores terciárias são as cores que se consegue misturando uma cor primária com uma cor secundária. Por exemplo: o amarelo alaranjado se consegue misturando o amarelo (cor primária) com o laranja (cor secundária). Misturando-se o vermelho (cor primária) com o laranja (cor secundária), chega-se ao vermelho alaranjado. Você pode completar essas cores no seu círculo também. Lembre-se que esses nomes não são científicos e podem variar de acordo com o fabricante das tintas.

O resultado desse teste se chama disco cromático, ou círculo cromático, Se você traçarmos agora uma linha vertical dividindo o amarelo e o violeta, poderemos perceber que do lado esquerdo as cores são vivas e marcantes. São as chamadas cores quentes. Já do lado esquerdo, as cores transmitem mais tranqüilidade e calma. São as chamadas cores frias.
E para que serve isso? Esses conceitos podem ser importantes na escolha de cores, de acordo com o que o artista, no caso, você, esteja tentando obter como efeito. Claro que, se a sua pintura é realista, você não pode trocar a cor do morango vermelho por verde, para transmitir calma mas, pode carregar uma quantidade maior de folhas. E pode ser que a sua pintura não represente a realidade. Nesse caso você tem mais liberdade para usar as cores, já que não está sofrendo a limitação de retratar a realidade.
É importante saber ainda que podemos ir construindo um círculo com vários níveis de detalhamento, fazendo misturas para obter variações mais sutis. No primeiro círculo tinhamos unicamente 3 cores. No segundo, passou a ter o dobro disso e depois o dobro do dobro. Podemos prosseguir da mesma forma até o limite que desejarmos ou conseguirmos.

Cores complementares são aquelas que estão em oposição no círculo cromático. Uma cor primária sempre tem uma cor secundária como complementar. A cor complementar do azul (cor primária) é o laranja (cor secundária). Isso pode ser útil na pintura de sombras e na relação frente e fundo.
Cores análogas: são as que estão lado a lado no círculo cromático.
O círculo cromático serve para nos orientar na mistura e escolha de cores. Devemos lembrar, porem, que não está lidando com um instrumento científico. A sensibilidade vale mais do que qualquer coisa que esteja sendo dita aqui.

Sistema de cor relação de posição onde a cor pode ser lida, já que ela tem significado. Cor: matéria, luz e pigmento.

Conceitos de misturas

• aditiva (luz): branco, verde, laranja, violeta (azul)
• partitiva (matéria): grãos.
• subtrativa (pigmento): pigmento opaco

Na tabela de cores encontramos os seguintes itens: eixo matiz, zona de saturação, zona de escurecimento, subdivididos em cromáticos e acromáticos.
Veremos os contrastes existentes, ressaltando que a intenção é perceber os estados para que possamos comparar as cores.
A cor é superfície, não importa a forma. Contraste da cor em si – a cor percebendo ela mesma.

Máximo contraste – amarelo, magenta e azul (pólos)
Médio contraste – laranja, roxo e verde (mistura duas a duas)
Mínimo contraste – mistura três a três

O branco e o preto nessas combinações podem reforçar ou anular a cor.

Contraste Claro e Escuro
Branco como presença de luz e preto como ausência de luz. Serve para observarmos como a forma e a cor se comportam de acordo com a posição no espaço e incidência de luz.

Contraste Complementar
Máximo contraste da cor está entre os pares formados de cores primárias e sua correspondente complementar. Somando cada par as cores anulam-se. Contraste Simultâneo As cores sofrem influência de uma cor neutra que acaba se comportando de acordo com a cor da moldura.

Contraste quente-frio
As cores adquirem temperatura de acordo com a relação que se faz com as outras cores da composição. Quando compomos com o mesmo valor tonal a imagem não forma planos, imagem bidimensional.

Contraste de Qualidade
È quando priorizamos uma cor com foco de qualidade total e os outros elementos da composição ficam como complemento.

Contraste de Quantidade
Composição formada pelo equilíbrio dos valores tonais das cores. Quanto mais luz, menos espaço ocupa. Quanto menos luz, mais espaço ocupa.

Cores Hexadecimais
As cores hexadecimais derivam da matemática do mesmo nome. O código é derivado de uma base de cálculo nove. RGB – 0 a 255 CMYK – 0 a 100 A calculadora converte as cores em RGB para hexadecimal. A cor do pixel é formada por três cores de luz projetadas que se misturam opticamente. RGB – aditiva: a soma de várias cores = branco
CMYK – subtrativa: a soma de várias cores = preto Existem 216 cores protegidas pelos navegadores, sendo seis valores para cada cor do pixel: 6x6x6.
Abaixo está uma tabela de cores com seus respectivos códigos para serem aplicado no HTML

Fonte: material do professor de Design da Universidade Anhembi Morumbi
Andrej Grujic

É isso ai pessoal.

Abraços a todos!!

Tipografia e Tipologia

2008-05-16T20:49:00.018-03:00

Boa noite rapaziada, hoje vamos falar um pouco sobre tipografia. devido a necessidade de saber mais sobre o assunto, para melhorar os jobs, encontrei algumas matérias bem interresantes na net. Boa leitura a todos.

A Tipografia

é conhecida como a impressão dos TIPOS e está desaparecendo com o desenvolvimento do computador. Tipologia é o estudo da formação dos tipos, essa por sua vez cresce a cada dia. Mas no final, a nomenclatura utilizada é tipografia, assim como fonte virou tipo, atualmente. O termo tipo é o desenho de uma determinada família de letras como por exemplo: verdana, futura, arial, etc. As variações dessas letras (ligth, itálico e negrito, por exemplo) de uma determinada família são as fontes desenhadas para a elaboração de um conjunto completo de caracteres que consta do alfabeto em caixa alta e caixa baixa, números, símbolos e pontuação.
Os tipos constituem a principal ferramenta de comunicação. As faces alternativas detipos permitem que você dê expressão ao documento, para transmitir instantaneamente, e não-verbalmente, atmosfera e imagem.“Tipografia é transformar um espaço vazio, num espaço que não seja mais vazio. Isto é, se você tem uma determinada informação ou texto manuscrito e precisa dar-lhe um formato impresso com uma mensagem clara que possa ser lida sem problema, isso é tipografia.” (Wolfgang Weingart)
Bom design é aquele que utiliza bem as potencialidades da tipografia.
Aliás, não é por acaso, que o conhecedor do design de qualidade, consegue ver pelos tipos de letra utilizados se, quem fez determinado projecto é ou não profissional.
Na era da Revolução Digital, também não é de admirar, que a tipografia seja uma área bastante complexa, recorrendo a tecnologias específicas e bastante avançadas, para obter o melhor resultado em ecrã, impressoras postscript, plotters, etc.
Falar em tipografia digital é falar em criação de famílias de tipos (para serem utilizados nos computadores pessoais em diversas aplicações, por exemplo), mas também na criação de logotipos, letterings, títulos, enfim, todo um universo tipográfico que recorra ao design de tipos para fins específicos e por vezes únicos (ex: logotipo).

TIPOLOGIA E DESIGN

O maior de todos os objetivos do designer gráfico é o bom senso e a criatividade bem aplicada. Ele precisa comunicar algo a alguém, e tem que chamar a atenção. A parte escrita é muito importante num projeto gráfico e saber utilizar de forma correta os tipos ou fontes é fundamental. Alguns passos São abordados na construção de uma página:

1.Contraste - É importante lembrar de algumas regras quando usar as fontes na composição: tamanho, peso, estrutura, forma, direção, cor. E algumas regras valem como dicas permanentes na diagramação com tipos: fontes com serifa facilitam a leitura, mas cuidado, na tela do computador as serifas podem atrapalhar pois ficam serrilhadas nos pixels. Fonte sem serifa é ideal para títulos, frases de cartaz, outdoor e textos de leitura rápida. O alinhamento à esquerda também facilita a leitura. Cuidado com o contraste que forma a cor com o fundo: amarelo sobre branco tem uma leitura difícil, vermelho sobre verde vibra muito, branco sobre preto em texto longo cansa a leitura.

2. Repetição - é o que cria uma identidade visual com o leitor, estabelecendo uma hierarquia, utilize determinadas fontes em determinados pontos da sua página, como títulos, sub-títulos e em pontos estratégicos.

3. Alinhamento – centralize ou justifique quando o tema do seu site e o texto for formal, caso contrário procure utilizar o texto de forma mais livre e disponha conforme a sua criatividade e o bom senso permitirem. Há cinco maneiras básicas de organizar as linhas de composição em uma página :

• Justificada : todas as linhas têm o mesmo comprimento e são alinhadas tanto à esquerda quanto à direita.
• Não-justificada à direita : as linhas têm diferentes comprimentos e são todas alinhadas à esquerda e irregulares à direita.
• Não-justificada à esquerda : as linhas têm diferentes comprimentos e são alinhadas à direita e irregulares à esquerda.
• Centralizada : as linhas têm tamanho desigual, com ambos os lados irregulares.
• Assimétrica : um arranjo sem padrão previsível na colocação das linhas.

4. Legibilidade - Talvez seja o ponto fundamental, é muito importante saber utilizar estilos de fontes em determinados casos, fontes desconstruídas e modernas se encaixam bem em sites modernos e jovens, fontes clássicas e manuscritas muitas vezes se encaixam bem em sites clássicos e sérios, fontes normais e sérias se encaixam perfeitamente em sites institucionais e moderados.

Classificação dos tipos

• Fonte - é o conjunto completo de caracteres sob o mesmo estilo e em todos os corpos: caixa alta e baixa, sinais de pontuação, acentos e numerais.

• Família de tipos - são todas as variações de uma fonte: Helvética Narrow, Helvética Narrow Bold, Helvética Narrow Bold Oblique.

Classificação

• serifa triangular - elzevir, ex:Times New Roman
• serifa linear - didot, ex:Bodoni
• serifa quadrada - egípcio, ex: GeoSlab
• ausência de serifa - antigo
• sem serifa, ex: Helvética
• semi sem serifa, ex: Optima
• cursivas ( manuscritas ), ex: Thelly Alegro BT
• fantasias, ex: Kidnap

• Fontes digitais - Com o advento do computador a adobe desenvolve a linguagem postscript que possibilitou um novo formato de fonte, o vetorial.

• fontes Adobe Type 1 - apresentam um nó a cada 90 graus, trazendo refinamento e precisão ao desenho do tipo. Para impressão

• fontes True Type - apresentam um nó a cada 45 graus, portanto apresentam defeitos quando ampliados. Para saida web
Baseados em estudos feitos por Francis Thibedeau, em meados do século XVIII, na França, foi estabelecido as principais família de letras de imprensa. São elas:

• Romana antiga - Criada pelos franceses no século XVIII, inspirada na escrita monumental romana, proporciona ao leitor um inconsciente descanso visual, alcançando o maior grau de visibilidade de todas as famílias.

• Romana moderna - Criada pelos italianos no século XVIII, apresenta uma evolução dos romanos clássicos, Esteticamente agradáveis, trouxeram sensível melhora na legibilidade das letras.

• Egípcia ou Serifa Grossa - Criada com o advento da revolução industrial, no século XVIII, tem como característica estrutural uma certa uniformidade nas hastes e serifas retangulares.

• Lapidária ou Sem Serifa - Criada na Alemanha no século XIX, possui caracteres com poucas variações em suas hastes, cujos arremates não possuem serifas. Indicada para a confecção de hastes e embalagens, mas desaconselhável para textos longos.

• Cursiva - São as letras que não se encaixam em nenhuma das famílias já vistas. Elas têm hastes e serifas livres, o que as tornam as mais ilegíveis de todas, limitando seu uso a destaques, com número limitado de toques.

• Estilo Antigo - baseiam-se na escrita à mão dos escribas, que trabalhavam com uma pena na mão. Possuem serifas sendo que na caixa baixa elas são inclinadas. Ênfase diagonal, transição grosso-fina moderada. Ex.:Garamond

ESTILO DOS TIPOS

• Estilo Moderno - em 1700, o aperfeiçoamento do papel, as técnicas mais sofisticadas de impressão e um aumento genérico dos dispositivos mecânicos foram fatores que fizeram com que o tipo também se tornasse mais mecânico. Ênfase vertical, serifas horizontais e finas, transição grosso-fino radical. Ex.: Bodoni

• Serifa grossa - surgiu com o conceito de propaganda depois da Revolução Industrial. Também chamada de tipo egípcio. Ênfase vertical, as serifas em caixa baixa são horizontais e grossas, pouca ou nenhuma transição grosso-fino nos traços. Ex.: New Century Schoolbook

• Sem serifa - é o tipo chamado de sans serif. A idéia de remover as serifas foi um progresso tardio na evolução das tipologia e não obteve muito sucesso até o início do século XX. Não há serifa em parte alguma, não há transição grosso-fino nos traços, não há ênfase em nenhum dos eixos. Ex.: Antique Olive

• Manuscrito - todos os tipos que parecem ser escritos à mão. Ex.: Ariston

• Decorativo - são ótimos, engraçados, diferentes, fáceis de usar. Ex.: Shabby

PADRÕES WEB

O produtor de conteúdo e o designer deve se preocupar com a padronização gráfica que adotará, respectivamente, na produção do texto e na solução gráfica da aplicação web.
Aplicar pouca variedade de tipos, evita uma miscelânea de letras que acabam por dificultar a leitura e a definição de um estilo para a o conjunto da aplicação.

• Variações de tipos - Especialistas sugerem que o número de tipos de letras utilizados fique em torno de três. Utilize tipos de letras para caracterizar diferentemente o título, o texto e anotações. Ao adotar, por exemplo, três tipos, pode-se fazer uso de suas variações como o itálico, o bold e o condensado que permitem boa margem de opções, sem, contudo, descaracterizar o estilo da página. A escolha do tipo de letra - Embora subjetiva, deve considerar à legibilidade, ou seja, a facilidade que leitor deve ter para reconhecer as letras.

• Tipos serifados - Tipos que contem traços nas extremidades das letras. Guiam os olhos do leitor de uma letra para outra, imprimindo ritmo e facilitando a leitura impressa. Ex: Garamond, humanistic, Aldine, etc.

• Tipos sem serifa (tipo bastonado)- Tipos que não contem traços, são retos, utilizados em títulos e legendas com letras no formato bold. Os tipos sem serifa facilitam a leitura na web. Ex: Helvética, Verdana, Arial, Futura, etc.

É isso ai pessoal!!

Baseado no material do professor de Design da Universidade Anhembi Morumbi
Andrej Grujic

Resolução, Qual devo usar?

2008-04-28T22:59:00.002-03:00

Quando começamos a trabalhar com fotografias digitalizadas, é importante saber o que significa e como funciona a resolução da imagem. Os fotógrafos e operadores digitais que não conhecem a fundo essa teoria, com certeza já tiveram ou terão prejuízos financeiros e perda de credibilidade profissional. Sem entender o que é a resolução, nem pense em corrigir ou alterar qualquer característica da fotografia.
Todas as imagens que usamos no Photoshop, de alguma maneira foram digitalizadas, seja por um scanner ou pela própria câmera digital. Diferentemente do que a maioria dos fotógrafos pensa, a qualidade da digitalização é o fator essencial para bons resultados. Quando uma fotografia é digitalizada por um processo inadequado ou por equipamentos de baixa precisão, as cores saem incorretas, aparecem serrilhas ou borrados, e ainda os arquivos podem ficar extremamente grandes e pesados para trabalhar no computador.
Para fugir de problemas, use scanners profissionais de alta resolução, que podem ser planos ou de filmes. Os scanners planos são mais usados para o escaneamento de cópias em papel. Já os scanners de filmes são apropriados para negativos e positivos coloridos e preto e branco de 35 mm. De preferência, opte em escanear suas fotos em scanners de filme. Só digitalize as cópias do papel em último caso, quando não houver possibilidade de conseguir os negativos.
A vantagem de escanear direto do negativo ou positivo é que podemos captar uma gama de cores e detalhes superior aos conseguidos no escaneamento de uma cópia impressa. Se for inviável Comprar esses scanners, opte pela terceirização dos serviços de escaneamento em birôs de pré-impressão. Caso tenha uma câmera digital de boa qualidade, tudo fica mais fácil. Apenas não esqueça de definir uma boa resolução antes de começar a fotografar.
Mas o que é resolução? A explicação científica diz que a resolução é o número de pixels exibido por uma unidade de comprimento impresso em uma imagem. Que normalmente é medido em pixels por polegadas ou em inglês como a expressão é mais conhecida. Dots per inch, ou simplesmente DPI. Vamos a definição praticar do que é resolução
Toda imagem digital é formada por pequenos pontos chamados pixels, ou seja, milhares de pontinhos formam uma fotografia quando ela é escaneada. Podemos comparar os pixels na imagem digital às células que forma o corpo humano. A junção de milhares de células é que formam todos os órgãos dos seres humanos. O mesmo acontece com as imagens digitalizadas.
Quando a imagem tem poucos pixels por polegada. Significa que ela está em baixa resolução existente em equipamentos de escaneamento e captura digital é 72 DPI, ou seja uma imagem em baixa resolução possui apenas 72 pontos (pixels) por polegada (DPI). Se você escanear uma foto no tamanho de 10 por 15 centímetros (4 por 6 DPI. polegadas) com 72 DPI. Ela será formada por cerca de 120 mil minúsculos pontos (pixels).
considera-se uma imagem em alta resolução quando ela possui 300 DPI’s, ou seja, 300 pontos por polegada. Se pegarmos a mesma imagem 10 por 15 centímetros do exemplo anterior e, escanearmos em 300 DPI’s, ela terá mais de dois milhões de pontos. Na pratica, a imagem em 300 DPI terá 18 vezes mais pontos do que a imagem em 72 DPI está diferença de pontos na formação a imagem é que determina a qualidade da imagem digitalizada.
Quando uma imagem em baixa resolução é impressa, normalmente, ela fica pixelada, serrilhada ou sem nitidez, como se estivesse embaçada. Como os fotógrafos precisam publicar, posteriormente, suas fotografias em jornais, revistas ou exposições, a resolução correta para escaneamento e edição das imagens é de 300 DPI agora, estamos combinados. Se o objetivo é imprimir a imagem, use 300 DPI, caso contrário, 72 DPI são suficientes. Imagens em alta resolução reproduzem mais detalhes e as transições de cores ficam mais suaves do que imagens em baixa resolução.
Mas atenção! Não adianta ter um arquivo digital de três centímetros de largura por quatro de altura com 300 DPI e imprimir no tamanho de 13 por 18 centímetros. Se for feito, a imagem também perderá qualidade, inclusive com risco de aparecerem os pixels (pontos) que formam a imagem. O ideal é reproduzir a imagem em tamanho real ou menor do que a original. Por exemplo, se a imagem tem 10 centímetros de largura por 15 de altura com 300 DPi, podemos imprimi-la nesse formato ou menor sem comprometer a qualidade.
No photoshop, existe uma correlação entre a resolução da imagem e as dimensões em pixels isso significa que, conforme ampliamos ou reduzimos a resolução da imagem, simultaneamente são alteradas suas dimensões. Alguns modelos de câmeras digitais captam as imagens em 72 DPI, mas isso não significa que elas não podem ser usadas em mídias impressas.

É isso ai pessoal.

Abraço a todos !!!

O que é cor? RGB ou CMYK: qual é a escolha certa?

2008-04-03T21:13:00.006-03:00

A cor é um componente indispensável em qualquer lugar. Ela gera contrastes, ressalta a beleza de pessoas e objetos, destaca a vida. Mas o que é uma cor? A cor existe por causa de três elementos: luz objeto e observador. A luz é formada pelo comprimento de três ondas: vermelho, verde, azul. Quando a luz incide sobre um objeto, é absorvida ou refletida. As ondas refletidas são enviadas aos olhos do observador, interpretadas pelo cérebro definem as cores.
O que isso tem a ver com Photoshop? tudo no Photoshop como na natureza, as cores também são formadas a partir de pontos (pixels) iluminados, que se baseiam em três cores: vermelho (red), verde (green) e azul (blue). Assim, surgiu o espaço de cor RGB, que é padrão de cores em todos os monitores, ou seja. Todas as imagens e fotografias visualizadas no computador estão em RGB, e na hora de imprimir, também usamos o RGB? Ai é que reside o problema. As imagens na tela do computador são formadas por pontos de luz que podem ter 16,7 milhões de combinações diferentes, ao passo que na cópia impressa as cores são geradas a partir do reflexo da luz sobre pigmentos ou corantes no papel branco. Portanto, é evidente que no papel impresso fica difícil reproduzir todas as cores que existem na imagem na tela do monitor. Por causa dessa incapacidade de simular as cores de uma mídia impressa. Surgiu, então o CMYK.
O CMYK é o espaço de cor usado para impressão em quatro cores como fotografias, desenhos, ilustrações, textos, etc. tudo o que for impresso em cores deve estar no modo CMYK. Ao contrário do RGB, que precisa apenas de três ondas de luz para formar as cores, o modo de cor CMYK necessita de quatro: CIANO (C), magenta (M), amarelo (Y) e preto (K). Optou-se em usar a letra K para representar o preto (BLACK) para evitar confusões com a cor azul, que em inglês é Blue.
Qual o modelo de cor devo usar? RGB ou CMYK? A resposta depende da finalidade do material. Se você for tratar uma fotografia, fazer uma fusão ou montagem apenas para usar na internet, e-mail ou visualizar no seu computador, a imagem final deve estar no modo de cor RGB. Mas se for editar ou manipular uma fotografia para um material impresso, papel fotográfico, jornal ou revista, o arquivo deve estar em CMYK.
Então não se esqueça que o espaço de cor RGB é maior que o CMYK, possui mais cores, mas serve apenas para trabalhos exibidos na tela do computador. O CMYK, por outro lado, é o espaço de cor apropriado para trabalhos destinados a mídias impressas.
Porém, no Photoshop alguns filtros, comandos e efeitos só funcionam com o modo de cor RGB. E agora, como usa-lo em um trabalho que será impresso em CMYK? Inicialmente, o Photoshop permite abrir uma imagem em RGB, corrigir cores, efetuar outros ajustes e depois converte-la para CMYK através do menu imagem>modo. Só há um problema. Como o espectro de cores RGB é maior, consequentemente, as cores são mais vivas e intensas. Quando convertemos para CMYK, algumas cores ficam mais apagadas ou sem brilho. Para sair dessa encruzilhada, a dica é manipular a imagem em RGB com uma simulação de cor para CMYK. Isso pode ser feito através do menu visualixar>cores de prova(CTRL Y), dessa maneira, você terá acesso a todos os comandos do Photoshop com a perfeita simulação de cor para a impressão em CMYK.
Além do acesso a todos os comandos do photoshop, como efeitos de iluminação, transformação 3D, reflexos de flash, filtros artísticos e croqui, o modo RGB tem outras vantagens: o tamanho dos arquivos é 25% menor do que os arquivos em CMYK, por que o RGB possui apenas três canais de cor (vermelho, verde, azul), enquanto o CMYK usa quatro canais. Sendo menores, os arquivos em RGB são alterados com mais rapidez. No Photoshop, quanto mais espaço livre na memória RAM, melhores são o desempenho e a velocidade. O espectro de cores RGB é maior do que o CMYK, por isso o usuário terá mais flexibilidade e variação de cores a sua disposição. Contudo, não exagere. Mesmo que o Photoshop ofereça a conversão entre modos de cor evite faze-la continuamente. Cada vez que você faz a conversão de um modo para outro, são perdidas informações da imagem. Nessa pequena introdução sobre as cores, mostramos apenas as características, vantagens e desvantagens do RGB e CMYK, por ambos serem os mais comuns e usados no Photoshop. Mas o programa possui outros seis modos de cor.

É isso ai pessoal.

Abraço a todos!!!

Dica de livro: Adobe Photoshop

2008-03-27T22:47:00.003-03:00

Olá pessoal, Hoje vou postar uma dica de livro para quem trabalha com Photoshop Ou é fotógrafo, o livro Adobe Photoshop, para fotógrafos, designers e operadores Digitais volume 1. 5º edição. Conteúdo muito interessante e de fácil entendimento. Em breve postarei alguns macetes do livro aqui no blog.

:::DESCRIÇÃO DO LIVRO:::

O livro Adobe Photoshop para fotógrafos, designers e operadores digitais foi escrito especialmente para fotógrafos profissionais e amadores. É o primeiro livro no Brasil, em sua categoria, voltado exclusivamente para os amantes da fotografia. O livro é composto por mais de 50 lições práticas de como resolver os problemas mais comuns de fotografias e imagens. “O livro usa uma linguagem menos técnica, enfatizando mais a fotografia de maneira prática e objetiva. Por isso, o livro também atende as necessidades de operadores digitais de lojas de fotografia e designers que tem na fotografia sua matéria prima de trabalho” explica o autor, Altair Hoppe. A publicação atende desde o iniciante até o usuário mais experiente. “No final do livro o usuário já será capaz de criar fusões perfeitas, colorir fotos, tratar imagens com precisão e corrigir qualquer defeito em suas fotografias”. Dividido em capítulos em ordem crescente de dificuldade, o livro apresenta no primeiro capítulo uma descrição detalhada da fotografia digital e seus principais conceitos, como tipos de arquivos, modos de cor, calibração e resolução de imagem. Todas as lições são amplamente ilustradas com imagens de antes e depois, telas do programa e explicações passo-a-passo.
Adobe Photoshop para fotógrafos é totalmente colorido, impresso em papel couche fosco 115 gramas no formato 17x24 cm. Todas as lições podem ser executadas nas versões 6.5, 7.0 e CS do software.

:::Onde comprar:::

Editora Photo: 79,00
Livraria Saraiva: 95,00
Submarino: 95,00

Boa leitura a todos.

Abraços!

Origem do Photoshop

2008-03-19T22:12:00.000-03:00

O Photoshop surgiu no final dos anos 80, quando o estudante da Universidade de Michigan, Thomas Knoll, decidiu criar um programa para abrir e exibir arquivos gráficos. Incentivado pelo irmão, Thomas Knoll, então supervisor de efeitos especiais da empresa de George Lucas, Thomas foi aprimorando os recursos do programa, principalmente na parte de edição de imagens. Em 1987. Thomas batizou a primeira versão de Display.

Enquanto desenvolvia o programa, Thomas tomou o cuidado de distribuir algumas cópias do software para amigos interessados em testar o produto. Ele também tentou sem sucesso vender o programa para algumas empresas especializadas, porém, a criação de Thomas somente foi reconhecida quando o programa caiu nas mãos de um executivo da Adobe. Dez meses depois, num trabalho em conjunto com os programadores da empresa, era lançada a primeira versão do programa. Nascia o Photoshop 1.0 e a revolução na edição e manipulação de imagens. Falar sobre a revolução que cada nova versão do Photoshop causou é redundante. O Photoshop é, sem dúvida, em qualquer versão o melhor programa de edição, tratamento e manipulação de imagens.

É isso ai pessoal, em breve postarei dicas e truques para edição e tratamento de imagens.

Feliz páscoa a todos!!!

Feng-gui

2008-03-12T21:22:00.000-03:00

Fala galera continuando com dica de sites, aqui vai mais um interessante. O site feng-gui oferece uma ferramenta on-line gratuita de grande utilidade para desenvolvedores web. Utilizando um sistema de inteligência artificial ele simula a visão humana e indica que regiões do seu site chamam mais atenção. Formas e cores e posicionamento de cada elemento do site são analisados. O gráfico indica através de cores as regiões mais quentes (avermelhadas que chamam mais atenção) e mais frias (escuras ou azuladas que chamam menos atenção) do site.
Veja o exemplo com a página inicial do site prolumecard. (em desenvolvimento).

Usar o serviço é simples. Digite o endereço do seu site no campo maior logo abaixo do texto “Insert web address or upload image (50K-500K) and press Heatmap:” e envie uma imagem do seu site com no máximo 500kb pelo campo que fica logo baixo. Clique no botão “HeatMap” e aguarde o processamento que pode levar alguns minutos
Visite: http://www.feng-gui.com

Abraço a todos!!

Browsershots

2008-03-12T20:19:00.000-03:00

Boa noite pessoal, a dica de hoje é do site Browsershots. O site possui uma ferramenta que lhe permite testar on-line, se o site está sendo bem visto por todos os navegadores existentes como:

Internet Explorer 5, 6 e 7
Firefox 1, 1.5, 2.0.
Opera 9.0
Safari 2.0 (Mac)
Dillo
Firebird
Flock
Galeon
Konqueror
Mozilla 1.7
Navigator 4.8
e outros…

Você ainda pode definir se o javascript, flash, java, estão ligados. Pode definir a resolução de 640×480 até 1600×1200 e sistema de cores de 4bits até 24bits. A verificação completa demora 30 minutos. Você verá uma “foto” de como a página será vista nos navegadores.
Visite: http://browsershots.org/

Abraço a todos!!

Black Rain

2008-03-03T22:06:00.000-03:00

Fala galera do metal!! Essa é para os fãs de Ozzy Osbourne que desde 2001 não lançava matérial novo, e em 2007 resolveu voltar a ativa, cd recheado de sonzera, um faixa melhor que a outra, e só baixar e comprovar a eficiência do bom velhinho Ozzy.

Link para download: http://rapidshare.com/files/96863023/Ozzy_Osbourne.rar.html
Vamos falar do álbum, o instrumental esta muito bom e o Ozzy está cantando direitinho! eheheheheh Destaque para as tracks: Not Going Away, I Don't Wanna Stop e Silver.

Site Oficial: http://www.ozzy.com

Discografia: http://en.wikipedia.org/wiki/Ozzy_Osbourne_discography

É isso ai pessoal!

Abraço a todos.

Netscape chega ao fim

2008-02-29T23:41:00.000-03:00

A America Online, dona do Netscape, vai descontinuar o navegador neste sábado dia 1º de março.
A morte do Netscape foi anunciada no final de 2007, mas a AOL optou por adiar até amanhã o fim do aplicativo para dar mais tempo a seus usuários para migragem. Um dos mais famosos browsers da internet, o Netscape chegou a ser o navegador mais popular da web em meados dos anos 90. Com o tempo, porém, foi engolido pelo Internet Explorer, da Microsoft. Para os órfãos do Netscape, que não terá mais suporte e atualizações de segurança, a AOL recomenda o uso do Firefox, navegador que apresenta maior taxa de crescimento. Segundo a AOL, a companhia optou pelo fim do Netscape por não ver perspectivas do navegador competir com os líderes de mercado, o Internet Explorer e o Firefox.
E viva o Firefox melhor navegador na minha opinião
É isso bom fim de semana a todos.

Abraços!!!!

fonte:andafter

Ativação do Windows XP

2008-02-29T23:02:00.000-03:00

Fala ai galera! hoje irei postar um tutorial para ativar o Windows pirata, achei na internet, e resolvi postar, Então vamos lá.

* Vá em Iniciar > Executar

* Digite regedit e clique em OK.

* Já dentro do regedit, navegue até a chave:

HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\WindowsNT\Cu rrentVersion\WPAEvents

* No painel à direita, clique duas vezes em OOBETimer

* Na janela que foi aberta, apague qualquer valor e clique em OK. Feche o regedit

* Vá novamente em Iniciar > Executar e dessa vez digite:

%systemroot%\system32\oobe\msoobe.exe /a

* Na janela que foi aberta, escolha a opção Sim, desejo telefonar…

* Na próxima etapa, clique no botão Alterar chave de produto.

* Na etapa seguinte, digite a CD-Key:

THMPV-77D6F-94376-8HGKG-VRDRQ

e clique no botão Atualizar

* Após clicar no botão Atualizar, o assistente para ativação voltará para a janela anterior, então, clique em Lembrar mais tarde e reinicie o Windows.

* Reiniciado o Windows vá novamente em Iniciar > Executar e digite:

%systemroot%\system32\oobe\msoobe.exe /a

* Aparecerá a seguinte mensagem:

Ativação do Windows

O Windows já está ativado. Clique em ok para sair pronto agora seu Windows XP pirata já está ativado e funciona como um Windows XP original, e assim sendo, você pode atualiza-lo pelo Windows Update sem nenhum problema.

É isso ai pessoal!

Abraço a todos.

Gif Jpeg e Png

2008-02-24T11:06:00.001-03:00

Fala galera, correria para entregar o projeto do curso de web, e o blog tá meio desatualizado. Hoje irei postar uma matéria sobre a origem dos formatos gif, jpeg e png.

GIF
Surgiu em 1987 com a proposta de substituir o formato em branco e preto RLE e trazer cores às imagens da web usando a compressão LZW que no GIF usa até 256 cores para compor a imagem, o que resulta num arquivo com boa compressão, mas com limitações quando a imagem contém muitos detalhes, ou seja, muitas cores. Dois fatores foram cruciais para a popularização do formato nos primórdios da web: o tamanho do arquivo era ótimo para modem de 14kbps, e ter suporte a animação. Mesmo resultando em animações simples, em muitos casos é ideal usar GIF animado em alternativa ao Flash por questões de acessibilidade e simplicidade. Seu calcanhar de Aquiles é o limite de 256 cores e o uso limitado de transparência. Como o GIF substitui uma cor pela transparência, não é possível criar níveis de transparência diferentes para um cor específica o que resulta no famoso “serrilhado” nas bordas dos GIFs transparentes.

JPG
Foi finalizado em 1992 e usando uma compressão diferente do LZW, usada pelo GIF, conseguiu um ótimo equilíbrio entre tamanho de arquivo, detalhes e quantidade de cores da imagem. Apresentou-se como a melhor alternativa para imagens com mais de 256 cores mantendo o tamanho do arquivo reduzido, ganhou ainda mais popularidade quando o mosaic, primeiro browser da web, ganhou suporte a ele. Hoje o JPG (ou JPEG) é o formato mais popular de imagem não só na web, mas também em equipamentos digitais como máquinas fotográficas.
Três fatores fazem o JPG não ser o GIF Killer completo: não ter suporte a animação, compressão excessiva de gráficos com poucas cores e não suportar transparência. Apesar do GIF não apresentar o suporte perfeito a transparência, ainda é uma alternativa que vale a pena em ícones de fundo transparente, por exemplo.

PNG
É um formato de código aberto que foi criado em 1995 para resolver problemas de patentes pelo uso do GIF. Até 2003, toda empresa que quisesse usar a biblioteca do GIF em seus softwares precisava pagar royalties aos criadores. O PNG tem uma compressão de dados que utiliza todas as cores possíveis.
Além do fabuloso suporte à transparência usando canal alpha, o mesmo método usado em formatos de arquivo dos programas gráficos famosos, ele é tão bom para gráficos com poucas cores quanto para fotografias. Em 1996 foi adotado como padrão de gráfico pela W3C e hoje é o terceiro formato de imagem em popularidade na web.
O problema? Tamanho do arquivo um pouco maior que o GIF e JPG, mas depende muito do caso e também do tipo de compressão usado. Há casos em que o PNG 8 é o ideal para logotipos e ícones. O arquivo cresce principalmente em fotografias com muita informações de cores. Mas o verdadeiro concorrente do PNG não são outros formatos gráficos, é o Windows. O sistema operacional até a versão XP não tinha suporte nativo ao PNG 24 bits e só no Windows Vista tem suporte completo “de fábrica”, incluindo transparências e fidelidade de cores.

É isso ai pessoal.

Abraços a todos.

Listen Before You die

2008-01-31T21:33:00.000-02:00

Ai vai uma dica para quem é metaleiro, o site http://kid.zip.net/ que disponibiliza Cd de bandas pelo estilo e também em ordem alfabética. Para download.
É isso ai pessoal.

Abraço a todos.

Fonte:cristiano salomão

Bill gates futuro rockeiro? será?!

2008-01-21T22:39:00.000-02:00

A questão é: Será que depois de anunciar a aposentadoria, o tio bill gates vai virar Rockeiro?
O guitarrista Slash (velvet revolver, guns n’ roses) tocou uma versão de "Welcome To The Jungle" tendo como companheiro ninguém menos que Bill Gates, o todo-poderoso presidente da Microsoft!
O episódio ocorreu na CES - Consumer Electronics Show (Feira de Eletrônicos) de Las Vegas.
O vídeo do evento pode ser conferido neste link (Slash aparece por volta dos 63 minutos).

Abraço a todos!!

Fonte: whiplash

Clareando Fotos Escuras

2008-01-08T22:22:00.000-02:00

Uma dica para quem é usuário do Photoshop e quer clarear
aquela foto que ficou escura, esta dica é muito interessante
para quem trabalha ou usa o Photoshop para impressão.
Vamos lá!
Escolha uma foto de preferência que tenha pessoas ou objetos que ficaram ofuscados na foto.

Depois de escolhida a foto, vamos ao que interessa: Vá até o painel Layers e escolha a opção create a new layer . (criar uma nova camada) segurando a tecla alt do teclado como mostra Figura abaixo

Se não estiver visualizando esta janela vá até, à barra de ferramentas Windon (janela) e depois até Layers (camadas) ou aperte a tecla F7 do teclado.
Após criar a nova layer ira aparecer uma outra janela com algumas opções, Name (nome), Color (cor), Mode( modo), Opacity(opacidade). Vamos alterar o modo de normal para soft-light (luz suave) e marcar a seleção “fill white soft-light-neutral color (50% gray)”. Ela aplicara uma cor neutral no layer de 50% cinza como mostra figura abaixo

Depois das opções selecionadas click em ok. O photoshop criara uma layer com 50% de cinza.
Após ter feito este procedimento, aperte a tecla (D) do teclado para resetarmos as cores do background para branco e preto. Agora iremos usar a ferramenta Brush Toll(pincel)Você também pode usar a tecla (B) do teclado.

Após ter feito este procedimento é só clarear as partes escuras, ou caso você queira voltar a imagem original, mude a cor do background para (R:0 G:0 B:50) que voltará a imagem, a tonalidade de luz normal. Você também pode usar o atalho (ALT+DELETE). Depois de configurar a cor do background pra 50% de cinza. E só conferir o resultado.

NOTA: Para os usuários do Firewoks também é possível usar essa técnica. Em breve irei postar um tutorial usando o Fire.

Abraço a todos.

World Wide Web

2007-12-28T21:57:00.000-02:00

WWW é a sigla de World Wide Web que significa Rede Mundial (a grande rede de computadores interligados no mundo todo). A World Wide Web é resultado de um projeto para uma melhor distribuição de informações a grupos de pesquisas iniciado no ano de 1989 por cientistas do CERN (Centro European Researche Nucleare) laboratório de física sediado em Genebra, na Suiça, com o intuito de facilitar a comunicação interna e externa.

Antes da WWW, os cientistas, assim como toda a comunidade Internet, necessitavam de uma série de programas distintos para localizar, buscar e visualizar as informações.

Ao final de 1990, os pesquisadores no CERN possuiam um browser baseado em modo texto. Durante o ano de 1991 a WWW foi liberada para uso geral no CERN. Durante o ano de 1992, o CERN começou a anunciar o projeto WWW. No entanto, apenas em fins de 1993 a World Wide Web iniciou sua fase de crescimento explosivo, com a introdução da versão final do software NCSA Mosaic, um browser, para a comunidade Internet.

Muitos browsers foram desenvolvidos para muitos sistemas de computadores. Em 1994, a WWW já havia se tornado uma das formas mais populares de acesso aos recursos da Internet.

O objetivo inicial era, portanto, centralizar em uma única ferramenta as várias tarefas necessárias para se obter as informações disponíveis na Internet.

Usuários de todo o mundo foram atraídos pela forma simples e divertida que a WWW disponibilizava o conteúdo da Internet.

A organização World Wide Web Consortium (W3C) é responsável pela padronização do HTML. A especificação original do HTML foi desenvolvida, no CERN, por Tim Berners-Lee atual Preisidente do W3C, que transformou sua obra em patrimônio coletivo dos internautas.

A versão padrão do HTML hoje é a 4.0. Entretando algumas versões de Browsers ainda interpretam somente a versão 3.2 do HTML.

É isso ai pessoal, uma pequena introdução do começo da web.
“Texto retirado de uma apostila de html”.
Desejo a todos um feliz 2008, repleto de saúde, paz e amor.

Abraços.

Como Enlouquecer um Design

2007-12-23T22:14:00.000-02:00

Encontrei este texto em um site e resolvi posta aqui, muito hilário.

1- Microsoft Office

Quando você tiver que mandar um documento para um designer gráfico, certifique-se que ele foi feito com algum programa do Office. Versão PC se possível. Se você tiver que mandar figuras, você terá mais chances de enlouquecê-lo; ao invés de apenas mandar um jpeg ou um raw de câmera digital, insira as figuras em um arquivo de Office como o Word ou Powerpoint.
Não se esqueça de baixar a resolução para menos que 72 dpi, assim eles terão que contatar você novamente para pedir uma versão com a qualidade melhor. Quando você mandar a versão "melhor", certifique-se que o tamanho seja no mínimo 50% menor. E se você estiver enviando as figuras por e-mail, esqueça de anexá-los de vez em quando.

2- Fontes

Se o designer gráfico escolher Helvetica, peça Arial. Se ele escolher Arial, peça Comic Sans. Se ele escolher Comic Sans, ele já está 50% doido, então seu trabalho está 50% pronto

3- Quanto mais melhor

Suponhamos que você precise de um designer para um jornal. Designers gráficos vão sempre tentar deixar espaços em branco em qualquer lugar. Margens largas, o alinhamento, o kerning do texto, etc. Eles vão dizer que eles fazem isso para facilitar a leitura e manter um visual limpo e profissional. Mas não acredite destas mentiras. Eles fazem isso para deixar o documento ainda maior, com mais páginas, e isto lhe dará mais prejuízos com a gráfica. Por que eles fazem isso? Porque designers gráficos odeiam você. Eles também comem bebês. Sem cozinhar, carne de bebê crua.

Então certifique-se de lhes pedir para colocar margens menores e um texto muito pequeno. Diferentes tipos de fonte também são uma boa pedida (e você ganha bonus se pedir Comic Sans, Arial ou Sand). Peça clipart. Peça muitas figuras (se você não sabe como mandá-las, veja o item 1). Eles vão tentar argumentar e defender as escolhas deles mas não se preocupe, no final, o cliente está sempre certo e eles irão acatar todos os seus pedidos.

4- Logos

Se você tiver que mandar um logo de um projeto particular para um designer gráfico, de um patrocinador ou parceiro por exemplo, certifique-se de que ele seja realmente pequeno e um gif ou jpeg de baixa resolução. Novamente, você ganha pontos se inseri-lo em um documento Word antes de mandá-lo. Agora você deve estar pensando que isto tenha sido suficiente mas se você quiser mesmo abalar a estabilidade mental de um designer gráfico, dê o seu melhor e mande uma versão do logo com um fundo que dificulte o seu recorte. Fundos pretos ou brancos devem ser evitados, já que são facilmente cortados com um layer style mais escuro ou mais claro no photoshop. Uma vez que o designer gráfico estiver trabalhando em um logo bitmap, diga-lhe que você precisa dele maior.

Se você precisa de um logo customizado, faça os seus próprios rascunhos em um guardanapo. Ou melhor ainda, deixe seu filho de 9 anos desenhar isso. Seu rascunho não pode demorar mais que 5 minutos para ficar pronto. Você não quer algo detalhado e fácil de ser entedido, porque quanto menos um designer entender o que você quer, mais mudanças ele terá que fazer no futuro. Nunca aceite o primeiro logo. Nunca aceite o nono, faça-o fazer várias mudanças, cores, fontes e clipart. Peça-lhe para adicionar uma foto no logo. Cantos. Gradientes. Comic Sans. E quando ele estiver em sua décima tentativa, diga-lhe que você gostou mais da segunda. Eu sei, isso é cruel, mas lembre-se: designers gráficos são a causa do câncer de mama entre as mulheres de meia-idade.

5- Escolhendo suas palavras

Quando estiver descrevendo o que você quer para um designer, certifique-se de usar termos que realmente não signifiquem nada. Termos como "jazz it up a bit"* ou "poderia tornar isso mais webístico?". "Eu gostaria de um design bonito" ou "Eu prefiro gráficos legais, gráficos que, você sabe, quando você os vê você diz: esses são gráficos legais." são outras opções. Não se sinta mal com isso, você fez a coisa certa. De fato, é a sua obrigação porque todos nós sabemos que em noites de lua cheia, os designers gráficos se transformam em lobisomens.

* preferi não traduzir essa frase, acho q perde um pouco da graça xD

6- Cores

A melhor maneira para escolher as cores (porque você não quer deixar o designer gráfico escolher) é escrevê-las randomicamente em pedaços de papel, colocá-los em um chapéu e sorteá-las. O designer gráfico irá sugerir que você fique com 2 ou 3 cores no máximo, mas não. Escolha quantas cores você quiser e certifique-se de fazer o sorteio no chapéu na frente dele. Enquanto fizer isso, cante uma música bem chata.

7- Prazos

Quando for a sua vez de aprovar o design, relaxe. Não há pressa. Espere dois dias. Mais seis. Conforme o fim do prazo for chegando, contate o designer com mais correções e mudanças que ele tenha tempo para fazer. Afinal, os designers gráficos são responsáveis pelos ataques do PCC e do 11 de setembro.

8- Acabe com ele

Depois de aplicar todos os itens desta lista em sua vítima, faz parte da natureza humana (embora alguns irão argumentar se eles são humanos ou não) ficar um pouco inseguro. Conforme ele for percebendo que não pode satisfazer suas necessidades, o designer gráfico irá abandonar todas as suas esperanças de vencer uma discussão e irá fazer só o que você disser para ele fazer, sem questionar. Você quer aquilo em roxo? Então é roxo. Seis fontes diferentes? Claro!
Nesta altura dos fatos, você deve estar pensando que venceu, mas não se esqueça do seu objetivo: ele tem que desistir desse negócio. Então esteja pronto para o golpe final: Quando estiver em suas decisões finais sobre cores, formas, fontes, etc, diga-lhe que está desapontado com a falta de iniciativa dele. Diga-lhe que afinal de contas, ele é o designer e que ele deveria ser o cara que coloca sua experiência e seu talento no trabalho, não você. Que você estava esperando mais soluções e avisos sobre o design dele.

Diga-lhe que você está farto desta falta de criatividade e que era melhor você mesmo fazer o seus layouts no publisher ao invés de pagar por seus serviços. E aí está. Você deve ter um designer gráfico imobilizado em uma camisa de força em pouco tempo!
Fim.

E aí, é ou não é de chorar?
Se alguém souber o autor já sabe: joguem ele para a fogueira!

Fonte:andafter

Abraço a todos

Long Live Rock n' Roll

2007-12-23T00:44:00.000-02:00

Saudações a nação do rock n roll e aos fãs da banda Metallica, os caras disponibilizaram o show de 17 de agosto de 1985 no Donington Park e Donington uk, que traz as faixas ‘Creeping Death’, ‘Ride The Lightning’, ’The Four Horsemen’, ‘Fade To Black’, ‘Seek And Destroy’, ’Whiplash’, ‘Motorbreath’.

Duração total: 00:45:38

Vá ao LiveMetallica.com. para baixar sua cópia AGORA!!!

(Nota do Editor: na realidade, este e vários outros shows
já estão disponíveis faz algum tempo – vale à pena dar
uma checada na seção ‘Vaults’ – e aparentemente a versão
que liberaram não é a gravada “da mesa” mais sim a “da platéia”
que ainda por cima está incompleta, pois faltam duas faixas –
“For Whom The Bell Tolls” e “Am I Evil?”).

É isso ai, pra quem curte o som dos caras é só baixar gratuitamente.

Fonte: Whiplash.

Abraço a todos.

Web Developer

2007-12-20T23:08:00.000-02:00

Mais uma dica para quem é web design e
usa o navegador firefox. Ele possui uma extensão chamada
web developer, que ajuda no momento de desenvolvimento e programação
do site, podendo desabilitar o css, java, imagens, localizar os headings, frames, validar css, html, java, links, uma ferramenta muita boa para web designers.
É só baixar, instalar, reiniciar o firefox e testar suas funcionalidades.

Espero ter ajudado!!!

Abraços a todos.

Typetester, Csstype, Fonttester.

2007-12-20T20:34:00.000-02:00

Vou começar dando uma dica muito interessante de site.
O typetester, site que permite aos web designers uma prévia de como ira ficar o texto de seu site na internet, podendo especificar o background da pagina, a cor do texto, o tamanho,
a fonte, espaçamento entre as letras, decoração do texto e o alinhamento.
Você também pode conferir sites com serviços semelhantes: o css type e fonttester, sites de grande ajuda para quem está começando na área de Desenvolvimento web “como eu rsrsrsrsrs”.

Espero ter ajudado!!

Abraço.