Daniele V Silva - Webdesigner, desenvolvedor front-end, programador de interfaces, Gerente de projetos web, consultora e freelancer

via Instagram http://ift.tt/1Lf1EEz

IMG_6035 por Daniele Vsilva no Flickr. Basta clicar neste link para ver e comentar (foto): http://ift.tt/1FvvWmj

Respingos, sprays, manchas e borrões

Publicado em , por , na categoria Elementos e técnicas, Webdesign

Esses são elementos realmente divertidos de trabalhar e são muito mais flexíveis do que imaginamos.No inicio eu esperava uma relação muito grande desse tema com o tema “Distressed” que eu escrevi recentemente. Mas pesquisando exemplos, eu percebi que na prática é um pouco diferente.

Alguns projetos baseados nesses elementos realmente se encaixam no estilo distressed. Mas veja o caso dos sites Produce Media e Serigrafia Navarro ambos conseguiram trabalhar esses elementos de caos e desordem em um design extremamente clean. A maioria dos projetos que encontrei com esses elementos apresenta um equilíbrio agradável entre um belo layout e a aflição das manchas e dos borrões como é o caso do Year of the sheep e do Organic Level. Ambos mostram muito bem essa combinação.

Então, qual é a mensagem por trás das Machas e borrões? Eu acredito, que assim como o Distressed, ele traz um pouco do urbanismo para nossos projetos. O Year of the sheep mostra isso bem. Sem os borrões cor-de-rosa, esse site seria clean e sofisticado. Mas o produto, no caso o trabalho do fotografo Antônio Carusone, tem um estilo mais urbano, então os borrões trazem um pouco desse estilo, tornando o site bem característico. Você pode perceber uma aparência muito mais jovem e descontraída
Os exemplos de uso desses elementos têm uma variação incrível de estilos, cores e formas. Mas uma coisa é comum a praticamente todos: Um toque rebelde. Executivos em sóbrios ternos pretos não combinam muito bem com esse estilo.

Esse é um daqueles casos que você vai buscar fora do computador e consegue efeitos incríveis.

No final desse artigo eu deixei algumas imagens que você poderá usar em seus trabalhos, a maioria não passa de algumas manchas pretas em papel branco. A cor não importa basta trabalha-las no photoshop. O importante é garantir um contraste agradável e sem exageros.

Exemplos de uso

  • Cafeazul
  • Marcogomes
  • Claudio Mal Tempo
  • Claudio Mal Tempo
  • 0at
  • allcity.scpgt
  • angryblue.com
  • somenoone
  • urbancowboy
  • artworksgroup
  • cheekydsn
  • jizzypop
  • peminoz
  • phoat
  • pixelhype
  • plankstek

Downloads

  • Download
  • Download
  • Download
  • Download
  • Download
  • Download

Fontes

Fontes que podem ser usadas para criar esse efeito, considero que seja a melhor forma para o fireworks, pois você pode usar o tamanho e qualquer cor que quiser sem perder a qualidade e do jeito mais simples, Além disso elas já vem com o fundo transparente.

  • Download

Efeitos que encontrei navegando por aí

Alguns efeitos interessantes que eu encontrei na net que apesar de não serem exatamente pra web podem ser usados como fontes de inspirarão. Não conheço seus autores, então não posso dizer se são livres ou não. Use por sua conta e risco.

  • Exemplos de efeitos
  • Exemplos de efeitos
  • Exemplos de efeitos
  • Exemplos de efeitos
  • Exemplos de efeitos
  • Exemplos de efeitos
  • Exemplos de efeitos
  • Exemplos de efeitos
  • Exemplos de efeitos
  • Exemplos de efeitos

Exemplos de Uso

14 opiniões sobre “Respingos, sprays, manchas e borrões”

  1. felipe disse:

    Gostei muito do que li aqui no seu site.Estou estudando o assunto,Mas quero agradecer por que seu texto foi muito valido. Obrigado 🙂

  2. Christiane Grael disse:

    Daniele, muito bacana sua página. Você é uma pessoa muito generosa por dividir conosco tantos conhecimentos, obrigada. Você produziu mais que um blog, é um verdadeiro ponto de referência. Volterei muitas vezes.

  3. renatol3d disse:

    Muito bacana este blog!!! Esta de parabéns!!! Muitas coisas interessantes!!!

  4. Adelmo neto disse:

    Muito legal seu site, li apenas duas matérias (esta e a sobre arabescos), mas vc já me ajudou bastante, espero que vc continue alimentando o site com artigos e referências. Sou formado em design de produto mas trabalho com web, e infelizmente tenho estado um pouco acomodado em relação a estudar, buscar referências, ler livros, etc. Fico muito feliz quando encontro na web pessoas que se preocupam em transmitir conhecimento e não só mostrar seus trabalhos, valeu mesmo!

  5. Gustavo Souza disse:

    Nossa!!
    parabéns..belo site…e as dicas então???…D+..

    vc salvou minha vida…
    beijosss

  6. Flávio Silvestre disse:

    Dani, te adicionei no msn…
    adorei seu post, vc soube sintetizar nele tudo que envolve essa nova tendêcia de designe…
    sou formado em PP e moro no Espirito Santo… trabalho com criação e estou sempre conversando com gente de outros estados para saber o que tem surgido de novo em cada região do pa

  7. Ermeck disse:

    bom… To entrando agora no mundo dos designs, vejo que nao e nada facil… vc esta de parabéns pelas obras e pelos sites olhei todos e adorei.
    vc ta afim de tranformar minha pagina ?
    na verdade e 1 flogaO http://www.flogao.com.br/BliTzPbs
    se tiver tempo ou se enteressar entra ae Bjux
    te mais…
    Obrigado pela AtençãO!
    By: ErmecK [;)]

  8. Gustavo Franco disse:

    Muito bom a matéria e os sites exemplos 🙂

  9. Tiago disse:

    Essas técnicas que você postou aqui tem algo a ver com Teoria do Design? É que eu sou ignorante neste assunto.

  10. person araujo disse:

    by the way: cheguei ao seu blog pela comunidade ‘tableless’ no orkut. (espero q eu n pareça invasivo)

  11. person araujo disse:

    muito legal, esse post! há tempos eu procurara algo sobre esses efeitos.

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *