Precisa de um tutorial de design do site? Use estes 10 recursos impressionantes

Web design é uma grande habilidade para ter - ele permite que você crie seu próprio site e pode ser um ótimo caminho para uma nova carreira. Veja como aprender o básico.

Web design é uma grande habilidade para ter - ele permite que você crie seu próprio site e pode ser um ótimo caminho para uma nova carreira.  Veja como aprender o básico.
Propaganda

Web design é uma grande habilidade para ter - não apenas permite que você crie seu próprio site, mas também pode ser um ótimo caminho para uma nova carreira como web designer. Você precisará de muitas habilidades para fazer isso no mundo do web design, desde codificar em HTML até escolher cores Como escolher um esquema de cores como um profissional Como escolher um esquema de cores como um profissional Cores são complicadas. Pode parecer fácil escolher um punhado de cores que pareçam boas juntas, mas como qualquer designer que passou horas aprimorando tons lhe dirá: é complicado. Leia Mais e fontes para tomar decisões de design em todo o site.

Pode ser um pouco avassalador, e é por isso que reunimos esta lista de 10 recursos incríveis para ajudá-lo a aprender os truques. De revistas on-line gratuitas a um aconselhamento individual, está tudo aqui!

Não tema a Internet (grátis)

não-medo-internet

Vamos começar com o básico. Criado como um tutorial de web design para não-técnicos, o Don't Fear the Internet ajuda você a superar seu medo do mundo intimidador do web design com lições simples que qualquer um pode entender.

De uma explicação básica do que a Internet é o que é a Internet? Pedimos o Google Suggest. Aqui está o que nos disse. O que é a Internet? Pedimos o Google Suggest. Aqui está o que nos disse. Nós amamos a Internet .. Mas o que é isso exatamente? O Google Suggest é uma visão das mentes de milhões. Usamos o Google Suggest para descobrir exatamente o que é a Internet. Aqui está o que encontramos. Leia mais, para detalhar os ossos de um site, para ensinar habilidades de layout de página, você aprenderá as bases da criação de um site em um ambiente muito acolhedor que não sobrecarregará você com informações técnicas. Também inclui uma lista de alguns dos recursos favoritos dos autores para criar webheads.

Introdução ao Web Design pelo Stone River eLearning (US $ 99)

intro-web-design

Se você é novo em web design, este curso de Stone River é um ótimo lugar para começar. Ele começa abordando os pilares mais básicos de web design com palestras como "O que é CSS e HTML?", "Introdução ao layout do documento" e "Vinculação em uma folha de estilo". O curso avança usando CSS e HTML para criar elementos diferentes Isso será útil em um site real, como formulários e botões, e será concluído com um projeto final: construir um site.

Você aprenderá sobre sistemas de grade e design responsivo, duas coisas que são importantes no design da web moderna. Com 34 palestras, totalizando mais de 7, 5 horas de instrução, você vai do novato total ao entusiasta sem gastar uma fortuna.

Casa na árvore (US $ 29 / mês)

categorias treehouse

Esse serviço de assinatura é semelhante a muitos outros sites de aprendizado de vídeo on-line, mas tem um conjunto sólido de cursos relacionados a web design, incluindo os de HTML, CSS, JavaScript, PHP e um totalmente dedicado ao web design. Há também muitas outras áreas que você pode aprender, como desenvolvimento de jogos, a linguagem Swift da Apple, os melhores lugares para aprender Swift, linguagem de programação da Apple, os melhores lugares para aprender Swift, linguagem de programação da Apple Se você quiser aprender Swift, agora é a hora de mergulhe. A linguagem tem um futuro brilhante e quanto mais rápido você aprender, mais cedo você será capaz de colher as recompensas. Leia mais e até mesmo habilidades de negócios.

Se você quer aprender mais não apenas sobre web design, mas sobre codificação e desenvolvimento em geral, isso pode ser um investimento muito bom.

SitePoint (US $ 9 / mês, cobrado anualmente)

sitepoint

Outro serviço de assinatura, o SitePoint oferece acesso não apenas a vídeos, mas também a e-books. Há vários caminhos que atrairão os web designers iniciantes, incluindo os caminhos de design, desenvolvimento, CSS e JavaScript. O site é menor do que muitos outros provedores semelhantes, mas está crescendo rapidamente, com novos lançamentos a cada semana.

Os vídeos de design atuais incluem "Crie interações elegantes (mas fáceis) usando o Sketch e o Atomic.io", "15 etapas para melhorar a usabilidade (e os usuários mais felizes)" e "O que é mais importante no design: imagens ou texto?" também quase imbatível para um serviço de assinatura.

Tuts + Web Design (grátis)

tuts-web-design

Composta de vários vídeos gratuitos que abrangem uma ampla variedade de categorias (incluindo HTML, CSS, teoria do design, design de interface do usuário e muito mais), a seção Tuts + Web Design é um ótimo lugar para aumentar seus conhecimentos sobre conceitos de web design.

Muitas das informações aqui são bastante avançadas, por isso será benéfico ter uma sólida compreensão do básico primeiro. Por outro lado, se você quiser pular com os dois pés, este seria o lugar para fazê-lo. Não perca os Guias de Aprendizagem, que fornecem informações úteis sobre uma área específica do web design. E se você quiser ver como levar os designs da web do início ao fim, confira a seção Sites completos.

Revista Smashing (grátis)

revista esmagadora

Esta revista on-line tem seções sobre codificação, web design, dispositivos móveis, gráficos, experiência do usuário e WordPress, para que você possa aprender uma grande quantidade de informações relevantes para criar um site aqui. Muito do que é publicado atrairá a maioria dos designers intermediários, mas há muito o que aprender se você está apenas começando.

O Smashing também publica vários livros, e você pode obtê-los em formato eletrônico - você pode assinar toda a biblioteca por US $ 99 por ano e ter acesso a todos os seus e-books sobre vários tópicos, desde o design responsivo até a execução um negócio de web design.

A List Apart (grátis)

lista separada

Outra revista on-line, A List Apart, abrange a maioria dos tópicos que você precisa conhecer, não apenas para projetar para a Web, mas para escrever códigos no lado do servidor, desenvolver uma estratégia de conteúdo, gerenciar projetos e manter um olho na indústria. A seção Design é repleta de reflexões úteis de designers, e a seção Codificação ajudará você a ajustar suas habilidades em HTML, CSS e JavaScript.

Transforme qualquer site em um site responsivo (gratuito)

make-site-responsivo

A capacidade de resposta - a capacidade de um site exibir de maneira diferente, dependendo do dispositivo que está sendo visualizado - é excelente para aumentar a legibilidade do seu site e está rapidamente se tornando um recurso obrigatório com o aumento da navegação móvel.

Este tutorial orienta você sobre como fazer os ajustes necessários em seu site para torná-lo responsivo e inclui uma lista de recursos úteis, como plugins do WordPress. Os melhores plugins WordPress Os melhores plugins WordPress Leia mais e bibliotecas jQuery, para ajudá-lo a tornar seu site parece ainda melhor.

Construa Sites Responsive Real World com HTML5 e CSS3 (US $ 199)

construir-responsivo

Este curso baseado em vídeo sobre Udemy está focado em projetar e implantar grandes sites; Nele você aprenderá o básico sobre HTML e CSS Aprenda HTML e CSS com estes tutoriais passo a passo Aprenda HTML e CSS com estes tutoriais passo a passo Curioso sobre HTML, CSS e JavaScript? Se você acha que tem o dom de aprender como criar sites do zero - aqui estão alguns ótimos tutoriais passo a passo que vale a pena tentar. Leia mais, entenda o layout e o design de páginas atraentes, trabalhe com imagens e ícones, adicione efeitos interessantes, use princípios responsivos, aprenda sobre hospedagem na Web e crie um site inteiro a partir do zero.

Em suma, você não terá conhecimento de ser capaz de criar um site e colocá-lo na Internet para compartilhar com o mundo. 79 palestras que duram 11, 5 horas lhe darão praticamente tudo que você precisa.

HTML, CSS e Web Design Circuit Mentoring (US $ 1.250)

montagem geral-web-design

Para realmente melhorar suas habilidades rapidamente, você precisará trabalhar com alguém que saiba o que está fazendo. Como usar o Twitter para procurar mentores em sua área de interesse No mundo real, um mentor é um professor sábio que apóia e orienta alguém, e ajuda-os a maximizar seu potencial. No mundo on-line, você teria muita sorte em encontrar alguém que ... Leia mais, você terá tempo um-a-um com um profissional experiente e aprenderá tudo, desde HTML e CSS até a teoria das cores. Teoria em menos de uma hora Como aprender a teoria da cor em menos de uma hora O conhecimento básico da teoria das cores pode significar a diferença entre uma estética "amadora" e uma "profissional" - e não demora muito para aprender. Leia mais e princípios de layout de página. Essa é uma opção cara, mas não há melhor maneira de aumentar suas habilidades rapidamente.

Este é um curso de 10 semanas, então você estará dedicando um pouco de tempo a ele, mas não há pré-requisitos, portanto qualquer pessoa, independentemente do nível de habilidade, pode se inscrever.

Aprenda com os melhores

Se você está apenas começando ou projetando páginas há anos, você encontrará algo nesta lista de recursos que ajuda você a melhorar no que faz. Não se esqueça de verificar estes excelentes canais de web design do YouTube Quer aprender sobre web design? 7 canais do YouTube para você começar Quer aprender sobre web design? 7 Canais do YouTube para começar Você tem milhares de vídeos e canais para iniciantes em web design. Aqui nós olhamos alguns dos melhores para começar. Leia Mais e blogs 6 Melhores Blogs de Design Web para seguir 6 Melhores Blogs de Design Web para seguir Leia mais, também. Não há maneira fácil de aprender tudo o que você precisa saber sobre o vasto mundo do web design, mas saber onde encontrar ajuda quando você precisar pode fazer uma grande diferença. Lembre-se - como qualquer coisa, o web design requer muita prática e paciência. Agora chegue!

Quais são os melhores recursos de design da web que você encontrou? Você achou algum deles especialmente útil? Compartilhe seus favoritos abaixo!

In this article