kraudio

Archive for Junho 2007

Cores II (psicologia das cores)

In Dicas, Diversos, cor on Terça-feira, Junho 12, 2007 at 3:57 pm

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 640×480 pixels, 800×600 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: http://www.mxstudio.com.br/

Cores e seus significados psicológicos

In Dicas, Diversos, cor on Terça-feira, Junho 12, 2007 at 3:55 pm

Por Fabrício Alves,

As cores influenciam psicologicamente os seres humanos de várias maneiras, e são mais ligadas à emoção do que propriamente à forma. Se várias figuras coloridas forem mostradas a um grupo de pessoas, essas pessoas se lembrarão mais facilmente das cores do que das formas dessas figuras.

Quando escolhemos uma cor para elaborarmos nossos trabalhos, sejam trabalhos de design, ilustração, anúncios ou qualquer outro tipo de trabalho visual, devemos ter em mente que estamos lidando com um elemento de estímulo imediato, e que essa cor escolhida provocará diversas reações em seus observadores, reações essas que podem ser positivas ou negativas, dependendo da sua utilização.

Por isso, é extremamente importante estarmos atentos à psicologia das cores e seus significados, para melhor aplicarmos essas cores em nossos trabalhos. É imprescindível que qualquer pessoa que trabalhe com comunicação conheça as terias básicas da cor, para saber como estas se complementam e interagem umas com as outras.

É realmente muito interessante, verificar como a psicologia das cores são utilizadas atualmente, principalmente pelas grandes empresas. Marcas conhecidas mundialmente, fazem uso constante deste conhecimento para chamar a atenção, ou simplesmente, vender mais seus produtos.

Empresas como a Coca-Cola, que utiliza o vermelho na maior parte de seus produtos, remetendo ao calor, mas este calor sendo “quebrado” pelo frescor que representam as bolhas d’àgua desenhadas nas latas. Também o caso do Mc’Donalds, com as cores amarelo e vermelho. O amarelo forte é usado para gerar ansiedade, o vermelho para dar fome e os dois juntos, presente em grande quantidade dentro das lanchonetes desta empresa, estimulam seus clientes a comerem em demasia e rapidamente, pois a presença destas cores geram um certo desconforto se visualizadas por muito tempo.

Abaixo, um resumo com o significado de algumas cores:

- Branco:
Sugere pureza. Cria uma impressão de vazio e de infinito. Evoca frescor e limpeza, principalmente quando combinado com o azul.
Ex: Ordem, simplicidade, luz, paz, higiene, casamento, hospital, neve, harmonia.

- Preto:
Silêncio. Morte. Quando brilhante, confere nobreza, distinção e elegância. Cor preponderantemente masculina.
Ex: Noite, nobreza, pessimismo, tristeza, dor.

- Cinza:
É a expressão de um estado de alma duvidosa e neutra. Símbolo da indecisão e da ausência de energia. Quanto mais sombrio, mais conota desânimo, monotonia.
Ex: Chuva, máquinas, seriedade, velhice, desânimo, sabedoria.

- Vermelho:
Significa força, virilidade, masculinidade, dinamismo. É uma cor exaltante e até enervante. Impõe-se sem discrição. É uma cor essencialmente quente, transbordante de vida e de agitação.
Ex: Cereja, morango, sangue, desejo, sexo, agressividade, fogo, fome, perigo, guerra, força, energia, fúria, dinamismo, paixão.

- Laranja:
Transborda irradiação e expansão. É acolhedor, quente, íntimo.
Ex: Outono, pôr-do-sol, festa, comida, movimento.

- Amarelo:
É uma cor luminosa e muito forte para atrair a atenção, seja sozinho ou em conjunto com outras cores. É feliz, vibrante, vivo.
Ex: Luz, angústia, esperança, atenção.

- Verde:
Cor universal da natureza. Tem frescor, harmonia e equilíbrio. Cor calma, que não se dirige para nenhuma direção nem encerra algum elemento de alegria, tristeza ou paixão. O verde mais amarelado sugere uma força ativa, um aspecto ensolarado. O verde, seja em tons mais claros ou escuros, é sempre indiferente e calmo.
Ex: Floresta, natureza, bem estar, tranqüilidade, juventude, umidade, saúde, tapete de jogos.

- Azul:
Cor profunda, calma. Preferida por adultos, marca uma certa maturidade. Quando sombrio, o azul chama ao infinito. Mais claro, provoca uma sensação de frescura e higiene, principalmente quando na presença de branco.
Ex: Frio, céu, mar, tranqüilidade, paz, infinito, meditação, credibilidade.

- Roxo:
Equivale a um pensamento meditativo e místico, mistério. Assim como o preto, remete a nobreza e poder.
Ex: Sonho, mistério, egoísmo, nobreza, fantasia, profundidade, doença.

- Marrom:
Emana a impressão de algo maciço, denso, compacto. Sugere segurança e solidez.
Ex: Terra, outono, chocolate.

- Rosa:
É de pouca vitalidade e sugere feminilidade e afeição. É uma cor íntima, de doçura melosa e romântica.
Ex: Feminilidade, delicadeza.

Fonte: www.grito.com.br

Ubuntu Propaganda

In GNU/Linux & OpenSource, K/X/E/Ubuntu, Marketing & Publicidade on Segunda-feira, Junho 11, 2007 at 2:19 am

Menu Editor(Extensão Firefox+Thunderbird)

In Firefox on Domingo, Junho 10, 2007 at 6:30 pm

Uma extensão muito interessante para aqueles que como eu, tem o menu enorme, cheio de opções inúteis.
Menu Editor Options window screenshot
Install for Firefox

Fonte: http://menueditor.mozdev.org/

50 tutoriais de criação de Logo

In Adobe on Domingo, Junho 10, 2007 at 5:17 pm

Segue abaixo uma lista de tutoriais mostrando como fazer alguns logos, alguns famosos outros desconhecidos, mas vale a pena conferir.

 

Qualquer sugestão de novos tutoriais será bem vinda.

  • Creating a logo from start to finish »»
  • Strategies for Letter-based Logo Design »»
  • Step-by-step logo process »»
  • Fly Away – Illustrative Logo»»
  • Logos for the Design Challenged by Gary Priester »»
  • Vector Safari – Illustrative Logo »»
  • Tango – Illustrative Icons »»
  • Font Customization Techniques for Sign Logo Creation»»
  • Illustrating & Logos (Gazelle logo) »»
  • Simple Logos that Have Persona»»
  • Basic Shape Illustration»»
  • The process of redesigning a logo»»
  • Constructing the Perfect Logo»»
  • Designing identities for small companies»»
  • Using, fusing and abusing “the rules” of logo design»»
  • Photoshop Tutorial: How to Make a Web 2.0-Style Logo»»
  • Web 2.0 Logo #2 | Designphase»»
  • How to Design a Logo of Letters (PDF)»»
  • Logo Design With a Star»»
  • Citroen Logo»»
  • Futuristic Logo – Photoshop tutorial»»
  • Creating a nice signal logo»»
  • Skype Logo»»
  • Vector Style Flame Logo»»
  • Cartoon Character Logo»»
  • How to Design a Logotype from Conception to Completion»»
  • Colorful Logo»»
  • Create a complex logo by manipulating lines»»
  • Futuristic Logo v13»»
  • Simple Icon Logo»»
  • Crescent Logo»»
  • Jelly Remake»»
  • Joel Fagin’s Logo Tutorial»»
  • Awards Logo Design»»
  • Rev Blues – Illustrative Logo»»
  • Simple Logo »»
  • Planet Logo»»
  • Drawing a Cartoon Dog»»
  • Glassy Icon Illustration»»
  • Creating a Logo in Illustrator »»
  • Tribal Art»»
  • Illustrator CS2 Splash»»
  • Logo Design in Adobe Illustrator»»
  • Creating a Logo With a Cool Globe FX»»
  • Big Bocca – Illustrative Logo»»
  • How to create whirly logos»»
  • Illustrative Lettering»»
  • Drawing a Good Logo »»
  • Piranha’s Revenge – Illustrative Logo»»
  • Basic Building Blocks for Logo Design»»
  • Logo Frustration»»

Fonte: http://www.elogodesign.com/

Author: Vukan Karadzic, E Logo Design
Author: Bruno Saric