Os web designers codificam? Muitos web designers se perguntam as seguintes perguntas: que tipo de web designer sou eu? Onde está meu poder de web design? Nos wireframes, nos fluxos de trabalho, na interação? Vou aprender a codificar?
Preciso ser capaz de converter meus designs em código front-end? Como alternativa, continuo criando designs em camadas do Photoshop que são convertidos (por outra pessoa) em código front-end? Tudo se resume a… Esse é um fluxo de trabalho eficiente ou pode ser diferente, talvez melhor?
Acabei de voltar no tempo.
O web design como campo existe desde a publicação do Netscape 1.0 (Mosaic) em 1995. O design e a construção de um site na Internet amadureceram nos últimos 20 anos. Naquela época, você criava suas próprias páginas da web com, por exemplo, Microsoft FrontPage e TextEdit. O DreamWeaver veio mais tarde. Foi pioneiro… Você fez tudo sozinho, desde a ideia, o design, até o HTML.
Campo maduro
Agora? As possibilidades de projetar e codificar um site foram ampliadas e aprimoradas. Muitas disciplinas web diferentes surgiram; não é mais o caso de uma pessoa fornecer um site. Especialmente com sites profissionais e complexos. De design visual, UX, CSS, de conteúdo para SEO – existe um especialista para cada componente. Também temos programas melhores à nossa disposição e as melhores práticas estão prontamente disponíveis.
Projetar e construir soluções para a Internet tornou-se de fato um campo maduro, mas ainda não superou.
Muitas disciplinas da web surgiram nas quais a especialização fica evidente em seu título. O termo ‘web designer’, por outro lado, está aberto a múltiplas interpretações. Para uma pessoa, um web designer se concentra apenas em moldar o front-end (aparência). Por outro lado, quem também converte seus designs para HTML/CSS, ou mesmo todo o front-end e back-end cuida.
Codificação: sim ou não?
Muitas vezes tentei fazer minha própria codificação, mas não consigo separar os termos como classe, tag, contêiner, div e span, muito menos quais parâmetros pertencem. Eu sempre tropeço na curva de aprendizado para fornecer um código limpo e correto.
Claro, posso montar algo de forma rápida e fácil com algum HTML e CSS. Então, espero que funcione em dispositivos diferentes… É bom para uma apresentação, mas provavelmente nunca serei capaz (acho que a maioria dos designers não consegue) entregar um trabalho de codificação de qualidade. Já é um grande desafio para um designer se destacar da concorrência.
[su_pullquote]Sou o tipo de web designer que decidiu não programar porque quero me concentrar na apresentação visual e/ou na facilidade de uso de um site.[/su_pullquote]
Especialização
Sou o tipo de web designer que decidiu não codificar porque quero focar na apresentação visual e/ou na facilidade de uso. Não há nada de errado com isso. Isso se chama especialização.’ Honestamente, do ponto de vista técnico, programar é muito mais difícil; um design é bonito ou não bonito, um erro de digitação no código está ‘matando’… Então você tem que escolher.
Se você quiser ser um designer profissional, terá que desenvolver as melhores habilidades de design que possui. Na maioria dos casos, isso levará muito tempo e você também terá que aprender novas habilidades. Se você está procurando uma solução mais simples, você sempre pode encontrar um empresa confiável de web design em Nova York que estará pronto para atender todas as suas necessidades. Finalmente, as tendências de design mudam continuamente e o progresso técnico nunca pára. Muitos de vocês são solicitados a acompanhar – mais do que o suficiente para testar suas qualidades de design até o limite. Muito menos se você quiser (continuar a) codificar.
O ‘cara raro’.
A confusão de conceitos e preconceitos há muito desempenha um papel importante na discussão se um web designer deve codificar ou não. Um designer é muitas vezes visto como um ‘cara estranho’ que fala vagamente sobre a importância das ‘cores’ e das ‘fontes’. Ele certamente não é considerado “inteiro” assim que se descobre que ele não consegue codificar.
Os web designers codificam?
Existe uma luz no horizonte para designers como eu? A codificação front-end será totalmente WYSIWYG por muito tempo? Como a programação Postscript foi substituída há muito tempo pelo WYSIWYG trabalhando com Adobe Illustrator (você sabia que o Illustrator da Adobe foi originalmente desenvolvido como um visualizador para visualizar seu código Postscript manuscrito?!
E que você primeiro trabalhou no esboço e só conseguiu visualizar?!)). No passado, você não podia programar (fazendo você mesmo ou contratando você mesmo). Foi um mal necessário. Mas isso não é mais necessário – estão disponíveis aplicativos profissionais de arrastar e soltar. Como web designer, você não precisa mais de amplo conhecimento de codificação. Com o software certo, você pode criar sites bonitos, funcionais e responsivos.
Drag-and-drop
Como designer, você não está mais obrigado a fabricar wireframes e maquetes estáticos. Você pode produzir código front-end arrastando e soltando. Você pode usar programas de desktop como o Adobe Muse e a ferramenta de ‘extração’ do Adobe Dreamweaver para cuidar de muitas tarefas de codificação de front-end. Diversas iniciativas também oferecem soluções online, como temas elegantes com seu construtor de sites de arrastar e soltar. E se você permanecer em um modelo para WordPress, por exemplo, o código ficará praticamente oculto para você.
E os desenvolvedores da web não precisam reclamar porque ele cria HTML/CSS limpo e compatível com W3C que certamente não é inferior ao que muitos desenvolvedores escrevem. É baseado na estrutura Bootstrap do Twitter. E não, você não fica preso a um determinado aplicativo porque o código gerado pelo Webflow, Macaw ou Webydo pode ser exportado e usado conforme necessário em uma plataforma de desenvolvimento externa.
Não há mais código!
Eu sei: uma afirmação ousada… Mas o que eu realmente quero como designer é entender o site. Não necessariamente por meio de codificação. Isso se baseia em duas ideias básicas:
Quero oferecer aos meus clientes um resultado e um processo previsíveis. Como designer freelancer, nem sempre tenho oportunidade de contratar um desenvolvedor (caro) para o seu projeto. E meu cliente não está esperando para ficar entre duas partes. Como designer, você quer cuidar do tradução do design ao código. É disso que se trata – se você sabe codificar ou não. É por isso que vale a pena pesquisar aplicações profissionais.
Mais controle sobre meu trabalho. Como designer, você deseja manter o controle sobre suas criações. Infelizmente, muitas mudanças são muitas vezes perdidas no tradução do design ao código. A tradução de PSD para HTML/CSS responsivo não é 1-2. Se você mesmo construir o site, terá controle sobre a qualidade de todo o projeto (curso) e poderá antecipar melhor as mudanças.
Olhe mais profundamente do que sua tela.
Trabalhando inteiramente sem noção de código – como agora codificamos Postscript com Adobe Illustrator despercebidos – ainda não chegamos tão longe. A tradução (semi) manual do design para o código (front-end) ainda será necessária. As aplicações WYSIWYG são agora compostas por duas visualizações: uma ‘visualização de código’ e a ‘visualização de arrastar e soltar’. Em breve saberemos se algo funciona ou não funciona, mas nem tanto por quê. E certamente não durará 20 anos. Ou isso é uma ilusão? Ou isso é ruim?
[su_pullquote]Aprenda os conceitos certos para que você possa apresentar bem suas ideias de design aos desenvolvedores.[/su_pullquote]
Até lá, como web designer, você terá pelo menos que permanecer aberto a outras disciplinas indispensáveis. Se você ignorar completamente o conceito técnico da Internet, ignorando os blocos de construção do desenvolvimento web, isso irá mal para você. Você precisará ter conhecimento básico de codificação para entender como os desenvolvedores pensam e o que eles precisam. Aprenda os conceitos certos para que você possa apresentar bem suas ideias de design aos desenvolvedores.
Conhecimento básico do processo de desenvolvimento
O conhecimento básico do processo de desenvolvimento, o uso de diferentes linguagens de programação e as restrições ao seu design fazem de você um designer melhor. Quanto melhor você estimar o que é tecnicamente realista, menos tempo você terá e não estará à mercê de um desenvolvedor.
Além disso, como profissional do setor criativo, você tem vontade de aprender. Porque se a sua curiosidade acabar, você será pego.
Ser um web designer parecia ideal: eu seria capaz de criar coisas lindas para a internet e usar toda a minha criatividade para combinações de tipografia, esquemas de cores e dar aos sites aquele certo Je ne sais quois. Ao mesmo tempo, porém, eu estava preocupado em não ter o que é preciso para ser um web designer. Sem nenhum histórico de design gráfico ou qualquer formação em design, me perguntei quem confiaria em mim a estética de seu site.
E quando pensei em desenvolvimento web, pensei: “Isso é o que devo fazer. Vou ganhar muito dinheiro e ter todo o poder do mundo para criar sites e aplicativos da web incríveis. Mas e se isso for chato?”
Mas à medida que aprendi HTML, Java e CSS, conheci mais designers e desenvolvedores e comecei a trabalhar no meu sites freelance, percebi que entendi tudo errado. Não é que você não precise escolher entre web design e desenvolvimento. A questão é que minha ideia das diferenças entre web design e desenvolvimento web estava bastante fora de alcance. Esta é a postagem do blog que eu gostaria de poder ler quando mergulhei pela primeira vez em águas técnicas.
Web Designers ou Desenvolvedores Web?
Ok, então ao final desta postagem, você terá:
- Um resumo dos maiores mitos sobre designers e desenvolvedores para que você possa tomar uma decisão informada sobre qual caminho é o certo para você,
- Um infográfico abrangente que detalha EXATAMENTE as habilidades e ferramentas usadas por web designers e desenvolvedores;
- Uma análise das habilidades básicas que todos os técnicos precisam,
- Uma estrutura para descobrir qual caminho melhor se adapta à sua personalidade,
Mas quero deixar o gato fora da bolsa antes de começar. A verdade é que não importa se você escolhe começar com web design ou desenvolvimento web! Obter habilidades digitais permitirá que você ganhe mais dinheiro e tenha algumas das habilidades mais procuradas, independentemente de elas se enquadrarem na categoria de web design ou desenvolvimento web.
Este guia é baseado em características gerais de personalidade e em uma sinopse das tarefas do dia a dia. Se algo parece simplificado demais, é porque quero tornar super simples para você tomar uma decisão. Na realidade, né? Há muita sobreposição entre web designers e desenvolvedores web, e não existe um ponto de partida certo ou errado!
Livre-se dos mitos sobre codificadores
Antes de decidir que tipo de carreira deseja, você precisa saber o que os web designers e desenvolvedores estão fazendo.
Se você é como eu, foi socializado para definir “web designer” e “desenvolvedor web” de maneiras que não representam o que realmente é ser um, e você nunca conversou com alguém na vida real. web designer ou desenvolvedor.
Meus maiores equívocos sobre designers e desenvolvedores eram sobre quanto dinheiro eles ganham, quão íngreme é a curva de aprendizado e que tipo de trabalho eles fazem. Eu estava errado ao acreditar nos mitos de que:
Aprender a ser programador é mais difícil do que aprender a ser designer (ou vice-versa).
Algumas pessoas presumem que, como o desenvolvimento envolve programação de nível superior, será mais difícil aprender do que projetar. Outros consideram o design mais difícil porque acham que requer mais criatividade inata (em vez de aprendida).
Quando você começa do zero, qualquer nova habilidade é um desafio. O desenvolvimento e o design da Web não são inerentemente mais ou menos desafiadores – seus pontos fortes e fracos ditarão o caminho de menor resistência para você.
Os desenvolvedores ganham mais de $$$.
Se você observar o salário médio de um desenvolvedor web, à primeira vista parece que o salário de um desenvolvedor web é muito maior do que o salário de um web designer:
- Web designer: 66,000 dólares.
- Desenvolvedores da Web: US$ 87,000
*Pesquisa salarial recuperada para os EUA
Mas se você começar a procurar áreas mais específicas do salário de um web designer, verá que as duas são competitivas:
- Designer de interação: US$ 93,000
- Design móvel: $ 92,000
- Designers de experiência do usuário: US$ 92,000
*Pesquisa salarial recuperada para os EUA
É verdade que o salário médio de um desenvolvedor web é mais alto, mas isso não é algo com que você tenha que se preocupar como iniciante. Quer você comece a aprender como se tornar um desenvolvedor web ou web designer, provavelmente não será um desenvolvedor full-stack sênior (e ganhará um salário muito alto) em alguns meses, pois isso geralmente requer alguns anos de experiência.
Além disso, os web designers estão ganhando muito dinheiro. Como ambas são opções lucrativas, é melhor escolher o que te deixa mais feliz do que aquilo que você acha que vai render mais.
Web designers não têm um código.
Os web designers, por outro lado, escrevem código HTML e CSS. Por exemplo, digamos que eles precisam de um site de rolagem suave – alguns designers (nós os chamamos de unicórnios!) Podem codificá-lo de forma independente.
Existem agora alguns designers por aí que não codificam, especialmente designers de impressão e alguns designers gráficos digitais. Ainda assim, a maioria dos designers WEB pode transformar seus designs em sites funcionais usando HTML e CSS. A melhor maneira de ganhar um bom dinheiro e ser capaz de entregar o que os clientes e empregadores mais desejam é ser um pacote mágico de design e codificação.
Web designers que sabem codificar, especialmente aqueles com habilidades de nível superior, como Sass e JavaScript, são muito procurados. Nós os chamamos de unicórnios.