Criação do seu site

Name: Criação do seu site
Author: Matthew Brown

Este capítulo cobrirá como identificar a inspiração para o design de um site e a criação de wireframes e maquetes com a aplicação NinjaMock. Este capítulo…

Preview the first lesson free — get full access to all 4 lessons.

Solicitar uma demonstração Entrar

Curso: sob demanda

Olá, obrigado por participar. Neste capítulo, veremos métodos para identificar a inspiração do design do site, criando wireframes e maquetes usando o NinjaMock, e como usar efetivamente o espaço em branco em seus projetos. Começaremos analisando as inspirações de sites. Você pode se inspirar em qualquer número de lugares em sua vida diária: dos amigos ao seu redor, dos outdoors, ou sinais que você vê em mercearias. Mas existem alguns sites que são realmente usados comumente para inspiração. Passaremos por alguns deles. O primeiro que vemos exibido aqui é Awwwards. Awwwards é um site muito bom. Gostei, é um dos meus favoritos. Eles fazem uma revisão do site do dia. Você pode ver aqui este é o site do dia. Eles classificam os sites com base no design, usabilidade, criatividade, conteúdo e se é móvel ou não, e dá-lhes uma pontuação de 10. E você pode realmente visitar os sites que estão sendo classificados para aquele dia. Mas se você rolar para baixo, você verá muitos sites diferentes, muitas oportunidades diferentes de inspiração que você pode ver através e veja o que outras pessoas criaram, o que está disponível lá fora, como as pessoas estão projetando seus sites, como eles estão colocando as imagens, como eles estão colocando texto, as fontes e cores que estão usando. Qualquer número de maneiras de ganhar inspiração. O próximo site que poderíamos inspire-se no Pinterest. Se você for ao Pinterest e você faz a inspiração da página de destino do web design, você recebe muitos conteúdos diferentes que você pode navegar para ter ideias sobre como você deseja fazer o layout ou projetar seu site. O Pinterest também é uma boa fonte de inspiração. É mais ou menos para isso que o site foi projetado. Mas, novamente, você pode ir e você pode encontrar muitos de coisas diferentes para ajudá-lo a decidir o que você quer fazer, ou pelo menos apontá-lo em uma direção de onde você quer ir. O próximo site é Designspiration. Designspiration é um bom site também. Você pode navegar e você pode dar uma olhada algumas das imagens inspiradoras, sites inspiradores que as pessoas têm por aí e tire algumas ideias, algum contexto de como você deseja construir seu site. É uma safra, a maior parte do conteúdo deste site é conteúdo antigo, quadrinhos antigos, anúncios de marketing e coisas assim. Então isso é definitivamente algo que você poderia olhar para inspiração. E o próximo site que queríamos ver era o Grain Edit. Grain Edit é mais um blog, mas ele publica algumas boas informações, algum bom conteúdo em termos de como você pode olhar para o design. E alguns dos prêmios de design para sites são postados aqui também. Mais uma vez, apenas uma maneira de obter alguma inspiração para o site e o conteúdo que você está querendo construir. Obrigado por assistir. Em seguida, vamos dar uma olhada na criação de estruturas de arame usando NinjaMock.

Principiante Fornecedor : Matthew Brown 4 lições · 18m em Árabe, Alemão, Inglês, Espanhol, Francês, Português, Chinese

Descrição do curso

Este capítulo cobrirá como identificar a inspiração para o design de um site e a criação de wireframes e maquetes com a aplicação NinjaMock. Este capítulo também cobrirá o uso eficaz de espaços em branco no design de sites.

Objectivos de aprendizagem:

O Que Você Vai Aprender

Identificar inspiração de design de site
Criar wireframes usando o aplicativo NinjaMock
Criar mockups de site usando o aplicativo NinjaMock
Aplicar espaço em branco efetivamente em design de site

Principais Conclusões

O capítulo cobre como identificar inspiração para design de site.
Wireframes e mockups são criados usando o aplicativo NinjaMock.
O uso eficaz de espaço em branco é um elemento importante do design de site.

Perguntas Frequentes

O que este capítulo cobre?

Ele cobre identificar inspiração para design de site, criar wireframes e mockups usando o aplicativo NinjaMock e o uso eficaz de espaço em branco em design de site.

Qual ferramenta é usada para criar wireframes e mockups neste capítulo?

O aplicativo NinjaMock é usado para desenvolver wireframes e mockups de site.

Quais habilidades este capítulo ajuda a desenvolver?

Ele desenvolve habilidades em design methods, design tools, design web format, interactive web design, web design e website architecture.

Quais aulas estão incluídas neste capítulo?

As aulas são Identificando Inspiração, Desenvolver Wireframe usando NinjaMock, Desenvolver Mockups de Website usando NinjaMock e Usando Espaço em Branco Efetivamente.