Webinsider

Design

Programas que facilitam o trabalho de design

05 de dezembro de 2006, 8:48

Chega o momento em que você precisa de fotos gratuitas de boa qualidade, de fontes diferentes... E que tal um testador de sites em diferentes browers? Conheça estas opções muito úteis.

Por Rogério Favero

Trabalho com design de internet há sete anos. Já participei de algumas equipes de desenvolvedores e conheci muita gente realmente boa no que faz e cada um sempre acrescentou alguma dica (ou sugestão) para que o trabalho do colega tivesse alguma evolução. Talvez seja esse o maior desafio para quem inicia a carreira nos tempos atuais, em meio a diversas técnicas e siglas como SEO, web standards, tableless, Ajax, web 2.0, etc.

Com o crescimento das comunidades virtuais, o designer iniciante tem o caminho facilitado até os segredos da profissão. Hoje é possível pular etapas no desenvolvimento profissional e rapidamente tornar-se um especialista. O grande problema é que são poucos os artigos que apontam soluções para as situações mais simples do dia-a-dia do designer, como por exemplo onde encontrar uma boa fonte de texto ou um banco de imagens gratuito.

Este artigo tem como objetivo expor algumas ferramentas realmente úteis para quem começa na profissão ou, quem sabe, até mesmo para designers mais “rodados”. Apresento uma série de facilitadores de trabalho que, ao longo desses sete anos, tem me auxiliado no desenvolvimento web de forma significativa ou até corriqueira, mas o importante é que são sempre úteis.

Precisa de logo vetorizado?

Brands of the World. É uma espécie de diretório de logotipos vetorizados, a maioria em formato .eps, que auxilia muito na hora do desenvolvimento daquele projeto urgente.

Que fonte de texto é essa?

Um dos serviços mais úteis na vida de um designer. Quem nunca se deparou com aquele logotipo entregue pelo cliente em formato .jpg e que era necessário vetorizar? E mais, como fazer para descobrir qual fonte seria aquela ?

Entra em cena o Myfonts. Através dele podemos submeter uma parte da imagem e o sistema se encarrega de tentar descobrir qual é o tipo de fonte utilizado. Eu já utilizei seu serviço dezenas de vezes e - pode acreditar - em muitos momentos foi uma grata surpresa!

Onde encontrar a fonte de texto?

Da Font é certamente a primeira resposta. O site conta com milhares de fontes de texto grátis e, ainda por cima, tem um dos melhores sistemas de visualização de tipos. Vale a pena conferir, principalmente pela opção de colocar a palavra desejada e, em seguida, conferir sua exibição em diversas fontes diferentes, quase que instantaneamente.

Lorem Ipsun

Precisa de texto para compor seu design? Esse site, com certeza, é a solução. O Lorem Ipsum disponibiliza a quantidade de texto na medida do seu projeto.

Fotos grátis?

Que tal mais de 250 mil imagens em alta resolução, disponíveis para serem utilizadas na web, sem pagar royalties? Essa é a proposta do Stock.xchng, um site onde os usuários compartilham as suas fotos e, na maioria dos casos, com excelente qualidade.

Testar em vários navegadores?

Então conheça o Browser Shots, realmente uma ferramenta incrível. Ele se propõe a tirar screenshots do seu site, em diversos tipos de navegadores e plataformas, como por exemplo: Dillo 0.8, Epiphany 2.16, Firefox 2.0, Galeon 2.0 entre outros. Está em fase alpha, mas mesmo assim vale a pena dar uma olhada.

Em um próximo artigo, relaciono mais facilitadores de trabalho para nós designers. Por enquanto, vale a pena conferir estes. [Webinsider]

.

Sobre o autor

Rogério Favero (rogeriofavero@gmail.com) é designer e gerente de projetos e atua também em ações de webmarketing e usabilidade.

Apoio:

  • LayerDev Serviços de Webhosting Profissional

Palavras-chave relacionadas a este texto: [ aplicativos web 2.0 ]

Comentários

44 pessoas comentaram o artigo "Programas que facilitam o trabalho de design"

Ricardo S. Rezende Data: 05/12/2006 às 9:24 am

Atividade: Designer

Cidade: SP

Muito bom cara. tava procurando alguns serviços desses faz tempo, com certeza vai ser muito util. Valeu pelo artigo, tá ROX!

Fabio Data: 05/12/2006 às 10:10 am

Atividade:

Cidade:

Blz!!!

Eliana Data: 05/12/2006 às 10:43 am

Atividade:

Cidade:

Excelente. Sempre muito informativo e com dicas muito praticas para facilitar qualquer projeto.
Super brigado.

Walther Data: 05/12/2006 às 11:02 am

Atividade: Designer.

Cidade: Guarulhos

Olá Rogério,
Legal a matéria… alguns sites eu não conhecia e eles realmente estão me ajudam muito!

Obrigado.

Emerson Data: 05/12/2006 às 11:04 am

Atividade: Arte-Finalista/Web Designer

Cidade: Belo Horizonte

Puxa, ótimas dicas ! Vai ajudar muito no rendimento dos meus serviços ! Valeu mesmo !

Alexandre Data: 05/12/2006 às 11:08 am

Atividade:

Cidade:

Imagens totalmente “free” são um grande problema quando precisamos com urgência. Esse site indicado é muito bom. Valeu!

Amer Data: 05/12/2006 às 11:17 am

Atividade: Editora & Publicidade

Cidade: São Paulo

Muito bom, se unindo agente cresce

Nelson Junior Data: 05/12/2006 às 12:35 pm

Atividade: Adm. de Redes

Cidade: São Paulo

Cara bem legal seu artigo, vira e mexe tenho que fazer alguns sites, e o esquema das fontes é um grande problema, vou começar a testar o reconhecimento das fontes apartir das imagens.

Obrigado.

Abraços

Thiago Mendez Data: 05/12/2006 às 1:45 pm

Atividade: Designer

Cidade: Porto Alegre

Boa dicas, a garotada que tá iniciando certamente vai fazer bom uso.

Só não concordo com o que foi dito sobre pular etapas. Pular etapas gera os famosos “especialistas” mal preparados. Embasamento é fundamental.

Outro site de logomarcas é o www.logotypes.ru, com arquivos em formato AI.

10° Jimmy Neph Data: 05/12/2006 às 1:53 pm

Atividade: Programador

Cidade: São Paulo

Muito bem compilado o texto. Provavelmente utilizarei bastante em meus futuros projetos!!
Obrigado!!!

Jimmy Neph

11° Gilberto Jr Data: 05/12/2006 às 1:55 pm

Atividade: Designer

Cidade: São Paulo

Muito legal o dafont e o stock. Não conhecia esses dois.

Acho que o COLORJACK entra pra essa lista:
http://www.colorjack.com/studio/

É um excelente aplicativo web, usando ajax, para trabalhar com cores. Muito completo e útil.

Obrigado,
Gilberto Jr

12° Raphael Data: 05/12/2006 às 3:04 pm

Atividade:

Cidade:

Matou a pau!

13° Camilo Data: 05/12/2006 às 3:09 pm

Atividade:

Cidade:

O What the Font parece ser muito interessante!

Conheço todos os outros, são uma mão na roda!
Muito legal a coluna

14° Bengala Data: 05/12/2006 às 3:37 pm

Atividade: administrador

Cidade: sao paulo

Parabens ! Artigo muito bom. Bem escrito, direto, sem enrolação e super-pratico. Agradeço ao autor pelas dicas.

15° Clovis Fagundes Botelho Data: 05/12/2006 às 4:08 pm

Atividade: Analista de Sistemas WEB

Cidade: Cuiabá

Muito boa essa coleção de dicas.

Atenção especial para o WhatTheFont. Testei com um jpg aqui na empresa e funcionou.

Parabéns pelas dicas.

[]s

16° Jair João Viegas Filho Data: 06/12/2006 às 8:27 am

Atividade: Desenvolvedor Web

Cidade: Porto Alegre

Muito bom o artigo, direto e simples.

Alguns desses links eu conhecia, porém outros nem fazia idéia que existia.

Só valeu.
Jair

17° Thalis Valle Data: 06/12/2006 às 8:41 am

Atividade: Publicitário / Desenvolvedor Web

Cidade: Catanduva SP

Otimo, otimo. Não conhecia alguns…

Abraços

18° André Monteiro Data: 06/12/2006 às 9:08 am

Atividade: Programador

Cidade: São Paulo

Exelente!

19° flavio Data: 06/12/2006 às 10:06 am

Atividade: editor

Cidade: são paulo

Excelente artigo, parabéns pela iniciativa
parabéns também ao thiago e gilberto jr por acrescentar mais um na lista.
Seria interessante se todos indicassem algum, com certeza a comunidade ganharia. Conhecimento é a única coisa que quanto mais se divide, maior fica.
Minha dica, é o www.seochat.com
[]’s

20° Marcus Duarte Data: 06/12/2006 às 10:26 am

Atividade: WebDeveloper

Cidade: Rio de Janeiro

Cara pra mim que não sou WebDesigner ,mas que por conta da nessecidade as vezes tenho que dar conta dessa função tbm , foi um achado pra mim esse artigo, so tenho a agradecer . Vlw Rogerio !

21° Nícholas Data: 06/12/2006 às 2:40 pm

Atividade:

Cidade:

valeu cara, sou programador e às vezes preciso dessas coisas… abraços!

22° Anderson Data: 07/12/2006 às 3:17 pm

Atividade:

Cidade:

Muito bom Cara valeu Blz!!!

23° Rodrigo Data: 07/12/2006 às 3:50 pm

Atividade: Webdesigner

Cidade: Rio de Janeiro

Excelente matéria!

Gostaria de dar aqui mais algumas dicas.

Pra quem é designer e tem q se virar com forms e nao tem nenhum programador por perto, recomendo o gerador de formulários: http://www.tele-pro.co.uk/scripts/contact_form

Banco de texturas grátis:
http://www.mayang.com/textures/

Mais texturas e modelos 3d:
http://free-textures.got3d.com/

[]’s

24° Hilton Muccillo Data: 08/12/2006 às 10:53 am

Atividade:

Cidade: São Paulo

Muito boa as sugestões!

25° jimenez Data: 09/12/2006 às 4:05 pm

Atividade: Designer

Cidade: Balneário Camboriú

Aqui então vai a minha dica né!
Umm site muito bom pra quem ta perdido nas paletas de cores!

www.colorblender.com

esse aí é um sucesso!

26° Alex Mota Data: 11/12/2006 às 7:59 am

Atividade: Desenvolvedor Web -PMSS

Cidade: São Sebastião

Excelente artigo, parabéns pela matéria.
Nós estávamos realmente precisando de um “kit de ferramentas” poderoso e completo como este. Ele irá ajudar muito no rendimento de nossos serviços!

Um forte abraço a toda equipe Webinsider!!

27° Leonardo Procópio Data: 11/12/2006 às 10:28 am

Atividade: Programador

Cidade: Três Rios

Parabéns, muito bom mesmo!
grande contribuição!

28° Valter Luiz de Almeida Oliveira Data: 12/12/2006 às 7:19 am

Atividade: Analista de Sistemas Internet

Cidade: São Paulo

Primeiramente quero agradecer pela reportagem muito boa, continue assim trazendo ótima reportagem por que através delas podemos ampliar e facilitar nosso desenvolvimento de projetos para web.

Um grande abraço… continue assim…

29° Alexandre Data: 12/12/2006 às 1:32 pm

Atividade: WebMaster

Cidade: Osasco

O site ( http://www.sxc.hu/ ) sitado no sub-título “Fotos grátis?” não é gratuito.
Fui baixar uma imagem e pediu para eu fazer um depósito de $4.99 para comprar 5 créditos.

30° Rogério Favero Data: 12/12/2006 às 8:50 pm

Atividade: Designer / Ger. de Projetos

Cidade: SP

Obrigado pelos comentários e pelo apoio. Como é meu primeiro artigo fico muito satisfeito em saber que o conteúdo foi relevante.

Em relação ao comentário do Flávio achei muito interessante, podemos utilizar este espaço para que todos possam contribuir com seus “segredos”.

Sobre o sxc.hu ser pago, como sugere o Alexandre gostaria de dizer que talvez tenha ocorrido um engano por parte do nosso amigo. O serviço que cobra pelas fotos é o Stockxpert.com, (site que o sxc.hu relaciona no resultado da busca por fotos), estas fotos pagas são as que se localizam abaixo da frase: “Premium results for “party” on Stockxpert.com”. Se alguém souber de alguma informação relacionada a cobrança das fotos que estão fora da relação do Stockxpert, por favor pose aqui.

Obrigado pessoal.

31° Mário Marco Data: 02/01/2007 às 6:41 am

Atividade:

Cidade:

Muito bom artigo!
Principalmente o subtitulo “Testar em vários navegadores?”

32° Ricardo Braz Data: 01/02/2007 às 12:55 pm

Atividade:

Cidade:

Ultimamente tenho utilizado muito o Stock.xchng e estou muito feliz com os resultados que tenho obtido.

33° Eri Data: 26/02/2007 às 12:11 am

Atividade:

Cidade: Brasília

Excente artigo!!!!

34° Eri Data: 26/02/2007 às 12:39 am

Atividade:

Cidade:

Ah! Deixa eu colaborar tb .
Não é de graça, mas vale muito a pena.
Bancos de imagens de alta qualidade e custo muito baixo, os preços ficam em torno de 1 a 2 dolares.

http://www.dreamstime.com/
http://www.istockphoto.com/index.php

35° Marcelo Oliveira Data: 01/03/2007 às 12:24 pm

Atividade: Empreendedor / Desenvolvedor Web

Cidade: Bertioga/SP

Dica para testar no Firefox e IE:
use a excelente extensão IETab
https://addons.mozilla.org/firefox/1419/

Além disso, ajuda muito quando encontramos algum site mal-feito compatível somente com IE.
Com um clique o site abre no IE (em um aba dentro do Firefox!).

Rogério, parabéns pelo excelente artigo!

36° gaby Data: 27/03/2007 às 10:07 pm

Atividade: Nossa!!!

Cidade: sorocaba

Essa materia é muito bom para todos esta ma ajudando muito!
vlw

37° Elton Vinicius Data: 24/04/2007 às 11:11 am

Atividade:

Cidade:

Aqui vai minha dica, um site com varios modelos de CSS, basta clicar e pegar o código fonte.

http://www.code-sucks.com/css%20layouts/

Parabéns pela matéria.

38° Rogério Silva Data: 04/05/2007 às 11:09 am

Atividade: Web Designer

Cidade: Rio de Janeiro

Olá para todos

Contemplo a matéria e todas as dicas deixadas aqui. Precisamos de idéias e sugestões para aplicarmos em nossos trabalhos, aproveito e deixo algumas dicas importantes.

1 - Galeria de imagens em javascript que é um show, fácil de configurar e não pesa no desempenho do site, abaixo o link.

http://smoothgallery.jondesign.net/showcase/gallery/

2 - Para quem precisa trabalhar com imagens e pequenas janelas, esse script facilita o trabalho alem de ter um ótimo visual, vale conferir, veja o link abaixo.

http://vikjavev.no/highslide/

Espero que que a contribuição ajude.

39° Vilmar Monteiro Data: 23/09/2007 às 10:53 am

Atividade: Engenheiro

Cidade: Belo Horizonte

Apesar de não atuar na sua área, que brinco como hobby, achei as dicas excelentes e disponobilizadas em um texto limpo e sem tecnicismos.
Quero dar a minha contribuição com um pequeno e gratuito programa que pode identificar qualquer mistura de cores numa foto, desenho etc. e fornecer os códigos dessa mesma cor.
Basta me mandarem requisição pelo meu email que terei o maior prazer em enviar.
Não vou colocar o endereço de email aqui, por motivos óbvios, assim peço que contatem o administrador do site, que tem por esse texto aqui, a minha permissão de fornecê-lo apenas aos interessados.

40° wakko Data: 04/10/2007 às 4:59 pm

Atividade:

Cidade:

já falaram do:

www.morguefile.com

41° Luis Henrique Data: 29/12/2007 às 8:34 pm

Atividade: vendedor gráfico

Cidade: Nova Iaguaçu

Esse site e jóia valeu mesmo galera.

42° Rmeu Data: 28/01/2008 às 3:17 pm

Atividade: Designer

Cidade:

Parabéns! Precisamos de postagens mais úteis na internet como esta.

43° Welvis Fernandes Data: 16/02/2008 às 12:25 am

Atividade: Design Interface

Cidade: Brasília

Tb tem o Multiples IE, IE 5.5 em diante!
Mto bom pra quem não tem as versões anteriores!

44° Samuel Data: 13/06/2008 às 11:33 am

Atividade: design

Cidade: Brasilia

Valeu pela palestra, o mercado de trabalho é dificil mais pra quem tem o Dom fica um pouco mais facil.
Boas!

Avisos
Os ítens com asterisco ( * ) são campos de preenchimento obrigatório.
Todos os links inseridos nos comentários possuem o atributo rel="nofollow" para impedir com que user agents (como os mecanismos de busca) sigam os links inseridos para desestimular spammers.
Todos devem se identificar através de e-mail válido.
Os e-mails dos usuários não serão divulgados no site.
Comentários:

Preencha os dados abaixo e clique em enviar

Webinsider