15 + de alta qualidade, conjuntos de padrões gratuitos
Como web designers, passamos a maior parte do nosso tempo elogiando os projetos da web para suas interfaces elegantes e sua tipografia impressionante ou até mesmo apenas o trabalho de design aleatório, mas na verdade, o herói não reconhecido do design é o padrão. O padrão é popular, não apenas on-line, mas também off-line - adoramos um bom padrão porque ele é um design na sua forma mais pura. Padrões nos permitem a capacidade de interpretar bons projetos e confiar em um pouco de consistência.
Quando falamos sobre padrões em web design, muitas vezes pensamos automaticamente em planos de fundo, mas os padrões são muito mais úteis do que isso. Seu conjunto de padrões favoritos pode ser usado como uma textura maravilhosa ou até mesmo uma ótima margem para suas fotografias. Qualquer que seja o seu uso para os padrões, eles são extremamente importantes em um design de web bom e sólido.
Escolher o padrão certo é importante. Há uma tonelada de pessoas livres por aí com certeza, que nem sempre são de seu interesse. Felizmente, decidimos reunir alguns dos melhores conjuntos de padrões de qualidade que pudemos encontrar para ajudá-lo em seus empreendimentos com padrão.
Conjuntos de padrões sutis
Muitas vezes, os web designers gostam de usar texturas sutis e formas mais para criar os fundos em seus projetos web. Eles adicionam um pouco de caráter ao que, de outra forma, pode ser um plano muito simples ou chato. A melhor parte de padrões sutis como origens é que eles quase nunca desviam a atenção do que supostamente são as características mais importantes do site, como o produto ou os artigos.
Padrões sutis não precisam apenas ser usados como planos de fundo; eles também são ótimos para ajudar a adicionar textura às fotos. Abaixo estão alguns dos melhores padrões sutis de pixel disponíveis na web.
Padrões de Photoshop sem emenda por onethirtytwo
Características: Photoshop Pattern (.PAT), 6 amostras (1 padrão de 6 cores diferentes)
Eu gosto de pensar neste padrão definido como extremamente decorativo e extravagante. Isso é ótimo para os projetos da web que desejam um pouco de sofisticação sem exagerar no visual. Embora este seja o mesmo padrão, apenas em cores diferentes, é um conjunto de padrões extremamente útil e lindo.
11 padrões sutis de luz por pixels Premium
Características: Photoshop Pattern (.PAT), 11 amostras diferentes, requer assinatura de e-mail para download
Um conjunto de padrões perfeito para adicionar um pouco de pizzazz aos seus planos de fundo sólidos. Extremamente sutil e leve, este conjunto é feito para web design limpo e estridente. Tenha em mente, no entanto, padrões sutis são ótimos para adicionar um pouco de textura para fotografias maravilhosas também. Este é um conjunto extremamente útil e versátil.
9 padrões de bloco de notas Tileable por ElemisFreebies
Recursos: Photoshop Pattern (.PAT), 9 amostras diferentes
Embora este conjunto seja um pouco temático, acredito que ainda seja extremamente útil. É basicamente um monte de grades e linhas, com as quais você nunca pode errar. E porque é tão simples, pode ser bastante fácil de personalizar.
40 Photoshop Seamless Patterns Set # 1 por Ali
Recursos: Photoshop Pattern (.PAT), 40 amostras diferentes
Outro conjunto de linhas e grades, este é um pouco mais versátil para quem está em impressão - as linhas maiores aparecem muito bem em 300 dpi. Além disso, esses padrões são transparentes e podem ser colocados sobre qualquer fundo colorido. Com 40 presets diferentes, isso é extremamente sólido e deve ser definido.
8 Padrões “Dark Metal Grid” sem costuras por Pixels Premium
Características: Photoshop Pattern (.PAT), 8 amostras diferentes, requer assinatura de e-mail para download
Outro conjunto temático, esses padrões são de alta qualidade e podem ser muito úteis. Enquanto eles são temáticos, eu acredito que eles podem ser usados em muitas situações diferentes e são perfeitos para adicionar um pouco de personalidade a um tema sombrio. Se você não gosta disso escuro, eles também estão disponíveis em um esquema de luz também.
75 Padrões de Pixel Photoshop Sem Costura da OurTuts
Recursos: Photoshop Pattern (.PAT), 75 amostras diferentes
Sim, outro conjunto com linhas e grades, mas a grande coisa aqui é que o designer nunca parou em linhas e grades. Há muitos designs diferentes de pixels perfeitos que saem da caixa de suas linhas e grades regulares. Mais uma vez, este conjunto tem fundos transparentes para que eles sejam facilmente personalizáveis para diferentes cores de fundo.
Padrões Vol. 3 por J1897
Recursos: Photoshop Pattern (.PAT), 6 amostras diferentes
Muito parecido com o conjunto de padrões anterior, este se põe fora dos reinos de suas linhas e grades perfeitas de pixels típicos e dá muito mais sabor. Você pode encontrar algo neste pacote que você não conseguiu encontrar em outro com esses projetos extremamente exclusivos.
8 texturas de madeira escura Tileable por WebTreatsETC
Recursos: Photoshop Pattern (.PAT), 8 amostras diferentes
Este é quase difícil de acreditar ao vê-lo, mas depois de testá-lo este é o negócio real! Referimo-nos a ela como sutil, porque a madeira escura contribui para origens maravilhosas, mas isso pode ser usado como quiser. E mais uma vez, para aqueles que estão em impressão, isso parece ótimo em 300dpi. Este conjunto é definitivamente vale a pena experimentar.
Padrões Geométricos Sutil por Audee
Características: Photoshop Pattern (.PAT), 30 amostras (10 cores em 3 tamanhos diferentes)
Esse conjunto de padrões varia de acordo com cores e tamanhos e utiliza um padrão geométrico muito interessante, que seria ótimo para planos de fundo da Web (e um tamanho maior que seria bem traduzido na impressão). Um benefício adicional deste conjunto é o download vem com um arquivo .PNG da imagem até, ótimo para quando você está pronto para realmente implementar o design na web.
Conjuntos de padrões não tão sutis
Realmente faz sentido usar seus padrões sutis para praticamente qualquer coisa, mas são momentos em que um design pode exigir algo um pouco mais alto. Estes padrões abaixo são muito originais e criativos e são ótimos para adicionar um pouco de 'oomph' a alguns designs. A maioria é de padrões temáticos, mas se você conseguir combinar os padrões com o projeto perfeito, provavelmente terá um design perfeito.
Padrões de repetição de vetores - xadrez por PatternHead
Características: 3 .PNG (Photoshop - Edit> Definir Padrão) e 3. EPS ', 3 amostras
Não há nada de errado com um bom conjunto de padrões de xadrez para ter, se necessário. Embora não seja configurado como um arquivo .PAT, você pode abrir e editar esses arquivos para atender às suas necessidades e os arquivos PNG estão facilmente prontos para a implementação na web.
16 Padrões Abstratos por Elemis Freebies
Características: Photoshop Pattern (.PAT), 16 amostras diferentes
Isso é um pouco de mistura entre padrões sutis e não sutis, mas existem alguns padrões geométricos realmente bonitos e únicos neste conjunto. Há um monte de padrões que têm uma sensação muito retro, usando muitas técnicas de vetores.
14 padrões geométricos por SuccoDesign
Recursos: Photoshop Pattern (.PAT), 14 amostras diferentes
Os conjuntos de padrões de alta resolução, novamente, são ótimos para o design de impressão, mas às vezes um padrão de tamanho grande também pode resultar em um excelente design da Web. Esses padrões abstratos, geométricos e coloridos são realmente ótimos quando você está procurando fazer algo que mereça muita atenção.
Padrões de pontos e cruzes da Chike
Características: Photoshop Pattern (.PAT), 2 .PSD, 13 amostras (2 padrões diferentes, várias cores e tamanhos)
Outro conjunto de alta resolução, essas bolinhas vibrantes e cruzes podem adicionar um monte de sabor a um design necessário. Este conjunto também recebe fundos transparentes, fáceis de personalizar. Um bônus adicional deste conjunto de padrões: os arquivos .PSD estão incluídos para que você possa personalizar as cores e a aparência de seu próprio padrão.
Padrões Decorativos para PS by Skyje
Recursos: Photoshop Pattern (.PAT), 48 amostras diferentes
Francamente, nem todos os 48 destes padrões são algo para escrever, no entanto, existem alguns diamantes reais neste conjunto, se você estiver disposto a folhear um pouco. Muitos destes são fora da parede, geométrica e tribal (que é uma tendência crescente) e são todos de grande qualidade. Alguns deles também têm fundos transparentes.
Padrões abstratos de Tileable por Alice Grayce Noid
Características: 1 .AI (arquivo do Adobe Illustrator), 4 amostras diferentes
Se você quiser abrir isso no Photoshop, você terá que abrir o arquivo .AI no Photoshop (eu abri o meu em RGB com 72 dpi). Depois de fazer isso, recorte as amostras e vá até Edit> Define Pattern para usá-las. Sim, é preciso um pouco de trabalho para usá-los no Photoshop, mas definitivamente vale a pena. Esses padrões novamente estão entre sutil e não-sutil, mas não há discussão sobre se eles não são bonitos e de alta qualidade.
Dançarino de fita por Seth Nickerson
Características: 1 .AI (arquivo do Adobe Illustrator), 6 amostras diferentes
Consulte o conjunto de padrões anterior para abrir com êxito o arquivo do Illustrator no Photoshop e faça bom uso dele no Photoshop (abri esse em 150 dpi, RGB). Este é um conjunto de padrões absolutamente magnífico, uma vez que você pique tudo. É ótimo se você tiver o Illustrator para personalizá-lo ainda mais, mas, felizmente, você tem fundos transparentes se estiver trabalhando apenas com o Photoshop. Este é um conjunto maravilhoso para ter em mãos.
Conclusão
É realmente ótimo quando projetamos e usamos padrões para o nosso trabalho. Mais uma vez, realmente nos leva ao básico do que é design e os padrões sempre adicionam um pouco de coragem ao que poderia ser um design deficiente.
Se você não conseguir encontrar o que precisa em um padrão, tente ao máximo criar seus próprios designs de padrões - e depois compartilhá-los com a comunidade de design! Você nunca sabe, o que você acha que é louco e fora da caixa poderia ser outro tesouro de pessoas!
Quais são alguns dos seus conjuntos de padrões favoritos? Compartilhe!