Layout-Design Digital

LayoutDesign Digital

Resolução do Monitor

800x600 pixels

1024x768 pixels

1280x800 pixels

...

A resolução de segurança deve ser no mínimo 1024x768 px

Tipos de Layout

Fixo

Liquido

Adaptivo

Responsivo

Wireframe

Um wireframe é um guia visual básico usado em design de interface para sugerir a estrutura de um pagina web e relacionamentos entre suas páginas.

Ilustração do layout

Processo inicial, antes do desenvolvimento

Variações de layout (Disposição dos elementos nos dispositivos)

Wireframe

Mockup

Similar o wireframe com a diferença, que se aproxima mais perto do resultado final e consequentemente parte das funcionalidades;

Facilidade parar cliente entender as ideias;

Mais colorido e mais trabalhoso;

Designers podem representar o serviço com um ambiente visual mais agradável.

Mockup

Regra dos Terços para WEB

Regra dos Terços é uma técnica utilizada na fotografia para se obter melhores resultados e pode ser utilizada para construção das paginas WEB.

Regra dos Terços para WEB

Regra dos Terços para WEB

ExemplosPaginas

Onde podemos criar?

Em ferramentas que possam criar vetores. (Corel, Illustrator, Phostoshop);

Em paginas da WEB;

www.csszengarden.com

Atividade

Construir um mockup para a empresa M-Surf.

Usar o seu logo como base para a construção.

As cores devem seguir a harmonia definida no logo.

Aplicar a regra dos terços para construção do layout