Bookmarklet de padrões sutis: visualize padrões de fundo em seu site

Hoje em dia, imagens de fundo, cores ou padrões são importantes não apenas em sites baseados em design, mas também em blogs ou sites comuns. No entanto, há outro fato triste de que não é muito fácil encontrar padrões de plano de fundo adequados ao conteúdo de primeiro plano do seu site. Torna-se mais tedioso quando você precisa verificar se um padrão é adequado ou não, pois terá que fazer algum trabalho de código para alterar o padrão de fundo todas as vezes.

Nessa situação, você pode usar um bookmarklet, que o ajudará a encontrar e testar o padrão de plano de fundo mais adequado para o seu site. Agora vamos dar uma olhada nesta ferramenta legal. Esta ferramenta, adquirida pela Toptal, é bastante impressionante e definitivamente útil para todos os web designers.

bookmarklet

Antes de entrar no conteúdo real, vamos apresentá-lo ao bookmarklet. Bookmarklet é um conjunto de marcadores, que podem executar outras funções além de apenas direcionar você para uma página específica. No caso de padrões sutis, este bookmarklet está na verdade abrindo um pequeno widget na tela do navegador para ajustar as configurações de fundo da página sem reproduzir o código.

Padrões sutis e bookmarklet

Como dito antes, Subtle Patterns tem uma enorme coleção de padrões de fundo. Os usuários, provavelmente web designers, podem baixar esses padrões de fundo e usá-los de acordo com seus desejos. Cada download incluirá padrões de fundo de alta qualidade em tamanhos diferentes. Quando comparado à sua longa busca por padrões de fundo, usar este site é útil e parece que o site também tem uma coleção muito boa. O site também pode visualizar os padrões de fundo específicos para que você possa obter uma visão ampla antes de fazer o download.

Brad Jasper é o homem por trás do Bookmarklet e está disponível GRATUITAMENTE. Usando esta ferramenta, você pode encontrar facilmente padrões de fundo correspondentes para o seu site, bem como vê-los ao vivo em seu site sem codificação, o que é fácil para os designers. Agora podemos dar uma olhada em como usar esta ferramenta.

Como usar o Bookmarklet de padrões sutis?

Primeiro, você tem que ir para Site de Brad Jasper para obter o bookmarklet mencionado.

Em seguida, arraste o botão verde para a barra de favoritos, conforme indicado no site. Está tudo feito com o material de instalação. Então você pode começar a brincar com padrões de fundo. Se você deseja alterar os padrões de plano de fundo de um site, mas deseja vê-lo ao vivo antes de aplicá-lo, pode usar o Subtle Patterns Bookmarklet. Basta ir ao site (digamos Google.com) e clique no favorito que você adicionou na sua barra de favoritos.

Um pequeno widget como o dado acima aparecerá na tela com um menu suspenso de opções. Você pode selecionar vários padrões de fundo no menu e o site terá o padrão selecionado em apenas alguns segundos. Veja que selecionamos vários padrões de plano de fundo para o Google usando este widget.

Se houver opções diferentes em uma categoria, você pode usá-las bem. Por exemplo, na primeira imagem, você pode ver o widget exibindo 1/329, o que significa que existem 329 variedades nessa categoria. Você pode ver várias imagens pressionando as setas na tela ou a própria tecla de seta do teclado.

Sempre que encontrar o padrão de fundo mais adequado para o seu blog, basta clicar no nome do padrão no bookmarklet. Ele irá para o site Subtle Patterns, baixará esse padrão de fundo específico e o usará em seu website / blog.

Bookmarklet de padrões sutis: outros recursos perceptíveis

Além de apenas alterar todo o padrão de fundo, esta ferramenta também permite que você altere o padrão de fundo de uma área específica, digamos o cabeçalho. Para fazer isso, você deve clicar no botão de configurações no widget e selecionar a área que gostaria de ver afetada.

Neste caso, selecionamos a parte superior e selecionamos o padrão de fundo. Como você pode ver, há uma mudança distinguível entre as divisões. Esse recurso torna a ferramenta mais útil, pois você terá que aplicar vários padrões para várias regiões em uma página da web.

Você pode usar este widget em qualquer um dos sites e ver a magia das imagens de fundo. Suponha que, se você tem um site e está confuso sobre qual padrão de plano de fundo escolher, este bookmarklet Subtle Patterns definitivamente o ajudará a consertá-lo.

Certamente diríamos que o Subtle Patterns Bookmarklet é uma ferramenta necessária para todo web designer e é bastante simples de usar. Qual a sua opinião sobre esta ferramenta? Compartilhe através dos comentários.