Web design: Be Responsive!
A course by Francisco AveledoWeb designer
A course by Francisco Aveledo, Web designer
Aprenda a desenhar seu portfólio web responsivo
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.
O que você aprenderá neste curso online?
17 aulas & 23 downloads
Inspiração
7 minutos, 22 segundos
Web Design Responsivo
6 minutos, 31 segundos
Organize o conteúdo
4 minutos, 24 segundos
Wireframing
9 minutos, 55 segundos
A grade (sistema de grade)
4 minutos, 39 segundos
Conceito gráfico
4 minutos, 49 segundos
O que está incluído neste curso?
Para iniciar a aventura de criar seu site, a FA Design lhe dará uma introdução ao design da Web e portfólios on-line, com uma explicação do "Responsive Web Design", no qual você saberá porque essa é a maneira mais comum de criar websites. Em seguida, você organizará o conteúdo do portfólio da web e fará os esboços de papel na arquitetura da informação, basicamente alguns “wireframes” feitos à mão. Para este propósito, você usará uma grade como base do projeto; Isso ajudará você a manter uma lógica em um nível estrutural e será muito útil para o programador que montará o site.
Você vai praticar um processo de trabalho real com todas as chaves para que a web seja fluida e fácil de usar. Finalmente, você verá algumas dicas sobre como preparar os arquivos do Photoshop para serem usados por um programador, será ele quem dará vida ao design. Você também receberá conselhos sobre como promover o site, uma vez que é montado e online.
QUAL O PROJETO FINAL DO CURSO? O projeto final do curso consistirá na criação do design visual de um portfólio web, desde a concepção da ideia até a preparação dos arquivos que podem ser utilizados por um programador para montar a web posteriormente. Os portfólios da Web geralmente não são sites complexos e é um projeto muito útil para qualquer criativo, perfeito para começar na área de design de tela. Além disso, um website Responsive será visto perfeitamente em qualquer dispositivo (celular, tablet ...).
Recommended software & tools for this course
What is this course's project?
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).
Projetos de alunos do curso
Who is this online course for?
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.
Requirements and materials
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.
Avaliações
- há 9 meses
Me ha gustado, es sencillo.
- há 1 ano
La explicación que tiene es muy concreta y precisa haciendo entender todo el contenido de manera correcta y así mismo incitando a el aprendizaje autónomo
- vidhyaprabhu14PLUShá 2 anos
I loved the grid system in this topic. Love to know more about it
- há 2 anos
Buenísimo.
- há 3 anos
Excelente
Sempre fui apaixonado por design digital, embora também aprecie a parte tradicional do design, pois tive a oportunidade de aprender os dois. Desde que estudei design, gostei da idéia de projetar para a tela, de organizar conteúdo e exibi-lo com eficiência. Eu trabalhei em muitos projetos, tanto na web, impressão, movimento e outras superfícies digitais, como aplicações de serviços de televisão digital.
Conteúdo
- U1
Introdução ao Web Design
- FA Design e web design
- Bases de web design
- Inspiração
- Web Design Responsivo
- U2
Arquitetura da informação
- Organize o conteúdo
- Wireframing
- A grade (sistema de grade)
- U3
Conceito e design visual
- Conceito gráfico
- Construa a web
- Definir os elementos gráficos
- Fundos de Variações
- Definir instâncias
- Projete o restante das telas
- Definir funções responsivas
- U4
Prepare os arquivos para o programador
- O programador
- Limpar e organizar
- Promova seu site
- PF
Projeto final
- Web design: Seja responsivo!
O que esperar de um curso da Domestika
Aprenda no seu ritmo
Aproveite para aprender desde casa, sem um horário fixo e no seu ritmo. É você quem define sua disponibilidade.
Aprenda com os melhores profissionais
Aprenda métodos e técnicas fundamentais com os melhores profissionais do setor criativo.
Conheça os maiores especialistas
Cada professor compartilha seus conhecimentos com entusiasmo e explicações claras, oferecendo uma perspectiva profissional em cada aula.
Certificates
PLUSIf you're a Plus member, get a certificado personalizado signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.
Sente-se na primeira fila
Com vídeos da melhor qualidade, você não perderá nenhum detalhe! Graças ao acesso ilimitado, você pode assistir às aulas todas as vezes que precisar para aperfeiçoar sua técnica.
Compartilhe conhecimentos e ideias
Pergunte, peça opiniões e ofereça soluções. Compartilhe sua experiência de aprendizagem com outros alunos da comunidade tão criativos como você.
Conecte-se a uma comunidade criativa global
Esta comunidade acolhe milhões de pessoas do mundo todo, curiosas e apaixonadas por descobrir e expressar sua criatividade.
Assista a cursos produzidos de maneira profissional
A Domestika seleciona cuidadosamente seus professores e produz cada curso internamente para garantir uma experiência de aprendizagem online excelente.
Perguntas frequentes
Você vai aprender a estruturar páginas web, usar grades, criar menus, desenhar cabeçalhos e rodapés, aplicar design responsivo, organizar conteúdo com wireframes e preparar arquivos para desenvolvedores, focando em portfólios profissionais e sites visualmente atraentes.
O curso é de nível intermediário. É ideal se você já tem conhecimentos básicos de design web ou experiência com ferramentas gráficas como o Photoshop.
É necessário ter conhecimentos básicos de design digital e saber usar programas como o Photoshop. Recomenda-se estar familiarizado com conceitos de design web e navegação na internet.
O curso guia você passo a passo na estruturação, design visual e organização de projetos para um portfólio web, usando exemplos reais e técnicas de inspiração para destacar seu trabalho online.
São usadas principalmente ferramentas como Photoshop e recursos online para criação de grades, simuladores de dispositivos e wireframes, tanto manuais quanto digitais.
Sim, você vai aprender a criar estruturas flexíveis, adaptar menus, colunas e conteúdos conforme o dispositivo, além de verificar o design responsivo com ferramentas e simuladores.
Você vai aprender a aplicar grades de colunas e wireframes para distribuir e hierarquizar o conteúdo, criando uma estrutura visual coerente e fácil de navegar.