# Web design: Be Responsive! | Domestika

> Um curso de Francisco Aveledo · Web & App Design · Iniciante
> 17 aulas (1h 50m) · Das 259 avaliações de alunos, 91% são positivas

Faça o salto para o design responsivo! Neste curso, Francisco Avelendo da FA Design lhe ensinará como projetar um site original ou seu próprio portfólio desde o conceito até a sua preparação para ser programado. Ao completar o seu próprio portfólio on-line, você aprenderá todas as etapas para projetar webs para deixar o arquivo preparado para o programador e também entrará no 'Responsave Web Design' ou no design da Web adaptável, o método mais usado atualmente que permite que você Design combina com todos os dispositivos. Afaste-se dos típicos portfólios pré-definidos, criando o seu a partir do zero e, quem sabe, este curso pode ser o primeiro passo para se dedicar totalmente ao design da web ou para complementar seus serviços criativos.

## Para quem é este curso online?

Este curso destina-se principalmente a designers gráficos ou criativos em geral que querem entrar no mundo do web design. Também pode ser útil para alguns programadores que precisam se aprofundar na fase criativa de seus projetos. 

 ![](http://assets3.domestika.org/course-images/000/000/953/953-big.jpg)

## Qual é o projeto deste curso?

El proyecto final del curso consistirá en crear el diseño visual de un portfolio web para que un programador la haga realidad. Empezarás desde la concepción de la idea hasta la preparación de los ficheros que puedan ser utilizados por un programador para montar la web posteriormente. 

Los portfolios web no suelen ser sitios complejos y es un proyecto muy útil para cualquier creativo, perfecto para iniciarse en el área del diseño responsive para que se vea desde cualquier dispositivo (móvil, tablet o desktop).

## Requisitos e materiais

Para concluir este curso, você precisará de princípios básicos de design gráfico, um caderno para desenhar e um nível médio de Photoshop. Não é necessário ter conhecimento de web design, simplesmente uma ideia básica com a experiência de navegar na internet.

## Conteúdo

### Introdução ao Web Design

Oi! Para começar, falo sobre os princípios básicos do web design e como, ao longo dos anos, essa área criativa se adaptou à tecnologia disponível, condicionando significativamente as tendências estéticas. Vamos procurar inspiração navegando em alguns portfólios interessantes e eu explico a você o que é 'Web Design Responsivo', para aplicá-lo ao seu projeto.

### Arquitetura da informação

A arquitetura da informação é o primeiro processo que ocorre quando projetamos uma web. É quando as informações e os elementos que vamos usar em cada tela ou seção da nossa web são organizados, organizados e estruturados. Eu vou te ensinar dois passos básicos para definir a arquitetura de informação, que é organizar o conteúdo e fazer alguns "wireframes" à mão para definir sua estrutura para cada tela. Finalmente, você conhecerá a grade para poder usá-la em qualquer projeto da web.

### Conceito e design visual

Nesta unidade, nos dedicaremos totalmente à parte de design visual do nosso site. Vamos passar por etapas para facilitar o processo e não nos sobrecarregar. Começaremos definindo o conceito gráfico geral, não é necessário capturá-lo em papel ou tela, pode ser algo que você define em sua imaginação. Então você começará a construir seu site com a ajuda do documento do Photoshop que eu anexei a você. Vamos agora definir os elementos gráficos e, em seguida, as instâncias para finalmente projetar todas as seções ou telas que seu site irá tomar.

### Prepare os arquivos para o programador


## Áudio e legendas

**Áudio:** Espanhol

**Legendas:** Espanhol, Inglês, Português

[Web design: Be Responsive!](https://www.domestika.org/pt/courses/34-web-design-be-responsive)