Documentação de Projetos – Layout
Documentação
Nenhum Comentário
Continuando a falar sobre a documentação dos projetos ainda usando o exemplo do novo visual do blog, falarei um pouco de como o wireframe inicial se transformou no layout.
Com o wireframe em mãos a proxima etapa para o desenvolvimento do novo visual era o layout, o layout e a representação grafica mais proxima da realidade efetiva do site, nele é são dispostas as cores, fontes e tamanhos de fontes a serem utilizadas no site assim como os elementos graficos como logomarca, imagens e outros elementos.
No caso do novo visual, a ideia era manter a proximidade de cores com a primeira versão do site, com o intuito de com o tempo criar uma identidade visual do site, simplicidade, usabilidade e acessibilidade eram fatores importantes a serem considerados no desenvolvimento do layout.
Com isso o degrade de azul foi mantido no topo e no rodapé, na area de conteudo o preto no branco foi a escolha devido a maior facilidade de leitura quando essas duas cores são usadas, outras cores com alto contraste também proporcionam essa facilidade de leitura, tomando cuidado com o uso de cores muito fortes que podem causar ofuscamento.
A primeira versão do layout seguia a risca a disposição dos elementos do wireframe, porem ao conlui-la optei pela mudança de lados entre menu e conteudo, o menu que no wireframe ficaria a esquerda passou a direita e o conteudo para a esquerda, tambem foi feita uma sobreposição do menu no topo da pagina, com isso um espaço vazio apareceu entre o topo e o conteudo, na altura da sobreposição do menu, optei então pela colocação dos links para as paginas estaticas a baixo do logo com aparencia de abas.
A versão final então está representada abaixo:
Com isso foi finalizado o desenvolvimento do novo layout, as proximas etapa seriam a codificação das telas em XHTML + CSS e a adequação ao wordpress porem essas não fazem mais parte da nossa serie de documentação de projetos, já que não se tratam mais da fase de documentação e sim da fase de desenvolvimento, porem vou contar tudinho como foi essa experiencia em posts futuros.








(5 votos, media: 4,20 Maior Voto: 5)
Artigos Mais Antigos
Assine nosso Feed





