Construindo uma rede social - Sugestões e Comentários
Olá amigos do iMasters,
visando dar continuidade no projeto iniciado aqui, estou criando este tópico a fim de iniciarmos a construção visual de nossa rede social.
Faremos por partes, depois uniremos as partes criando o layout completo.
Para exibir as imagens você pode utilizar o ImageShack, e postar apenas o jpg, sendo que o projeto pode ser desenvolvido em qualquer software.
O que precisamos?
Logotipo
O nome do projeto esta sendo definido neste tópico. Após sua definição iniciaremos a criação do logotipo.
Design da tela de login:
A interface deve conter duas caixas, uma para login do usuário, caso já seja cadastrado e outra para que o usuário possa se cadastrar.
A caixa de login, deverá conter um campo para email do usuário e outro para senha; Deverá conter também um checkbox para permitir que o usuário mantenha-se logado.
A caixa de cadastro deverá conter, apenas, um campo para email; Quando o usuário colocar seu email nessa caixa, enviaremos um email de validação contendo um link. Quando o usuário validar seu email teremos a tela de cadastro de usuário.
Design da tela de cadastro de usuários:
Nome de exibição (esse nome será único, então precisará ser verificado a disponibilidade).
Nome Real.
Email (esse será o email validado e será somente leitura, o usuário não poderá modificar esse campo).
Senha.
Confirmação de Senha.
Design da tela de perfil:
A tela de perfil privada deverá conter, além dos campos do cadastro (nome de exibição, nome real e email), os seguintes campos:
Avaliação (apenas leitura: média da pontuação dada por outros membros).
Site Pessoal (apenas um link).
Status. (campo curto para postagem de mensagens simples).
Ideias iniciadas (lista de ideias que o usuário iniciou).
Botão "Ter uma nova ideia" (permitirá ao usuário ter uma nova ideia).
Ideias apoiadas.
A tela de perfil pública deverá conter os seguintes campos:
Avaliação (apenas leitura: média da pontuação dada por outros membros) na tela de perfil pública, esse outro usuário poderá avaliar o perfil do membro.
Site pessoal (apenas link).
Ideias iniciadas (com um botão em cada ideia: "Apoiar ideia").
Vamos a criação.
A utilização de cores é livre, apenas atentando-se que, sendo o tema uma rede social, devem ser cores e formas suaves.
Abaixo algumas sugestões de paletas de cores:
/applications/core/interface/imageproxy/imageproxy.php?img=http://www.colorcombos.com/images/colorschemes/color-scheme-127-3-45-3.png&key=d552fa9cf300e542b296d292a1f852dd5957edefbea5ed41b00d9c0af7c5e7e0" alt="Imagem Postada" />
/applications/core/interface/imageproxy/imageproxy.php?img=http://www.colorcombos.com/images/colorschemes/color-scheme-138-3-45-3.png&key=8e0c013d7e0375084f30ad4681b193e62688f3d7cbd0fa0eff20ca9179352695" alt="Imagem Postada" />
/applications/core/interface/imageproxy/imageproxy.php?img=http://www.colorcombos.com/images/colorschemes/color-scheme-142-3-45-3.png&key=9ee7eeceecdb1b7ee6ef328f9862da9c478a8baad77adc0928c9b20b00642f6a" alt="Imagem Postada" />
/applications/core/interface/imageproxy/imageproxy.php?img=http://www.colorcombos.com/images/colorschemes/color-scheme-140-3-45-3.png&key=cd1b8a0a926e3aa7e6540722a287d7e83650656a01975f8021214c0bdd59e24f" alt="Imagem Postada" />
/applications/core/interface/imageproxy/imageproxy.php?img=http://www.colorcombos.com/images/colorschemes/color-scheme-99-3-45-3.png&key=381e204d4a603874a6b56e796fd7fc2e595e53a1b00b06a0e9c72d37475cc056" alt="Imagem Postada" />
São apenas algumas sugestões, para a utilização de cores suaves mas fiquem a vontade para fazer como queiram /applications/core/interface/imageproxy/imageproxy.php?img=http://forum.imasters.com.br/public/style_emoticons/default/smile.gif&key=15294d64c22e9e9c4ae0bf82a62ec27d13f27d6ba7078a5f7982077798029364" alt="Imagem Postada" />
Aguardo participação de todos
Atenciosamente
João Prado
Moderador Design Geral
Discussão (33)
Carregando comentários...