Academia WordPress
Ferramentas Gratuitas para Web Design

51 incríveis ferramentas gratuitas para design web

Uma das melhores coisas sobre Web são as ótimas ferramentas que a comunidade oferece gratuitamente. Sempre tem algo novo e muitas vezes ela é exatamente o que você precisava, sem sobrecarga de muitas funções ou dificuldades na utilização. Essa seleção contem mais de 50 recursos gratuitos incluindo ferramentas de programação para desenvolvedores set de ícones para usar no seu web design, fontes novas, PSD’s, vetores, kits Flat, alguns fundos e padrões, além de muitas outras coisas.

Vamos conhecer elas e se você tem alguma indicação também, faça nos comentários e nós adicionamos no artigo!

  1. OOCHARTS

Um kit de ferramentas para construir seu próprio painel do Google Analytics.

Designe Oocharts

  1. ONE DIV EMOTICONS

Emoticons paraa texto feitos com o one div.

Design Text Based Emoticon Set

  1. METRIZE ICONS

Coleção massiva de 300 metro-style icons em múltiplos formatos de arquivo.

Design metrize icons

  1. FAMOUS LANDMARKS

Set de Ícones com 12 pontos famosos do planeta.
Design landmarks icon

  1. SABADO TYPE FAMILY

Fonte bem interessante e um pouco diferente do comum.
Design font

  1. PRICING TABLES

Boa, simples e direta ferramenta para tabela de preços em  PSD.

Design tabela de preços

  1. WORLD MONUMENTS

Conjunto de 250 ícones com monumentos de todas as partes do mundo.

Design WORLD MONUMENTS

  1. RELAX WIDGETS

Um Kit PSD com widgets profissionais.

Design RELAX WIDGETS

  1. PSD SHELVES

São 100 PSD shelves completamente editáveis e de pixels perfeitos.

Design PSD SHELVES

  1. VERB CONDENSED

Ótima fonte contemporânea.

Design VERB CONDENSED

  1. CREATIVE LINK EFFECTS

Efeitos sutis e modernos para links e items de menu.
Design link effects

  1. ICONSET

Bom conjunto de 63 ícones outlined em PSD.

Design icon set

  1. MOCKUP DO VIBER IOS7

Mockup do aplicativo Viber do IOS7, ótimo para inspiração.

Design VIBER IOS7

  1. CSS CIRCULAR NAVIGATION

Recursos e tutoriais baixáveis.

Design CIRCULAR NAVIGATION

  1. JQUERY.ARBITRARY-ANCHOR.JS

Arbitrary anchors pra qualquer elemento em sua página.

Design JQUERY.ARBITRARY-ANCHOR.JS

  1. LEGACY EDITION

Fonte feita a mão com 269 glyphos.
Design LEGACY EDITION

  1. PSD PLAYER

Bom e simples player de musica com estilo chamativo, design em PSD.

Design PSD PLAYER

  1. GOOGLE+ TEMPLATE GUI

Elementos de interface uteis para qualquer designer.
Design Google-GUI

  1. DRIPICONS

Line-icon font útil e em vários formatos.
Design DRIPICONS

  1. COMPRESS PNG

Converte imagens de PNG para PNG-8 com transparências e compatibilidade para browser.
Design COMPRESS PNG

  1. IPHONE 6 WRAP AROUND SCREEN

Conceito interessante de mockup para o iphone 6.

Design WRAP AROUND SCREEN

  1. BRAXTON

Fonte simulando caneta-tinteiro.

Design braxton

  1. LONG SHADOW FLAT UI KIT

Boa interface com cores fortes e principalmente elementos de painel principal.

Design SHADOW FLAT UI KIT

  1. IOS7 GLYPH ICONS

Conjunto de 42 ícones outlined com arquivos de fonte.

Design glyph icons

  1. WEATHER LOADER

Boa animação de clima feita em CSS.

Design yenku

  1. ABSOLUTE CENTERING

Efeito para centralização horizontal e vertical.

Design ABSOLUTE CENTERING

  1. PANTONE SAMPLE

Uma boa forma de apresentar esquema de cores para clientes.

Design Pantone Sample

  1. LIGHT PATTERNS

Conjunto com 5 padrões sutis em cores claras.
Design light subtle pattern

  1. IOS7 LINE ICONS

Mais de 50 line-icons prontos pra uso em iOS7.

Design iOS7 LINE ICONS

  1. MEDIUM.JS

Ferramenta útil para manter o código HTML coerente e limpo.

Design MEDIUM.JS

  1. JELLY NAVIGATION

Boa jelly animation para dispositivos com touch screen em CSS e JS.

remarkable-freebies-and-tools-30[1]

  1. GOOGLE PRODUCT LOGOS

Todas as logos dos produtos da Google.

remarkable-freebies-and-tools-31[1]

  1. PHP DEBUGBAR

Barra de debug para seus projetos com ótimo visual.

remarkable-freebies-and-tools-32[1]

  1. TYPEWONDER

Útil ferramenta que lhe permite testar fontes em qualquer site.

remarkable-freebies-and-tools-33[1]

  1. 60 SEO SERVICES ICONS

Kit com vários ícones de SEO editáveis.

remarkable-freebies-and-tools-34[1]

  1. CSS RADIO BUTTONS

Pacote com vários botões em CSS.

remarkable-freebies-and-tools-35[1]

  1. FANCYSELECT

Um belo menu flutuante.

Design Fancyselect

  1. VECTOR SHAPES

Cria bons rótulos e emblemas com formas vetoriais.

Design Vector Label

  1. CORBERT CONDENSED

Fonte simples e moderna.

remarkable-freebies-and-tools-38[1]

  1. IOS7 CALENDAR PSD

Um calendário temporal PSD para mobile.

remarkable-freebies-and-tools-39[1]

  1. ORGANIC

Um template gratuito para website.

remarkable-freebies-and-tools-40[1]

  1. FLAT MAP ICONS

Um bom recurso gratuito com ícones para mapas.

remarkable-freebies-and-tools-41[1]

  1. LINTEL

Ótima fonte para blogs e aplicativos.

remarkable-freebies-and-tools-43[1]

  1. SLIMERJS

Um browser scriptavel open source para desenvolvedores web.

remarkable-freebies-and-tools-44[1]

  1. CSS FLIP EFFECT

Crie listas responsivas com efeito Flip.

remarkable-freebies-and-tools-45[1]

  1. TEXTURES

Incrível recurso para texturas.

Design textures

  1. LOGIN SCRIPT

Um simples, claro e seguro PHP e MySQL script para login.

remarkable-freebies-and-tools-47[1]

  1. SIMPLE TOGGLE SWITCH

Um simples toggle switch em CSS.

remarkable-freebies-and-tools-48[1]

  1. VALIDATION, STYLING SEMANTICS

Uma excelente ferramenta para desenvolver formulários.

Design Forms

  1. ANIMATESCROLL

Um simples jQuery plugin para scrolling animado.

Design Animated scroll

  1. THIN ROUND ICONS

Ícones inspirados pelo iOS7.

remarkable-freebies-and-tools-42[1]

Para mais ferramentas ou se você tem sugestões, faça um comentários e nós ficaremos felizes em adicionar na nossa lista!

BLING
Daniel Leal

Daniel Leal

Eu escrevo para facilitar o aprendizado de outros daquilo que eu tivesse dificuldade em aprender. WordPress, WooCommerce e desenvolvimento de novas tecnologias são meus focos principais, mas marketing de conteúdo, negócios digitais e (mais recentemente) fintechs também ocupam uma parcela das minhas ideias e projetos.

Adicionar Comentário

Digital Ocean

Send this to a friend