Como seria o programa ideal para o designer web?
por Rafael Dourado - 05/06/2007Quem trabalha com impressos e editoração eletrônica está muito bem servido de programas para layout, mas e quem trabalha com design para internet? Conheço quem goste Inkscape, outros do Fireworks… Eu, assim como o Diego Eis, prefiro o Illustrator com o Photoshop. Mas nenhum deles parece ser feito para a internet.
O Fireworks é o que chega mais perto em conceito, pois foi desde o começo pensado para a internet. Mas ele se mete a fazer coisas que simplesmente não sabe, como gerar código – bagunçado e inválido – ou trabalhar tanto com vetor quanto bitmap – edição de nós fraquíssima e trabalho pixel a pixel quase impossível.
Já o Illustrator, apesar de ser o que eu uso, está longe de ser um programa pensado para internet. Assim como o Photoshop, o Illustrator foi feito com outro propósito, mas por causa da internet foi adaptado para esse fim. Mas não tem múltiplas páginas (as camadas quebram o galho) e dependendo do layout é no mínimo complicado fazer o corte por ele.
O pouco que usei do Inkspace não gostei. Poucos recursos, interface nada amigável, edição de nós digna de Corel 4 e administração de cores fraca. Mas, enfim, tem quem goste.
Pensei em algumas características que poderiam estar em um programa feito para webdesigners e você pode colaborar com outras idéias. De repente alguma empresa com dinheiro e tempo livre como a Canonical do Ubuntu resolve fazer algo que preste baseado nestas sugestões. 
- Área de trabalho fluida de acordo com a natureza da janela do navegador;
- Edição de nós de vetores intuitivo como o Corel DRAW;
- Filtros em vetores como o Illustrator;
- Biblioteca de símbolos como o Illustrator, mas compartilhadas;
- Permitir alterações em pixels de imagens como o Photoshop;
- Controle de cores sobre brilho, saturação, matiz e curvas como o Photoshop, mas na composição inteira ou em elementos separados;
- Avaliação de contraste simulando deficiências visuais melhor que o Vischeck;
- Possibilidade de criar um protótipo interativo – com botões e links reagindo ao mouse e mudando de páginas – em .exe ou .swf;
- Integração com serviços web como o COLOURlovers e stock.xchng;
- Corte com identificação de elementos ou grupos com fundo transparente ou com pixel repetido no eixo X ou Y;
- Geração de código XHTML ou HTML válido, reconhecendo elementos que serão colocados por image-replacement;
- Geração de CSS com padrão passível de ser personalizado;
- Menus dropdown CSS com navegação por teclado habilitada;
- Integração com gerenciadores de conteúdo grátis como Wordpress ou um CMS próprio;
Mais alguma sugestão?
05/06/2007 • 14:23
Seria quase um programa perfeito??
Acho que nunca vai existir, o profissional que conseguir utilizar o melhor de cada programa vai se diferenciar pela qualidade e principalmente agilidade
05/06/2007 • 14:32
Bem complicado um programa perfeito para desenvolvimento web hein?
Eu concordo com o Camilo e outra, gerar código HTML é tarefa para nós humanos, ele precisa ser semântico e as máquinas ainda não aprenderam isso.
05/06/2007 • 18:02
Camilo: sem dúvida tirar o melhor da ferramenta pode fazer a diferença, mas o que questiono é que não existe ferramenta própria para design de web. Illustrator é para ilustração, InDesign para editoração Photoshop para edição de fotos e Fireworks já falei no artigo. Nós tiramos leite de pedra trabalhando com ferramentas que não foram feitas para nós. Um ilustrador pode fazer um desenho genial com uma caneta bic, mas com certeza faria uma obra de arte eterna com as ferramentas certas.
Muniz: semântica é para humanos, mas computador serve para pelo menos ajudar no começo do trabalho. Eu, por exemplo, uso um “gerador de css” quando vou montar um layout. Ele só organiza os nomes corretos e o posicionamento na folha. É pouca ajuda, mas economiza preciosos minutos. E toda ajuda é bem-vinda, mas o código do Fireworks não ajuda, atrapalha.
06/06/2007 • 1:09
Rapaz… pra começar assinei seus feeds faz alguns dias e posso dizer que estou gostando bastante dos seus posts! Parabéns.
Eu utilizo o Fireworks por ele ter a melhor ferramenta de slice que eu conheço. Ele peca em outras ferramentas, mas pra cortar o site, é o melhor. Concordo com todos os tópicos dessa lista que você escreveu. Tomára que alguém implemente tudo isso em um software open source.
06/06/2007 • 8:10
Valeu Wilson. Gostei do tutorial de criação de temas no Wordpress no seu blog.
Feed assinado. T+
06/06/2007 • 8:48
Na primeira oportunidade, mais ou menos quando ganhar o leilão do Delorian do Sr. Brown no Mercado Livre, vou ler o post sobre tutorial do WPress.
Sobre o texto do amigo Dourado, é incrível ver como o Corel Draw responde a uma grande número das expectativas citadas, porém sem eficácia. O Draw é um elefante branco. Lembra o ICQ. Se vocês bem lembraram, no ICQ havia até um serviço de castrado de usuários extremamente similar ao Orkut.
Mas o ICQ trazia tantas funções, tantas opções que faziam do software uma Babel. Até a instalação era complicada. Resultado: foi trocado pelo simples Messenger, no momento em que a web tornava-se mais popular.
O trunfo de programas como Illustrator e afins é, para mim, justamente esse: são especialistas no assunto. E o foco possibilita que sejam programas mais estáveis e competentes que o elefante da Corel.
Ou não?!
06/06/2007 • 9:06
Não. O Illustrator tem muito mais funções que o Corel com uma interface bem menos intuitiva. O Corel é muito fácil de usar, tanto que todo mundo usa. O Illustrator esconde botões nas próprias janelas e é como o Photoshop: tem tantos recursos que a maioria não utiliza nem metade.
Porém, o Illustrator é infinitamente mais rápido que o Corel e tem um controle de cores muito melhor. Essa história do Corel misturar CMYK com RGB e Pantone é uma baderna. Artefinal no Corel é coisa de doido. E olha que eu trabalhei com Corel uns 5 anos da minha vida.
O Corel é mal programado. Já que com menos recursos que o Illustrator consegue ser inifinatamente mais pesado e menos estável. Além disso, o Illustrator se comunica com outros programas com muito mais facilidade. A extensão .ai é aceita em todo canto e o Corel não consegue nem exportar em .ai direito. Além de não funcionar no Win XP 64, o que agora me impede de instalar esse troço.
06/06/2007 • 9:38
Corel DRAW (Ou PAU?) é um um vírus gigante que se reproduziu nos computadores alheios em grande quantidade com o passar do tempo e possuindo os piores filtros de exportação da história da informática.
06/06/2007 • 10:44
Minha sugestão:
- Exportar decentemente para PSD e PNG, respeitando camadas e, principalmente pastas do arquivo …
06/06/2007 • 16:19
Acho que um novo programa não seria aceito pela maioria, mas uma adaptação do Photoshop (por exemplo) para a web seria positivo. Com algumas dessas características que você citou. Integração com browsers, indicação média de tempo de carregamento…mais ou menos isso
13/06/2007 • 11:25
Acho que Photoshop é o programa ideal pra layoutar, lógico que sempre podem ser feitas algumas adaptações pra atender a essa função, o próprio programa oferece opções de ajuste de preferências como local das ferramentas, posicionamento dos atalhos etc. Corel Draw pra web jamais! O Cororó foi desenvolvido completamente pra impressos, pode ser usado eventualmente como apoio pra gráficos vetoriais, mas pra isso a dupla Photoshop-Illustrator é imbatível. Diferente do Cororó, o Illustrator dá suporte a gráficos para web, trabalha mais naturalmente com paleta RGB e a integração com os shapes no Photoshop é perfeita. Quanto a implementação, adaptar o software gráfico pra funções de codificação, como é a proposta do Fireworks (há quem goste muito), não acho que seja a melhor solução. São duas fases distintas da produção de um site, principalmente se a gente considerar que no modelo “ideal” de trabalho o designer de interface não codifica, apenas layouta. Mas como diria um antigo chefe meu: “o melhor programa do mundo é aquele que você domina”
17/06/2007 • 21:43
hoje em dia não se pode diser que programas são ideais, o importante é saber fazer o bom uso de todos para que se faça um trabalho profissional, independente de ferramentas especificas, pois o que pode não funcionar bem hoje pode se tornar uma otima ferramenta amanha, use de tudo e faça o melhor
17/06/2007 • 23:58
“Todo mundo usa o Corel”?????????
Muita calma nesta hora…
Corel Draw é como caxumba… Quando criança, vc pega. Depois que passa, não volta mais.
18/06/2007 • 3:10
Willian: Concordo plenamente. Mas o meu intuito no artigo era questionar como seria um programa pensado para o profissional da web. Nenhum dos programas atuais é pensado para o webdesigner especificamente, são só programas adaptados para também englobar esse público. O Fireworks tem essa filosofia, mas tem muitas limitações.
Fábio: Essa foi a melhor definição do Corel que eu já ouvi. hahahaha