Categoria ‘Webdesign’
Vaga de trabalho na minha equipe (denovo) - wordpress
Oi Pessoal, mais uma vez estou na luta pra encontrar um profissional bacana pra minha equipe de web aqui na agência. Dessa vez estou procurando um conhecimento mais específico: pessoas com conhecimento da plataforma wordpress ou outro CMS como gerenciador de conteúdo.
Agora os meus requisitos básicos: Preciso de alguém com talento e interesse em ser web designers mesmo, descartando toda a turma de designer gráfico que quer fazer bico de web e semelhantes.
preciso de interesse e conhecimento de mercado.
A agência trabalha especificamente com criação e estruturação, envolvendo AI, webstandards, flash+AS, toda parte de programação é terceirizada com outra agencia da área, então não temos interesse em programadores.
Ficamos em São Paulo-SP, e só contratamos para trabalho integral. só trabalho integral na agencia! NÃO TEMOS INTERESSE EM TRABALHOS EXTERNOS!
A remuneração vai ser analisada (com justiça) para cada caso.
Os interessados, por favor, entrem em contato pelo e-mail daniele@allclickdesign.com.br
Quem quiser saber mais sobre os trabalhos do grupo (pool de quatro agencias) basta acessar os sites:
www.b2brasil.net
www.dgrau3.com.br
www.allclickdesign.com.br
www.estudiolumiar.com.br
1 comentário »
Como criar combinações de cores mais inteligentes
Pesquisas de mercado indicam que mais de 80% da informação visual é relacionada a cor.
O uso de cores diferentes para identificar a marca de alguns produtos pode ser visto em toda parte, como é o caso dos filmes fotográficos: preto e amarelo pra Kodak e o verde e branco pra a Fuji.
Até pouco tempo, a cor como identidade de uma marca era protegida por lei e certas combinações não poderiam ser usadas devido a força da associação que faziam a determinados produtos ou fabricantes.
Hoje em dia pensar nisso parece engraçado, imagine se houvesse qualquer tipo de patente sobre combinações de cores, certamente as mais atraentes já teriam se esgotado a tempos…
Mas pensando bem, isso parece correto?
Existem dois lados que devem ser considerados: é correto uma empresa se beneficiar do crédito que outra marca levou anos para conseguir? Isso sem falar no investimento. Você deve se lembrar do que aconteceu meses depois do lançamento do livro o “O Código Da Vinci”, o livro fez tanto sucesso que até hoje encontramos capas praticamente idênticas, todos eles tentando ficar com um pontinha da fama que o polêmico Best-seller conseguiu, e as vezes isso funciona. Essas publicações despertam pensamentos como “ah! Parece ‘O Código Da Vinci’ deve ser bom!” e muita gente acaba levando pra casa só por curiosidade.
Por outro lado, existem alguns princípios que devem ser observados em se tratando de cores: eu costumo dizer que quando você trabalha com informação, sempre existem muitas formas de se fazer a mesma coisa, ou se passar uma mensagem mas, quando você sabe o que está fazendo, passa a existir apenas uma maneira: a maneira certa. E se ela já foi usada? Como ficamos então? O caminho certo e seguro se torna plágio se você utiliza as mesmas cores que seu concorrente?
Se analisarmos os efeitos que a cor pode causar ao consumidor, fica fácil entender por que, em alguns segmentos, existem padrões tão específicos, muitas vezes repetitivos. As vezes pode ser frustrante para o criativo, eu prefiro ver como uma seta indicando por onde começar.
O que você está tentando vender? Um produto? Uma idéia? Um serviço? Um conceito? Seja o que for, existe uma combinação de cores que será perfeita, que determina o sucesso ou o fracasso de um projeto.
Alguns exemplos de “inspiração”
Só para descontrair, veja alguns exemplos que encontrei de casos considerados plágio ou um tipo de inspiração um pouco mais perigosa do que o normal.
Então como escolher a combinação de cores certa na hora de criar uma peça?
Como eu já falei e vivo repetindo, antes de tudo, precisamos saber perfeitamente o que estamos fazendo. Se você ainda não chegou nessa fase, seu briefing não foi bom o suficiente, você precisa de mais informação, então procure novamente o cliente, tente conversar, escute o que ele tem a dizer, na maioria das vezes ele não morde. Nós temos uma tendência a acreditar que o cliente só quer dificultar o nosso trabalho, mas temos que lembrá-lo quem é o maior interessado no sucesso da marca. Ninguém conhece melhor um produto do que o seu fabricante ou proprietário.
Se já conhece o seu produto vamos tentar transformá-lo em cores passando pelos processos abaixo:
Determinar os efeitos psicológicos que estão relacionados
São raros os casos em que uma cor está diretamente relacionada a um produto, normalmente ela se relaciona com o ambiente ou estado de espírito sobre o qual o nosso produto exerce sua influência, e nós aproveitamos essas características para transmitir nossa mensagem.
Determinar quais conotações são mais importantes
É preciso saber quais os pontos fortes e fracos do nosso produto. Usamos os pontos fortes para determinar as características fundamentais na escolha das cores, e os pontos fracos para escolher quais cores atenuam essas características desvantajosas.
Vamos tomar como exemplo uma loja de pequeno porte, especializada em computadores e periféricos. Vamos chamar de LCP (loja de computadores e periféricos). O ponto mais forte é que seus produtos são de primeira linha, e o mais fraco é que têm um custo auto (ok, isso não é um briefing, mas eu garanto que é mais do que muitas pessoas que passam por aqui, chegam a receber). Então com base nessa idéia, quais cores nós conseguimos selecionar num primeiro instante? Os exemplos abaixo podem ajudar um pouco. Você pode encontrar informações detalhadas sobre essas cores nos artigos anteriores que escrevi.
* Cinza: Tecnologia futurista, moderno, inovador, fresco, classe, elegância, chique, criatividade, conservador, neutro, macio, aéreo, aberto, imparcial, tranqüilo, confortável, pacífico, e descontraído.
* Vermelho: Patriotismo, conservadorismo, natal, estabilidade, poder, calor, fogo, divertimento, sangue, sucesso, sagrado, coração, emoção, coragem, amor, fortuna boa, calor, quente, mal, inferno, raiva, batente, respeito, vitalidade, força, agressividade, energia intensa, elevada, perigo, comunismo e paixão.
* Azul: Patriotismo, estabilidade, poder, credibilidade, conservadorismo, água, frieza, divertimento, frio, derrota, problema, luz firme, forte tranqüila, confiante, amigá;vel, inteligência incorporada, unidade, depressão, riqueza, superioridade, harmonia, acadêmica, nobre, fiel, leal sincero, limpeza, tecnologia.
* Rosa: Paixão, romance, amor, inocência, suavidade, relaxamento, tranqüilizante, repousante, sensualidade, frescor, casamento, saudável, brincadeira, amável, doce, felicidade, vida, sexualidade, pureza, gratidão, apreciação, liberdade.
* Verde: Natureza, ambiente, dinheiro, riqueza, família, harmonia, saúde, paz, posteridade, suavidade, relaxamento, primavera, juventude, humor, divertimento, felicidade, vida, crescimento, ciúme, inveja, aprendiz, acalmar, repousar, equilíbrio, estabilidade, verão, árvores, fertilidade, boa sorte, e vigor.
* Amarelo: Natureza, terra, calor, divertimento, sol, verão, iluminação, inspiração, energia, perigo, aviso, emergência, luz do sol, felicidade, alegria, covardia, engano, animação, saúde, esperança, apoio, primavera, e descontração.
* Roxo: espiritualidade, criatividade, realeza, sabedoria, resplandecência;
* Laranja: energia, criatividade, equilíbrio, entusiasmo, ludismo;
* Preto: poder, modernidade, sofisticação, formalidade, morte, medo, anonimato, raiva, mistério;
* Marrom: credibilidade, sólidez, seguro, calmo, natureza, rústico, estabilidade, estagnação, peso, aspereza.
Determinadas as suas conotações, você terá uma lista de cores interessantes que podem ser utilizadas. Se tudo der certo, as combinações de tonalidades serão infinitas e ao invés de ter encontrado uma solução para o seu problema, tudo pode ter ficado mais difícil. Com tantas cores ótimas e expressivas, quais delas eu devo usar?
Concluí, que as conotações principais desse cliente seriam: modernidade e credibilidade. Cheguei a conclusão de que as cores que se enquadram nesse perfil são: cinza, preto, azul, marrom. Hum… Talvez tenha cores demais aí.
Passamos então a segunda fase:
Determinar os aspectos visuais positivos e negativos
As cores são muito mais do que aspectos decorativos, elas são “física” e isso poder tornar um pouco mais difícil de entender. Já falei bastante sobre isso aqui e aqui e por isso não vou me prolongar, mas em geral, as cores possuem aspectos e comprimentos muito variáveis, e algumas combinações podem ser ilegíveis ou cansativas, é assim que nós começamos a eliminar cores.
Nessa fase devemos determinar dois aspectos principais: aspectos físicos (visibilidade, contraste, leitura, etc) e conotações (aspectos culturais e psicológicos). No caso das cores que eu determinai para a LCP, as combinações não são muito perigosas.
Cinza + preto: essa combinação pode ser cansativa se for mal empregada, excesso de contrastes podem tornar o ambiente muito bagunçado e causar a impressão de que as coisas estão fora de lugar. Por outro lado, quando é bem empregado, com tons bem sutis e um pouco de branco o resultado pode ser muito inesquecível. Quando seu cliente permite um pouco de ousadia, fugindo do clássico, é uma ótima opção. É técnológico, é clean, mas se não for muito bem empregado por deixar de trazer o aspecto de segurança que o cliente quer.
Azul + marrom: Essa é uma combinação perigosa. Das três até agora, é a mais perigosa de todas, pois marrom e azul são cores que, dependendo do contraste pode resultar numa leitura difícil. Mas é uma situação interessante que você certamente vão se deparar. Nós queremos trazer um pouco de confiança, e o marrom é a melhor cor para isso. No entanto, o marrom tem um toque conservador, que passa longe da idéia de tecnologia que nós queremos passar, está muito mais relacionado ao tradicionalismo do que a idéia de novidade que o nosso modelo precisa, então é uma cor que eu descartaria, pois ainda que esteja relacionada a uma conotação ambiente que desejamos transportar o nosso visitante, ela se opõe à outra.
Cinza + azul: essa é a minha combinação favorita quando diz respeito a tecnologia. O azul traz segurança e o cinza traz tecnologia.. Não precisa de mais nada. Quanto mais claros, mais interessantes. Ambos usados em tons claros estão mais relacionados a tecnologia do que seus correspondentes mais escuros. Azul escuro representa mais força e poder, cinza escuro está mais próximo das nuances de preto.
Analisar os aspectos estéticos
Tudo precisa ser bonito e atraente, se não for assim, não é vendável.
As combinações de cores precisam sempre ser harmoniosas, se você seguiu bem os passos anteriores quando chegar aqui o processo vai ser mais fácil.
Mas é preciso ficar atento, pois muitas combinações de cores parecem ser harmoniosas a primeira vista, mais são perigosas quando aplicadas, como é o caso do verde e do amarelo que são cores muito proximas no espectro de cores, mas suas tonalidades precisam ser muito próximas para que o efeito possa ser agradável, do contrario se torna cansativo e até doloroso para olhos mais sensíveis.
A questão de peso também é importante. Em algumas combinações de cores é difícil determinar quais elementos terão mais peso (serão mais relevantes), ou seja, um menu pode acabar ficando em segundo plano se as cores não foram favoráveis e isso dificulta a navegação.
Agora, chegando até aqui, como determinar qual combinação de cor tem o melhor aspécto visual? Pesquisando.
É aí que entra o começo dessa conversa. Precisamos pesquisar, analisar o que os concorrentes estão fazendo e como eles estão aplicando as cores, assim estaremos mais perto do universo do visitante. Se conseguirmos perceber, por exemplo, que a grande maioria das lojas de computadores e periféricos usa a cor azul, podemos seguir por dois caminhos: fazer o usual ou o inovador.
Na minha opinião pessoal, o inovador só deve ser utilizado quando se tem certeza que o publico alvo está pronto para ele. Do contrário é preferível não arriscar o investimento que o cliente fez em algo que não se pode estimar o resultado até que ele esteja funcionando e se algo der errado já vai ser tarde para mudar de idéia.
Lembre que o site do seu cliente é, na maioria das vezes, o único que ele tem, e por isso deve cumprir exatamente aquilo a que se propõe. Deixe a inovação para projetos experimentais, hotsites e afins.
Pesquise, pesquise e pesquise. Tenha na ponta da língua tudo aquilo que já foi feito dentro da realidade do produto que você deseja vender.
Armado com essas informações, você não tem como errar.
Veja a seguir alguns exemplos que eu considero “combinações de cores inteligentes”.
Exemplos de sites:
Uma pequena explicação:
01 - Herbal Essences - Site relacionado a beleza para meninas (teen). Os tons de rosa dão toda a femilidade do projeto. O Roxo, sozinho já traz um ar de glamour, o amarelo num tom que simula o dourado traz nobreza. Temos uma combinação perfeita para falar de beleza feminina.
02 - Johnson & Johnson Brasil - Azul e branco, nenhuma combinação transmite mais limpeza. A maioria dos produtos Johnson estão relacionados a limpeza, pureza, etc.
03 - Água Milagrosa - O marrom é muito relacionado a natureza, tanto quanto o verde, mas enquanto a cor verde transmite leveza e pureza (folhas), o marrom transmite força e fertilidade (terra), muito legal para uma fazenda, sem contar os detalhes rústicos que o webdesigner criou, foi um ótimo trabalho.
04 - Comunicação fam - Cores excelentes para uma agencia de criação que tem como logotipo uma carinha sorrindo. Sites com muitas cores vivas são alegres e divertidos.
6 comentários »
CSS Naked Day
Vc está estranhando porque meu blog está tão feio e desarrumado hoje?
Entenda melhor aqui: http://naked.dustindiaz.com/
4 comentários »
O Roxo- Uma breve analise das cores
O roxo combina a estabilidade do azul frio com a energia de vermelho quente, dois opostos muito fortes, por isso tem propriedades tanto quentes quanto frias: roxos avermelhados são quentes enquanto roxos mais azulados são frios.
É sempre associado a realeza. Simboliza poder, nobreza, luxo, e ambição.
Transporta riqueza e extravagância.
É a cor da sabedoria, dignidade, independência, criatividade, mistério, e magia.
De acordo com pesquisas, quase 75 por cento de crianças pré-adolescentes preferem púrpura a todas as outras cores, provavelmente por sua urgência em se expressar, em aparecer, por essa situação em que o ambiente normalmente não combina com o desejo de se mover livremente em todas as direções sem as regras de comportamento impostas. Continue Lendo »
12 comentários »
Vaga de trabalho FIXO na minha equipe
Oi Pessoal, estamos reestruturando a minha equipe de web aqui na agência e estou a procura de dois, talvez três profissionais para grandes projetos.
Procuro um perfil bem especifico: quero pessoas que tenham talento e interesse em ser web designers mesmo, descartando toda a turma de designer gráfico que quer fazer bico de web e semelhantes.
Não exijo nenhum conhecimento especifico, pode ir do básico de html até super web designer-programador-flash-blablablabla, desde que tenha talento, interesse e conhecimento de mercado, a técnica e a ferramenta, se for preciso, nós ajudamos no treinamento.
A agência trabalha especificamente com criação e estruturação, envolvendo AI, webstandards, flash+AS, toda parte de programação é terceirizada com outra agencia da área, então não temos interesse em programadores.
Ficamos em São Paulo-SP, e só contratamos para trabalho integral ou estágios, nada de freelas.
A remuneração vai ser analisada (com justiça) para cada caso.
Os interessados, por favor, entrem em contato pelo e-mail danielevsilva@gmail.com.
Quem quiser saber mais sobre os trabalhos do grupo (pool de quatro agencias) basta acessar os sites:
www.b2brasil.net
www.dgrau3.com.br
www.allclickdesign.com.br
www.estudiolumiar.com.br
25 comentários »
Tipografia organização dos elementos
O motivo de voltar a escrever sobre assunto é porque não me senti satisfeita com a primeira parte, acho que faltou um pouco de teoria, então se este artigo estiver muito técnico para o seu gosto, sugiro que leia o primeiro artigo que trata mais da aplicação de fontes num projeto.
É muito interessante entender como as fontes são compostas e o que diferencia cada tipo, assim é possível compreender melhor porque uma certa fonte causa um resultado mais satisfatório do que outra, e conhecendo melhor os termos técnicos é mais fácil realizar pesquisas e se aprofundar no assunto.
14 comentários »
O azul - Uma breve analise das cores
De todas as cores, o azul talvez seja uma das mais seguras para se usar em um Web site. Podemos aplicá-la a quase todo o assunto, simplesmente porque o azul é uma das cores mais admiradas pelas pessoas. Pode ser forte e firme ou suave e amigável. Nunca ouvi falar de alguém que não admira ao menos uma tonalidade deazul.
A Técnica
É excencialmente uma cor fria. Mas a medida que acrescentamos sombra ao azul, ele se torna mais quente, sendo assim quanto mais escuro o azul, mais calor ele transmite podendo até deixar de ser uma cor fria.
Uma vantagem em se usar o azul é que praticamente não existem distúrbios de visão relacionados a ela, apenas os problemas mais sérios afetam a identificação dessa cor. O azul é azul pra praticamente todo mundo.
Se o contexto cultural e temático é favorável, o azul é uma excelente cor de fundo, já que contribui par a tornar as linhas de rasterização mais difusas.
A natureza do azul
É a cor do céu e isso é universal, em qualquer contexto cultural ou linguagem o azul está diretamente relacionado ao celestial. O efeito frio e tranquilo do azul causa a impressão de fazer o tempo passar mais rapidamente e pode ajudar a dormir, por isso é uma boa cor para pintar paredes em quartos e áreas de relaxamento. No entanto, excesso do azul pode deixar uma impressão de umidade e isso causaria desconforto.
Azul transmite confiança e seriedade sem ser sombrio ou sinistro. A maior prova disso é o fato dele ser quase padrão nos ternos de executivos nas grandes corporações e também em carros e uniformes da polícia. Quando em tons mais escuros é associado a inteligência, a experiência, a estabilidade e ao conservadorismo.
Um fundo em azul bem vivo ou azul-celeste transmite riqueza e algumas vezes um toque de superioridade.
Da mesma forma que ao vermelho atribuímos o extremo das emoções fortes, o azul representa o extremo dos sentimentos leves.
Cultura
Em muitas culturas o azul tem significados religiosos, está relacionado a paz e pureza e algumas vezes é atribuída a ele a capacidade de afastar maus espíritos. No Irã, o azul é a cor de luto e em outros países árabes é a cor da tradição nupcial representando o amor.
Combinações
Combinar uma cor clara ou neutra, bege, por exemplo, com o azul escuro transmite confiança e sinceridade (ótimo para bancos e instituições financeiras).

Combinações de azul e verde remetem a qualidade de vida, estão diretamente relacionadas a saúde e a natureza. São as cores dos spas, das farmácias homeopáticas, das empresas que valorizam o desenvolvimento sustentável. São as cores da moda. Adicione um pouco de cinza e você terá ecologia com um toque de sofisticação. Combinando o azul celeste com tons claros de marrom ou bege também conseguimos uma paleta com conotações de natureza.

Utilize o azul para esfriar uma paleta quente com tons de vermelho ou laranja. Mas essa combinação e perigosa, pode ficar escura e causar sensações estranhas. Lembro também que o uso de alguns tons de vermelho ao lado do azul pode causar efeitos de ilusão de optica deixando uma "faixa cinza" entre as duas cores. Use contrastes de azul e amarelo para atrair a atenção, mas cuidado pois também pode se tornar gritante e consequentemente cansativo.
A combinação do azul com branco é extremamente refrescante principalmente o azul marinho, é a combinação náutica. É uma combinação intyeressante para projetos mais cleans, leves ou minimalistas e também pode ficar ótimo adicionar alguns elementos em vermelho escuro para dar destaque e aquecer um pouco a paleta, principalmente linhas e titulos. Sugiro o azul escuro com toques de prata para uma aparência elegante e rica.

Embora o azul seja diretamente relacionado ao inverno, pode ser relacionado também a primavera, quando usado em tons pasteis junto com cor-de-rosa ou amarelos pálidos. Gradientes sutís de azul trazem um pouco de sofisticação sem perder o conservadorismo, e isso fica mais evidente se adicionamos o bege e outras cores neutras e claras.
Mais paletas em: Colourlovers
Um pouco da história
Até o inicio da idade média, a cor azul foi considerada nobre devido a dificuldade de se conseguir pigmentos dessa cor. O vermelho, o preto e o branco eram as cores mais fáceis de serem fabricadas e por isso mais baratas, sendo assim pigmentações azuis ficavam restritas a uma pequena parte da nobreza.Os egípcios, no entanto, já utilizavam o azul como pigmento mais de 5 mil anos antes. Ele era extraído de uma pedra semipreciosa o lápis-lazúli.
No sec.VI a técnica egípcia de chegou a Europa, mas a pedra chegava a custar mais do que o ouro. Com a descoberta do caminho para as Índias no final do séc. XV, o pigmento conhecido como Indigo indiano passou a ser muito utilizado na Europa, mas foi proibido sob pena de morte para tentar preservar o tom produzido com a pedra, muito mais rentável, logicamente.
Em 1704 foi descoberto um pigmento na Alemanha, numa experiência com oxidação de ferro. Custava um décimo do preço da tinta feita a partir do lápis-lazúli e fez sucesso entre os pintores da época. Logo a indústria química evoluiu e possibilitou o desenvolvimento de centenas de outros pigmentos mais baratos, o que foi crucial para o surgimento do impressionismo, no séc, 19, com Monet, por exemplo que valorizava muito a cor, mas como os pigmentos da época ainda não possuíam grande resistência, muitos trabalhos da época sofreram descoloração.
Conotações do azul
Patriotismo, estabilidade, poder, credibilidade, conservadorismo, á;gua, frieza, divertimento, frio, derrota, problema, luz firme, forte tranqüila, confiante amigá;vel, inteligência incorporada, unidade, depressão, riqueza, superioridade, harmonia, acadêmica, nobre, fiel, leal sincero, limpeza, tecnologia.
Exemplos de uso
24 comentários »
Combinando cores - Técnicas e dicas rápidas
Combinações de cores são muito mais do apenas a junção de vermelho e azul ou amarelo e preto. São comunicações não-verbais. As cores têm simbolismo e significados que vão além de luz e pigmentos. Como designer é imprescindível entender como os olhos e a mente percebem certas cores e os significados associados a cada uma delas.
É fundamental entender que a cor está muito além de beleza e harmonia, algumas vezes elas são capazes de despertar reações físicas, o vermelho, por exemplo, acredita-se ter a capacidade de elevar a pressão arterial, outras vezes a reação é cultural como é o caso do branco que no ocidente é usado em casamentos e em algumas culturas Orientais é a cor para enterros.
36 comentários »
Ilustrações, vetores e desenhos
Eu tenho uma pequena relação de links guardados no netvibes separados por temas, quando um desses temas atinge uma certa quantidade de links eu publico um artigo novo. Dessa vez eu não pude esperar para escrever, não depois de ter relido um artigo no FatorW, “Como usar imagens free e não ser igual à concorrência”.
Nós que trabalhamos com criação já estamos cansados de ouvir a velha frase “uma imagem vale mais que mil palavras” e realmente não se pode negar essa afirmação. Cada vez mais a turma responsável pela criação vem apelando para bancos de imagem free para reduzir custos e oferecer um orçamento mais competitivo, mas, com isso, temos o risco de mais tarde encontrar aquela mesma imagem sendo usada pela concorrência ou até mesmo num contexto oposto aquilo que você desejava demonstrar, pois uma mesma imagem pode estar aberta a muitas interpretações, o que pode ser muito perigoso para a marca.
26 comentários »
Arabescos - Elementos ornamentais
Elementos ornamentais, também chamados de arabescos, vêm sendo usados desde a idade média por tipógrafos e ferreiros, decorando desde de bancos públicos a convites de casamento, e agora, como não poderia deixar de ser, websites.
São elementos belos e realmente podem enriquecer um trabalho quando usado sem exageros. Em alguns casos o projeto pode ser completamente baseado nessas estruturas de contornos florais, linhas onduladas e formas geométricas. Em outros o uso é mais sutil, apenas como elemento decorativo adicionando um toque de sofisticação à página, como no caso do Speakup que usa arabescos num estilo de pixel art apenas para dar peso à alguns elementos reforçando a hierarquia do local.




























Psicodinâmica das Cores em Comunicação MODESTO FARINA
