Desenvolver modelos de página para um novo site
Para assegurar a coerência design, facilidade de uso, e fazer engenharia mais prático, a maioria dos sites usam um pequeno punhado de diferentes layouts de design chamada modelos. Você vai querer desenvolver modelos de página quando você faz um novo site ou redesenhar um já existente.
Estes modelos são projetados para lidar com todos os diferentes tipos de conteúdo, mensagens e tarefas que o site vai exigir. Para lhe dar um exemplo, o site da Monster Energy utiliza apenas cerca de 12-14 diferentes modelos de layout para compensar todo o site. Alguns desses modelos incluem Casa, All Sports Landing, Desporto Landing, Detalhe Atleta, e Notícias Detalhe do item. Todos os atletas usam o mesmo modelo de página Atleta Detalhe. O modelo é preenchido dinamicamente a partir de um banco de dados com imagens exclusivas e informações do atleta.
A outra coisa a notar sobre modelos é que, enquanto cada um deles permitem uma variedade de arranjos de layout (de conteúdo da página interna), a navegação é realizada no mesmo local durante todo o local. No exemplo, a navegação principal se encontra na vertical à esquerda, enquanto o secundário # 147-header # 148- navegação vai na parte superior, ea navegação de rodapé traz o fundo.
Aliás, este site tem um bom exemplo de um super-footer. Um super rodapé é um rodapé esteróides-em-que vive no fundo da página, como visto na figura a seguir ,. Ele contém uma série de links de texto redundantes para todas as partes do site, mas note que é muito palavra chave-rico por design. Super rodapés não só fornecer um meio rápido de navegar o site inteiro, mas são também uma oportunidade para SEO (search engine optimization): Ao injetar o seu site com as palavras mais pesquisadas e frases, você aumenta ranking de busca natural do seu site quando as pessoas procuram por esses termos.
O processo de informação e wireframing acabará por determinar o número e tipos de modelos que você precisa para projetar para um site. Uma vez que os diferentes modelos são identificados, você pode começar a projetar visuais # 147 comps # 148- para cada modelo.