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