Wireframe

Esboço do Wireframe

Fiz um esboço rápido do que eu já tinha pensado desde ontem em papel mesmo só pra mostrar um pouco da ideia que eu tive para o Layout.

A ideia é que tenhamos um cabeçalho com o logo da liga solidária e um menu com itens que podem ter drop-dows, cada item do menu representaria um "módulo" do projeto, assim no exemplo a seguir se o usuário clicasse me arquivos ele seria redirecionado para a página com a lista de arquivos e caso colocasse o mouse sobre a seta na lateral do botão veria mais opções do módulo, como "Upload" por exemplo, o mesmo valendo para os outros módulos, pelo pouco que eu pude ver do projeto até agora ele teria um módulo de projetos também, então inclui essa segunda opção no menu somente como exemplo.

Acredito que isso facilita até mesmo o desenvolvimento, pois fica bem fácil de incluir novas funcionalidades sem ter que fazer mudanças muito profundas no layout a cada nova funcionalidade.

A seguir vem uma barra de separação, pensei em usar as cores azul, vermelho e amarelo que compões o logo para essas separações mantendo assim a identidade visual deles.

Depois dessa separação temos o conteúdo principal, nesse exemplo só temos um menu de módulo que, no caso do modulo de arquivos por exemplo seria a lista de grupos de arquivos, e no lado direito os arquivos propriamente ditos, eles poderiam ser listados como thumbs, da forma como está hoje na branch do Pagodabox, ou em tabela, com mais detalhes sobre o arquivo, e teria um botão no topo dessa coluna para selecionar o modo de exibição, juntamente com um campo de busca, no final dessa coluna seria colocado os controles de paginação.

Por fim o Footer, para ele estou pensando inserir uma versão menor do logo da liga solidária no lado esquerdo, e no lado direito o logo do PHPSP como "Apoio" entre eles as informações básicas da liga solidária, um linha com um acesso rápido aos módulos do projeto, separados por "|" e talvez outros links de acesso rápido como ao próprio site deles.

No esboço o footer ficou um pouco grande, é por que eu não tenho muita noção de espaço mesmo, rsrsrs, mas é só um esboço, mas vocês já podem descarregar as críticas, sugestões, etc.

Vlwwwwwwww