Qual é a diferença entre desenvolvimento web e web design?

Web design se refere tanto à parte estética do site quanto à sua usabilidade. Os designers da Web usam vários programas de design, como o Adobe Photoshop, para criar o layout e outros elementos visuais do site.

Por outro lado, os desenvolvedores da Web adotam um design de site e, na verdade, fazem dele um site em funcionamento. Os desenvolvedores da Web usam HTML, CSS, JavaScript, PHP e outras linguagens de programação para dar vida aos arquivos de design.

Web design e desenvolvimento desempenham igualmente um papel crucial no desenvolvimento da web. O designer da Web trabalha na frente do site e o desenvolvedor da Web trabalha no site de back-end do site.

WEB DESIGNER:

Basicamente, um web designer é quem cria o front-end da web, ou seja, UI (interface do usuário) e UX (experiência do usuário) do site ou aplicativo da web. Um web designer se concentra no design de um site ou aplicativo da web.

HABILIDADES NECESSÁRIAS PARA O WEB DESIGNER:

  • HTML
  • CSS
  • JAVASCRIPT
  • PENSAMENTO DE PROJETO
  • DESIGN DA UI
  • UX DESIGN
  • Estruturas de front-end como:
  1. REACT JSANGULAR JSVUE JSJQUERYP5 JS

DESENVOLVEDOR DA WEB:

Um desenvolvedor da Web é quem cria o site inteiro ou um aplicativo da Web, ou seja, back-end e também front-end. Às vezes, o desenvolvedor da web é chamado de desenvolvedor da Full Stack Web. O Web Developer gerencia servidor, banco de dados e back-end inteiro.

Os termos "desenvolvimento web" e "web design" são frequentemente usados ​​de forma intercambiável em conversas gerais. Tecnicamente, web design é uma sub-função do desenvolvimento web.

Desenvolvimento Web refere-se ao processo total de criação de um site. Isso inclui planejamento, gerenciamento, design de arquitetura / plataforma, design de interface com o usuário, design visual estético, programação, testes e otimização, entre muitas outras funções.

O design da Web geralmente é um slogan conversacional simples que se refere à aparência visual de um site.

É importante observar que muitas pessoas atuam como web designers que não têm conhecimento ou experiência em toda a gama de serviços necessários para o desenvolvimento da web. Por outro lado, a maioria dos desenvolvedores da Web de serviço completo tem um ou mais designers na equipe. No entanto, esse nem sempre é o caso, e alguns desenvolvedores trabalham como lojas comerciais, fornecendo suporte e serviços especializados aos designers para a conclusão dos projetos.

Designer de Web

preocupa-se com o que o usuário realmente vê na tela do computador ou no dispositivo móvel e menos com os mecanismos abaixo da superfície que fazem tudo funcionar. Através do uso de cores, imagens, tipografia e layout, eles dão vida a uma experiência digital.

É basicamente feito com o uso de software como

  • Adobe Illustrator
  • Adobe InDesign
  • Adobe Photoshop
  • etc

Desenvolvimento web

está preocupado com o código real do site. Pode ser dividido em duas categorias

  • Desenvolvimento de front-end - o front-end ou o lado do cliente de um aplicativo é o código responsável por determinar como o site será realmente exibido. É feito com -
  • HTML
  • CSS
  • Javascript
  • Bootstrap
  • etc
  • Desenvolvimento de back-end - O back-end ou o servidor de um aplicativo é responsável pelo gerenciamento de dados no banco de dados e pela veiculação desses dados no front-end a ser exibido. É feito com ———
  • Javascript
  • Django
  • PHP
  • etc

Um designer cria, um desenvolvedor desenvolve.

Um web designer, normalmente faz apenas a parte gráfica de um site, cria o layout, escolhe as cores, cria a aparência.

Alguns designers vão um passo além e também se especializam nos princípios de UI e UX, ou seja, eles entendem o fluxo de controle e podem modelar uma interface do usuário, ou entendem o processo e o fluxo de trabalho e também podem modelar o lado UX (Experiência do Usuário).

Um desenvolvedor da web nem sempre entende a teoria ou o design das cores e coisas assim, sua principal função é escrever o código que faz tudo acontecer, por exemplo, quando um botão é clicado, ele pode enviar alguns dados para um servidor, sua web o desenvolvedor seria responsável por escrever o código da página da web para que isso acontecesse.

Os desenvolvedores da Web geralmente conseguem produzir uma saída projetada, que geralmente é capaz de criar uma página em html e adicionar cor e layout a ela, mas geralmente é muito básica ou usará um kit de ferramentas como o bootstrap para ajudá-lo. em seguida, geralmente trazia um designer depois para "enfeitar" o design.

Dito isto, muitos designers hoje em dia também são desenvolvedores da web, e muitos desenvolvedores também são designers, o cargo se tornou cada vez mais interligado ao longo dos anos.

O design envolve hierarquia visual, escolhas em tipografia, marca, escolha de uma paleta de cores, layout e o que Steve Jobs disse: "" O design não é apenas o que parece e parece. O design é como ele funciona ". Você pode usar o Photoshop, o Sketch e o Illustrator para criar ativos. Você pode montar a estrutura de tópicos no Omnigraffle, Keynote, Balsamiq ou no meu favorito: caneta e papel. Em seguida, você pode apresentar suas composições / esboços a um desenvolvedor para executar o site em código.

O desenvolvimento é codificado em HTML e CSS, Javascript e, em seguida, um kit completo e um caboodle de outras linguagens, estruturas e programas. O desenvolvimento de back-end trabalha com a criação de bancos de dados, como os que podem ser usados ​​em logins e contas pessoais.

Notavelmente, você pode fazer as duas coisas - desenvolver e projetar, e pode fazê-las ao mesmo tempo! (Eu crio e codifico no navegador para padrões comuns de design, como o site de inicialização nav nav de uma página comum.) Se você deseja escolher entre os dois: o design normalmente é visto como mais criativo, mas há muito a codificar. é criativo, então não deixe isso influenciar você. A maioria dos designers conhece pelo menos um pouco de HTML e CSS; portanto, esse é um bom lugar para começar a aprender se você estiver debatendo entre os dois.

Essas 2 são funções separadas no processo de criação do site.

Essencialmente, o design da Web envolve como ele se parece e como deve funcionar, e o desenvolvimento da Web envolve a construção do design, dando vida a ele como um site em funcionamento.

Web Designing

um site significa receber um resumo do cliente / clientes e trabalhar a estrutura básica. envolve organizar as informações no lugar certo, colocação de imagens etc. O designer deve ser responsável por tornar as informações muito facilmente compreendidas para todos os usuários. O designer deve ser responsável pela experiência visual para entender facilmente as informações da empresa / organização. Design é sobre tipografia, cor e outros princípios.

Desenvolvimento web

- aqui os desenvolvedores dão vida aos designs que receberam da equipe de design. o desenvolvedor cria o site de baixo para cima, o que significa que ele é projetado de maneira que os usuários não tenham dificuldade em navegar no site. para dar vida ao design, os desenvolvedores usam tecnologias como HTML, CSS e JavaScript para design e front-end para obter os dados do DB Java / PHP / .net e obter os dados do banco de dados.

Fonte da foto: Google Images

Espero que isto ajude :)

Considero desenvolvimento web e web design como gêmeos fraternos. Cada um deles exige conhecimentos e interesses diferentes, mas no final do dia, eles pertencem à mesma família.

Desenvolvimento web:

O desenvolvimento da Web é dividido em várias pilhas, temos Frontend, Backend e Fullstack:

  • Desenvolvimento de front-end é o processo de criação do layout de um site. É a parte que os usuários veem e interagem. É tipicamente codificado usando HTML / CSS / Javascript. Existem também algumas ferramentas e estruturas que podem ser usadas, como Bootstrap e Angular.js.
  • Desenvolvimento de back-end é a criação da parte funcional de um site. É o que torna o site funcional. Diferentemente do desenvolvimento do Frontend, o Backend não definiu idiomas para codificar. Cada desenvolvedor escolhe um ou poucos idiomas com os quais se sente confortável e codifica neles. Algumas das linguagens de back-end mais famosas são PHP / Java / Python / Perl. Existem também algumas estruturas, como Ruby On Rails / Django / Node.js. Outra parte do desenvolvimento do Backend está interagindo com o banco de dados, que requer seu próprio conjunto de linguagens como AJAX / MySql / MongoDB ...
  • Um desenvolvedor de fullstack é alguém que domina o Frontend e o Backend e trabalha confortavelmente com ambos. Ele geralmente é um desenvolvedor sênior e tem muitos anos de experiência.

Designer de Web:

Web design é o processo de criação de um site, usando as últimas tendências de design e tendo em mente a interface do usuário (interface do usuário) e o UX (experiência do usuário). É normalmente feito com o Adobe Photoshop, embora existam algumas outras ferramentas disponíveis.

Em conclusão, ambos são muito diferentes um do outro, mas estão na mesma família.