se você está determinado a aprender web design por conta própria, você está no lugar certo.
é verdade que o web design pode ser bastante complexo e assustador, mas com o desenvolvimento da tecnologia e da penetração da internet, cresceu para proporções épicas. Não é de surpreender que se tornar um web designer tenha se tornado uma tendência popular na geração atual.
neste artigo, vou orientá-lo através da aprendizagem web design com recursos e dicas. Para iniciantes que desejam seguir esse caminho, você pode servir este Artigo como guia.
Passo 1: Decida-se e faça planos
aprender web design é uma tarefa de longo prazo cheia de desafios. Você precisa se desafiar seriamente. Decida-se agora e faça planos com base nos guias de aprendizagem que apresentamos neste artigo. Lembre-se de que você fará isso sozinho se começar a aprender web design por meio da prática. Então esteja pronto!
Passo 2: Obtenha uma compreensão básica do web design
“Como posso começar a aprender web design?”Esta é a questão em sua mente. Para aprender completamente web design, você deve entender as respostas de pelo menos as seguintes 2 perguntas:
o que é web design?
as pessoas muitas vezes não entendem o significado do web design.
bem, o que exatamente é web design?
Visual + interaction = web design
Web design tem tudo a ver com resolver problemas. Envolve todos os aspectos de um site-a arte, as habilidades, a Ciência e a tecnologia de construir a aparência e a funcionalidade de um site, bem como as maneiras pelas quais os usuários interagem com as páginas da web.
muitos jovens designers muitas vezes não entendem o conceito de Web design com o de desenvolvimento.Lembre-se: web design é sobre design, não sobre codificação e desenvolvimento front-end ou back-end.
claro, é melhor se você conhece algumas linguagens de codificação (HTML, CSS, Java, etc.), mas você não deve se aprofundar no desenvolvimento front-end ou back-end se quiser ser um web designer focado. Esse não é o núcleo do web design.
o que é o processo de web design?
Web design não é uma tarefa simples. É bastante desafiador, mas interessante fazer uma página em branco em um site completo. Como você pode fazer isso?
você precisa seguir as principais fases do processo de Web design. Eles são:
- definir uma meta
Determine que tipo de site você projetará. É para E-commerce, uma empresa, promoção de novos produtos ou um projeto de atividade?
se você não tem ideia, comece com um blog. Para novos alunos, construir um blog é uma escolha melhor do que criar qualquer outro tipo de site elaborado.
- fazendo uma programação
crie uma linha do tempo para projetar as páginas. Atribua tarefas a todos os envolvidos no projeto de Web design.
- Criando um mapa do site e wireframing
Brainstorm. Transforme ideias em um wireframe com uma caneta ou ferramentas de wireframing. Você precisa traduzir seus pensamentos em algo tangível para que você possa validá-los desde o início.
- criando conteúdo
adicione conteúdo com elementos de design, visuais, cópias e interações. Esta é a fase em que você coloca todas as suas habilidades de design e desenvolvimento para usar. Você converterá uma página em branco em um site finalizado nesta fase.
- teste
Teste seu site e reúna feedback útil. Faça isso até maximizar a qualidade da experiência do Usuário e esteja pronto para iniciar.
- lançamento
disponibilize seu site aos visitantes e melhore-o com base no feedback coletado.
você pode obter uma compreensão mais abrangente do processo de Web design, passando por este curso de Web Design de 43 minutos.
Passo 3: Comece a aprender
depois de se configurar e entender os fundamentos do design do site, você pode começar a passar por recursos e dicas práticas de aprendizado.
web design envolve aparência visual e design funcional. Isso significa que você precisa aprender 2 coisas principais:
- como você faz um site parecer bom?
- como você faz um site funcionar bem?
você precisará aprender a projetar interfaces (tipografia, navegação, imagens, Espaço, animações, cores, etc.), como codificá-los em uma linguagem de desenvolvimento web (HTML, CSS, Python, SQL, Ruby ou JavaScript), bem como otimizar seu site para mecanismos de pesquisa.
Leia livros de aprendizagem de web design
uma das melhores maneiras de aprender web design é através da leitura de livros. Aqui estão 5 dos melhores livros de web design que são úteis para aqueles que desejam aprender web design por conta própria.
- HTML e CSS: crie e crie sites
- aprendendo Web Design: Um guia para iniciantes
- não me faça pensar: Uma Abordagem de Senso Comum para a Web e Usabilidade
- Aprendendo web design
- Desenhar com os Padrões Web
Leia web design blogs
Se você não é um leitor ávido e encontrar a leitura de uma tarefa tediosa, você pode seguir algumas das melhores web design blogs para manter seu cérebro alimentado. Use blogs como alternativa e assine seus favoritos para evitar perder nada.
- Smashing Magazine
- Mockplus blog
- Webdesigner Depot
- Jquery
- WEB DESIGN LIBRARY
- Hacking UI
- 1stwebdesigner
- WEBAPPERS
Aprender com o conteúdo do PDF
Alguns realmente útil o conteúdo está disponível em formato PDF para download gratuito. Você pode usá-lo para aprender web design passo a passo. Estes são alguns exemplos que valem o seu tempo.
- web design – handbook
- Learning Web Design Third Edition-Semantic Scholar
- Web design 101 – MIT
- Construa seu próprio Site da maneira certa usando HTML & CSS – X-Files
- um guia completo para Web Design.pdf-Biblioteca cristã on-line
Aprenda com profissionais
siga os web designers com os quais você deseja aprender em sites de mídia social, como Twitter, Dribbble, Behance, Github e outras plataformas onde eles estão ativos. Leia suas postagens, clique no botão Curtir para aqueles que você aprecia e comente se deseja adicionar um ponto ou fazer uma pergunta . Se você tiver sorte, poderá encontrar um mentor em uma comunidade ou grupo online. Mas não os perturbe e tome sua ajuda como garantida.
Web designers que você pode seguir:
- Ethan Marcotte
- Chris Coyier
- Ethan Marcotte
- Jeffrey Zeldman
- Luke Wroblewski
Aprender a partir de web design tutoriais em vídeo
Existem muitos vídeos do Youtube disponíveis on-line. Reduza seu tempo assistindo coisas engraçadas e use o Youtube para aprender web design. Aqui eu recomendo 5 dos tutoriais em vídeo mais populares. Gosta de assistir.
- Um Novato Web Design Tutorial para 2018 – Parte 1 2
- Desenvolvimento Web Tutorial Para Iniciantes 2018 / 2019 – como fazer um site
- o Design do Site Tutorial Para Iniciantes
- HTML CSS Tutorial para Iniciantes – Desenvolvimento Web Tutoriais Para Iniciantes
- Completo de HTML e CSS, Web Design, Tutoriais para Iniciantes
Aprender a partir de cursos on-line
cursos online Gratuitos podem ser uma forma de os melhores recursos. Você também pode discutir com outros alunos.
- Class central
aprenda Desenvolvimento Web com cursos online gratuitos e MOOCs da Universidade Johns Hopkins, Universidade de Michigan, Universidade KU Leuven, Universidade da Califórnia, Berkeley e outras universidades de topo em todo o mundo.
- Coursera
um ótimo site para iniciantes aprenderem web design. Você pode escolher um curso da universidade desejada e ver quantas pessoas estão aprendendo. Com os dados apresentados, você tem muitas opções ao selecionar um curso.
- Edx
ele Lista muitos recursos para desenvolver suas habilidades de design e avançar em sua carreira. Você pode aprender tópicos passo a passo com diferentes níveis de em etapas por dificuldades.
- W3Schools
útil para aprender linguagens básicas de codificação, como HTML e CSS.
- Google Code University
Aprenda a codificar com os desenvolvedores do Google.
- Code Avengers
eu particularmente gosto deste site de aprendizagem porque é como uma grande aventura que permite que você participe de programas de desafio de codificação e caça de bugs.
Mais lugares para web design, cursos online：
- Treehouse
- Lynda
- Udemy
- Coursera
- Webdesign.tutsplus
aprenda noções básicas de HTML e CSS
você pode perguntar, Por Que devo aprender HTML? Geralmente, usar um aplicativo de web design como o Dreamweaver é bom. Mas atualmente, a maioria dos sites são responsivos HTML5 baseado, e CSS é a pele de um site. O design moderno do site não é possível sem CSS. Aprender HTML básico e CSS irá ajudá-lo a progredir em web design.
Recursos para aprender HTML e CSS：
- 30 Dias para Aprender HTML e CSS
- Guia de UM Novato para HTML & CSS
- não tenha Medo do Internet
- 8 Melhor Gratuito Responsivos CSS jquery
Você também pode se juntar a CodePen Comunidade. Esta é uma comunidade de código aberto que permite editar trechos de código e compartilhá-los com outras pessoas.
Aprenda JavaScript
Além de HTML e CSS, JavaScript é uma linguagem importante da web que você pode aprender. É uma ferramenta que permite criar interações avançadas do usuário, como efeitos de paralaxe e aplicativos da web poderosos.
recursos para aprender Javascript:
- 32 um dos Melhores Lugares para Aprender JavaScript para Desenvolvimento Web Iniciantes
- Top 37 JavaScript Livros para Iniciantes e para Programadores Experientes em 2019
Aprender sobre web design elementos
Se você é bom em observação, você vai descobrir que a maioria das atraente sites modernos têm um bom arranjo dos elementos básicos do site, tais como:
1） Tipografia
Tipografia é a chave para um excelente web design. Garante a legibilidade do conteúdo e influencia diretamente a experiência do Usuário. A tipografia é um aspecto significativo de todos os sites modernos, pois oferece estética e funcionalidade aos seus visitantes.
Recursos para aprender tipografia web:
- 17 Melhor Tipografia, Design de Sites & Tutoriais
- 30 Criativa web Sites com Lindos Tipografia & Esquemas de Cores
2）a Animação e a transforma
Transições e transformações trará avançado interações do usuário para os visitantes de seu website. Uma das melhores maneiras de criar animações simples são transições e transformações CSS. Além disso, efeitos de rolagem de paralaxe e rolagem horizontal são ótimas opções para sites.
3）esquema de cores
as combinações de cores de um site refletem a preferência/estilo estético de um web designer e afetam diretamente a percepção do espectador. Você precisa aprender a usar a cor no design da interface do usuário com sabedoria para criar uma Interface de interface perfeita.
4）fontes
fontes personalizadas podem ser divertidas ou expressivas, mas nem sempre são práticas. Se você deseja que um site seja legível e profissional, escolha a fonte mais apropriada para ele. Verifique 20 das melhores fontes da web do Google para um excelente design da Web. Eles são livres para usar!
5）Layout
o design de layout da Web se concentra na interseção entre tecnologia e arte. O design de layout da Web refere-se à combinação de elementos visuais, como texto e imagens, para tornar uma página bonita e fácil de navegar. É uma forma importante de comunicação visual e parte integrante do web design. Aqui estão 9 dos melhores exemplos e ideias de Layout de site.
6）gráficos
as imagens dão às pessoas uma impressão visual mais intensa que o texto. Eles podem aumentar as chances de atrair a atenção dos usuários.
7）Responsive design
Responsive web design é uma coleção de técnicas para a construção de sites que funcionam em vários tamanhos de tela. Aprenda com este curso CSS de 47 minutos.
Aprenda os conceitos básicos de wireframing / prototipagem
Wireframing / prototipagem é um passo importante para estabelecer as bases para o seu site em todo o processo de design e desenvolvimento do site. Ele permite que você faça um brainstorm, faça um blueprint e tenha uma ideia clara sobre a estrutura do site.
não confunda os termos diferentes. Passe pelos conceitos básicos de design UI / UX: diferenças entre Wireframe, protótipo e maquete
aprenda ferramentas de web design
Photoshop-UI design tool
ele pode ser usado para criar e aprimorar fotografias, ilustrações, obras de arte 3D, sites de design e aplicativos móveis; editar vídeos, simular pinturas da vida real; e muito mais. Você pode aprender a usar através de qualquer um dos 22 Melhores tutoriais gratuitos passo a passo do Adobe Photoshop para iniciantes.
Dreamweaver – ferramenta de desenvolvimento web
pode ser usado para criar páginas web dinâmicas para várias plataformas e navegadores. “O Dreamweaver permite que seus usuários projetem, codifiquem e gerenciem sites, bem como conteúdo móvel. O Dreamweaver é uma ferramenta de ambiente de desenvolvimento integrado (IDE).” (Taxa). Comece com o Guia do iniciante para Dreamweaver.
Mockplus – ferramenta de prototipagem
Mockplus é uma das melhores ferramentas de prototipagem para web designers para criar uma Maquete Interativa da web. Você pode arrastar e soltar componentes para criar um site e visualizá-lo em HTML ou outros formatos. Você só precisa de 10 minutos para iniciar a prototipagem gratuitamente.
Aprenda com um construtor de sites
começar com um construtor de sites pode ajudá-lo rapidamente a entender as melhores práticas de construção e design de sites. Com os modelos pré-projetados e kits de interface do usuário, você pode simplesmente personalizar elementos ou adicionar trechos de código para criar um site que os visitantes admiram.
construtores de sites, você pode tentar:
- Web Host comentário
- Wix
- Guria
- SITE123
- Jimdo
- WordPress
Aprender SEO
é bom ter um especialista em SEO para lidar com o motor de busca de coisas. Mas o design está bastante conectado ao SEO porque o conteúdo do seu site é lido pelos mecanismos de pesquisa e desempenha um papel no ranking. Se você deseja criar um site otimizado para SEO, conhecer os fundamentos do SEO é uma obrigação. Pelo menos, você deve saber sobre meta descrições em páginas e elementos.
aprenda tendências de Design
as tendências de Design estão mudando rapidamente. Você precisa estar ciente das últimas tendências de design e tecnologias de desenvolvimento web para projetar um site moderno. Você pode simplesmente percorrer as 10 principais tendências e exemplos de Web Design imperdíveis em 2019 para se inspirar.Passo 4: Comece com um wireframe
Inicie o processo de design do site com um wireframe. Wireframing ajuda um web designers em brainstorming e validar seus pensamentos no início. Comece wireframing com as 10 dicas práticas para esboçar seus Wireframes.
Passo 5: Use o que você aprendeu para criar um site
agora é a hora de testar o que aprendeu na Etapa 3. Você deve aprender web design fazendo isso. Então você saberá o que entende e o que não entende. então continue aprendendo e continue.
Passo 6: Peça feedback e faça melhorias
se você criou um blog ou qualquer outro site, você deve convidar pessoas para ele. Tente obter o máximo de feedback possível para fazer melhorias.
FAQ de aprendizagem web design：
Quanto tempo leva para aprender web design?O aprendizado de Web design é um processo contínuo, mas pode ser aprendido em meses. Normalmente, você levará 5 meses para aprender HTML, CSS e os fundamentos do JavaScript. Você também precisa gastar tempo em ferramentas de design como Photoshop, Sketch e Mockplus.Além disso, você deve entender padrões da web, princípios de design, design UX/UI, compatibilidade entre navegadores e capacidade de resposta. Aprender tudo isso levará de 3 a 4 meses.
e o mais importante é que você está prestes a entrar no campo do web design depois de todas essas lições. O design está mudando, a tecnologia está mudando, então você precisa continuar aprendendo continuamente.
posso me tornar um web designer sem um diploma?
você pode se tornar um web designer sem um diploma. Para ser um web designer, um diploma não é uma obrigação, o que você deve ter um interesse em programação, conhecimento de design visual e de codificação em uma linguagem de desenvolvimento web, bem como outras habilidades em web design. Mas um diploma pode aumentar suas chances de ser contratado na maioria dos casos.
o que posso fazer depois de fazer um curso de web design?
depois de concluir um curso de web design, você pode fazer um projeto ao vivo, ser contratado em uma empresa de web design ou ser freelancer e procurar projetos e clientes por conta própria.
o web design tem futuro?Estamos vivendo em um mundo digital cheio de sites. O futuro é bastante promissor.De acordo com o Guia Salarial do Creative Group 2019, o front-end web developer é um dos trabalhos mais bem pagos no campo criativo e de marketing, juntamente com designers de UX, pesquisadores de experiência do Usuário, redatores, etc. De acordo com a Glassdoor, os desenvolvedores da web recebem entre US $41,6 k-78,3 k por ano e, de acordo com a PayScale, são oferecidos us $16,4 k – 34,6 k por ano. O salário médio do web designer é de cerca de US $49.693.
o web design é fácil?
pode parecer simples no início, porque você pode aprender o básico de HTML & CSS em alguns meses. Mas à medida que você avança nesta indústria, você pode achar mais desafiador. Você precisa aprender continuamente novas tecnologias para acompanhar todas as mudanças. Mas se você estiver interessado em criar sites e aplicativos da web, o design da web pode ser fácil para você.
conclusão
se você quiser aprender web design por conta própria, as informações acima têm tudo o que você precisa para começar. Pare de perder seu tempo no Facebook ou Twitter “procurando respostas”. Embora você possa construir uma comunidade de design nessas plataformas, Não pode ser um web designer gastando tempo sem rumo. Então, sente-se e comece a aprender. Nunca desista do aprendizado e boa sorte para você!