Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

João Prado

Construindo uma rede social - Sugestões e Comentários

Recommended Posts

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:

 

Imagem Postada

Imagem Postada

Imagem Postada

Imagem Postada

Imagem Postada

 

 

São apenas algumas sugestões, para a utilização de cores suaves mas fiquem a vontade para fazer como queiram Imagem Postada

 

 

Aguardo participação de todos

Atenciosamente

João Prado

Moderador Design Geral

Compartilhar este post


Link para o post
Compartilhar em outros sites

Apesar de não ser um especialista na área de Design, já vou dar o meu "pitú" aqui.

 

Muito bem elaborado o projeto até agora, e ótimo o controle dos moderadores sobre a divisão das tarefas e áreas.

 

Parabéns, João Prado!

 

Sugestão: Gostei da Paleta 1.

 

Abraços!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Obrigado Daniel, e agradeço também por sua contribuição no projeto.

 

Quanto a paleta 1 eu também gostei, mas nada impede de se trocar algumas cores e eu trocaria a 2º e 3º, não gostei destas tonalidades.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Penso o mesmo com relação à segunda cor da paleta.

 

Mas creio que a terceira é que dá o "tchãn" pra ela ficar interessante.

 

Mas você com certeza entende mais do que eu. Pode assumir essa bagaça aí, hahaha.

 

Parabéns novamente.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Eu trocaria a 3º cor da primeira paleta pela última da 3º ou 4º paleta.

 

Não ficaria tão chamativo e mesmo assim daria o "tchãn"

Compartilhar este post


Link para o post
Compartilhar em outros sites

Sinceramente, sou contra a inicialização da interface, sem a definição da identidade visual do projeto.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Sinceramente, sou contra a inicialização da interface, sem a definição da identidade visual do projeto.

 

Então somo dois.

Compartilhar este post


Link para o post
Compartilhar em outros sites

hehe não entendo muito de designer, mas tem duas cores que eu acho incrivel quando bem utilizadas vo dexa como dica Imagem Postada

 

Nome | RGB | Hexadecimal

SaddleBrown 139 69 19 #8B4513

DeepSkyBlue 0 191 255 #00BFFF

 

valww

Compartilhar este post


Link para o post
Compartilhar em outros sites

Sinceramente, digo que as etapas de desenvolvimento estão desordenadas, dessa vez não estamos desenvolvendo um simples site para a web portanto o back-end se antecipa ao front-end.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Para uma melhor organização separei os posts em 2 tópicos. Este para sugestões e comentários e o outro para a postagem das imagens.

 

Solicito que se atentem ao que foi pedido inicialmente:

 

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").

 

Agradeço a compreensão de todos.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Também acho interessante que compartilhemos as PSD's para que assim os usuários tenham noção de como a interface fora desenvolvida.

caso esta sugestão seja acatada, até que tenhamos um nome para o projeto e um local para hospedar as respectivas sugiro o serviço 4Shared.

Compartilhar este post


Link para o post
Compartilhar em outros sites

caso esta sugestão seja acatada, até que tenhamos um nome para o projeto e um local para hospedar as respectivas sugiro o serviço 4Shared.

 

Untill, já temos um repositório.

 

Os PSDs podem ser colocados no http://code.google.com/p/imns

Compartilhar este post


Link para o post
Compartilhar em outros sites

No meu caso não é PSD e sim PNG Imagem Postada

 

Editável do mesmo jeito hehehe

 

Assim que tiver um legalzinho aqui, bem organizado eu coloco lá pro pessoal.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Posso parecer super randômico com esse post, mais não sei nada de terminal portanto não consegui fazer nada no Google Code =/.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Posso parecer super randômico com esse post, mais não sei nada de terminal portanto não consegui fazer nada no Google Code =/.

 

Utilize o SVN.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Opcional não Opicional

Compartilhar este post


Link para o post
Compartilhar em outros sites

obrigado por alertar holt, irei corrigir.

 

 

 

Pessoal o nome foi definido: Tyfu

 

 

Já podem iniciar a criação do logotipo.

Compartilhar este post


Link para o post
Compartilhar em outros sites

pessoal, postei uma sugestão inicial do logotipo.

 

Peço opiniões, e também modificações, caso achem necessário.

 

 

Abraços

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.