antiblock
Rodnia | Alpha & Omega
  • Chatbox

    You don't have permission to chat.
    Load More
Sign in to follow this  
Oreki

Precisando De Feedback :3

17 posts in this topic

Então olá pessoal, como alguns sabem estou a tentar começar a trabalhar no design de websites. Trabalhar não, mas tentar aprender xD

Então este foi o primeiro website que completei ate ao fim, os outros eu fazia uma coisa ou 2 e depois não gostava e deixava aquilo da mão. 

Mas agora quero mesmo aprender e terminei este, e queria algum feedback seja positivo negativo, desde que me ajude a melhorar seria otimo. Vá vou deixar aqui o website :3

 

 

 

Acho que a imagem perde qualidade aqui por isso vou postar os links.

 

1º-  http://i.imgur.com/eTHO7TP.jpg

 

Eu reparei que esse tinha alguns defeitos no smudge lá em baixo, coisa que não reparei na altura por estar pequeno. Não consigo emendar aquele smudge, porque fica sempre com aquele aspeto seja de maneira que for x.x Então vim com uma solução que é alterar a parte debaixo do fundo e da ai a segunda versão :#

 

2º- http://i.imgur.com/UgKogWv.png

 

 

 

Share this post


Link to post
Share on other sites
antiblock
Rodnia | Alpha & Omega

Ora bem...

 

Vou dar a minha opinião xD

 

Os conceitos básicos está lá..

Que entre outros é ter um padrão de cores definido(ou seja, não usar mais que 2 a 3 tons de cores diferentes)

E ter um padrão de fontes, que é exatamente igual, (não usar mais que 2 ou 3 fontes diferentes)

 

No campo de pesquisa, tira aquela border preta á volta, se quiseres destacar o campo de pesquisa, faz isso com uma box shadow inset (é o termo em css) em photoshop não sei xD

 

A imagem de fundo, não sei se é para ficar desfocada de propósito para dar destaque ao logo principal ou não, mas não gostei desse pormenor do desfoque xD

 

E exatamente por causa desse pormenor do desfoque, o segundo link em que modificaste o footer, o mesmo ficou horrível xD

Por puseste um footer nitido, em cima de um fundo desfocado, e ainda por cima o padrão do footer é horrível xD

Logo, adoro muito mais o exemplo 1 xD

 

Cumprimentos u_u

Share this post


Link to post
Share on other sites

Ora bem...

 

Vou dar a minha opinião xD

 

Os conceitos básicos está lá..

Que entre outros é ter um padrão de cores definido(ou seja, não usar mais que 2 a 3 tons de cores diferentes)

E ter um padrão de fontes, que é exatamente igual, (não usar mais que 2 ou 3 fontes diferentes)

 

No campo de pesquisa, tira aquela border preta á volta, se quiseres destacar o campo de pesquisa, faz isso com uma box shadow inset (é o termo em css) em photoshop não sei xD

 

A imagem de fundo, não sei se é para ficar desfocada de propósito para dar destaque ao logo principal ou não, mas não gostei desse pormenor do desfoque xD

 

E exatamente por causa desse pormenor do desfoque, o segundo link em que modificaste o footer, o mesmo ficou horrível xD

Por puseste um footer nitido, em cima de um fundo desfocado, e ainda por cima o padrão do footer é horrível xD

Logo, adoro muito mais o exemplo 1 xD

 

Cumprimentos u_u

 

Sim o desfocado era com intenção de dar destaque ao logo principal. Muito obrigado pelos concelhos :D Em relação aquela borda preta no campo de pesquisa. Eu realmente queria realçar um pouco porque sem a borda parecia demasiado não notável xD Mas vou tirar a borda e ver melhor como fica.

Dizes então que o resto não está assim muito mau ? acerca do UI? Tentei deixar um pouco básico porque agradava-me mais assim, e depois de varias tentativas de UI com mais pormenores não me saiam tanto bem talvez pela falta de experiência.

 

Os fundos, vou tentar trabalhar mais um pouco nisso. 

 

Mais uma vez obrigadão :D

Share this post


Link to post
Share on other sites

Fica-te pelo 1º e não mexas em mais nada.

Share this post


Link to post
Share on other sites

Sim o desfocado era com intenção de dar destaque ao logo principal. Muito obrigado pelos concelhos :D Em relação aquela borda preta no campo de pesquisa. Eu realmente queria realçar um pouco porque sem a borda parecia demasiado não notável xD Mas vou tirar a borda e ver melhor como fica.

Dizes então que o resto não está assim muito mau ? acerca do UI? Tentei deixar um pouco básico porque agradava-me mais assim, e depois de varias tentativas de UI com mais pormenores não me saiam tanto bem talvez pela falta de experiência.

 

Os fundos, vou tentar trabalhar mais um pouco nisso. 

 

Mais uma vez obrigadão :D

 

Tu quando trabalhas em webdesign, principalmente o fundo tens de pensar nele para todos os dispositivos existentes no mercado.

Já nem falo no smartphones, porque esses já quase nem mostram o fundo do site, mas por exemplo em tablets, em ecrãs de notebooks, em ecrãs de portateis, e em ecrãs de 1980px.

Em ecrãs de tablets é capaz de não ficar tão mau porque o ecrã ainda é relativamente pequeno, mas em ecrãs de portateis, e dos de 1980px vai ficar muito feio mesmo :P

E vai dar logo ao site uma perspectiva de imagens LQ (low quality)

 

Quanto ao campo de pesquisa, se quiseres tira a border-top e a border-bottom e deixa as ostras duas, ou então tira mesmo todas. Porque o campo por si já se diferencias por ser branco xD

E com as borders estás a por ele fora do alinhamento da barra. O botão para o destacares já que está da mesma cor que o menu, podes por ele dentro do mesmo tom mas um bocado mais escuro.

 

Whatever.. este pormenor da barra de pesquisa tambem se pode emendar no código lol nem precisas de mexer no photshop, mas é na mesma para ficares com uma ideia :)

Share this post


Link to post
Share on other sites

De todas as maneiras a derradeira questão é: estará apto para adaptação em RWD?

Share this post


Link to post
Share on other sites

Então olá pessoal, como alguns sabem estou a tentar começar a trabalhar no design de websites. Trabalhar não, mas tentar aprender xD

Então este foi o primeiro website que completei ate ao fim, os outros eu fazia uma coisa ou 2 e depois não gostava e deixava aquilo da mão. 

Mas agora quero mesmo aprender e terminei este, e queria algum feedback seja positivo negativo, desde que me ajude a melhorar seria otimo. Vá vou deixar aqui o website :3

 

 

 

Acho que a imagem perde qualidade aqui por isso vou postar os links.

 

1º-  http://i.imgur.com/eTHO7TP.jpg

 

Eu reparei que esse tinha alguns defeitos no smudge lá em baixo, coisa que não reparei na altura por estar pequeno. Não consigo emendar aquele smudge, porque fica sempre com aquele aspeto seja de maneira que for x.x Então vim com uma solução que é alterar a parte debaixo do fundo e da ai a segunda versão :#

 

2º- http://i.imgur.com/UgKogWv.png

 

Entre as 2 versões prefiro o fundo a 1ª

Vamos  lá :

Falta-te aqui muitos principios básicos de design, tais como : Tipografia, cor, espaçamento, proporção.

O tipo de letra não é o mais adequado para este tipo de site.

Falta-te melhorar a estrutura do mesmo, está muito básica.

Menu demasiado grande.

Não te aconselho a utilizares sombra, esse conceito já foi ultrapassado.

De 0 a 10 dou-te 3.

Boa sorte.

 

Share this post


Link to post
Share on other sites

Tu quando trabalhas em webdesign, principalmente o fundo tens de pensar nele para todos os dispositivos existentes no mercado.

Já nem falo no smartphones, porque esses já quase nem mostram o fundo do site, mas por exemplo em tablets, em ecrãs de notebooks, em ecrãs de portateis, e em ecrãs de 1980px.

Em ecrãs de tablets é capaz de não ficar tão mau porque o ecrã ainda é relativamente pequeno, mas em ecrãs de portateis, e dos de 1980px vai ficar muito feio mesmo :P

E vai dar logo ao site uma perspectiva de imagens LQ (low quality)

 

Quanto ao campo de pesquisa, se quiseres tira a border-top e a border-bottom e deixa as ostras duas, ou então tira mesmo todas. Porque o campo por si já se diferencias por ser branco xD

E com as borders estás a por ele fora do alinhamento da barra. O botão para o destacares já que está da mesma cor que o menu, podes por ele dentro do mesmo tom mas um bocado mais escuro.

 

Whatever.. este pormenor da barra de pesquisa tambem se pode emendar no código lol nem precisas de mexer no photshop, mas é na mesma para ficares com uma ideia :)

Um website não necessita de ser responsive, antes de passar para essa fase, existe um estudo para verificar se o trafego do mesmo vem de dispositivos moveis,

concluindo se vale ou não a pena a implementação desta funcionalidade.

Cumprimentos.

Desculpem o double post, se poderem, juntem os 2 posts.

Share this post


Link to post
Share on other sites

De todas as maneiras a derradeira questão é: estará apto para adaptação em RWD?

Desculpa este foi o meu primeiro trabalho, e não faço a minima do que seja RWD :x

 

Entre as 2 versões prefiro o fundo a 1ª

Vamos  lá :

Falta-te aqui muitos principios básicos de design, tais como : Tipografia, cor, espaçamento, proporção.

O tipo de letra não é o mais adequado para este tipo de site.

Falta-te melhorar a estrutura do mesmo, está muito básica.

Menu demasiado grande.

Não te aconselho a utilizares sombra, esse conceito já foi ultrapassado.

De 0 a 10 dou-te 3.

Boa sorte.

 

Desde já obrigado :)

Em relação à tipografia sou obrigado a concordar contigo, também acho que o design do UI não é o indicado para este tipo de website relacionado com jogos/etc. 

 

Em relação a cores, não achei que tivesse mal, tentei manter sempre uma espécie de harmonia entre as cores. Se pudesses ser mais especifico sobre o que estava mal para que eu pudesse entender e melhorar agradecia imenso :3

 

Em relação ao espaçamento não sei se é o que estou a pensar mas sim, tenho algum problema em trabalhar o espaço e isso é algo que reconheço, e estou a tentar trabalhar nisso. Mas mais uma vez se pudesses ser um pouco mais especifico era o ideal, porque sou mesmo novato, por isso escapa-me algumas coisas assim que em principio seriam básicas, sorry x.x

 

Em relação à sombra, de que sombra falas? Daquela que pertence à parte que está escrito New Era e as informações ? Se não, não sei de que sombras referes x.x

 

Em relação à estrutura, o que posso melhorar? É que não sei o que fazer, desculpa estar a ser chato em relação ao especifico mas é que ajudava mesmo xD 

 

Se pudesses dar algumas dicas também, ou onde poderia ter acesso a alguns tutorais. Porque os que vejo são grande parte acerca de flat design. E ainda assim não são grande coisa. 

 

Mais uma vez obrigado :3

Share this post


Link to post
Share on other sites

Desculpa este foi o meu primeiro trabalho, e não faço a minima do que seja RWD :x

 

 

Desde já obrigado :)

Em relação à tipografia sou obrigado a concordar contigo, também acho que o design do UI não é o indicado para este tipo de website relacionado com jogos/etc. 

 

Em relação a cores, não achei que tivesse mal, tentei manter sempre uma espécie de harmonia entre as cores. Se pudesses ser mais especifico sobre o que estava mal para que eu pudesse entender e melhorar agradecia imenso :3

 

Em relação ao espaçamento não sei se é o que estou a pensar mas sim, tenho algum problema em trabalhar o espaço e isso é algo que reconheço, e estou a tentar trabalhar nisso. Mas mais uma vez se pudesses ser um pouco mais especifico era o ideal, porque sou mesmo novato, por isso escapa-me algumas coisas assim que em principio seriam básicas, sorry x.x

 

Em relação à sombra, de que sombra falas? Daquela que pertence à parte que está escrito New Era e as informações ? Se não, não sei de que sombras referes x.x

 

Em relação à estrutura, o que posso melhorar? É que não sei o que fazer, desculpa estar a ser chato em relação ao especifico mas é que ajudava mesmo xD 

 

Se pudesses dar algumas dicas também, ou onde poderia ter acesso a alguns tutorais. Porque os que vejo são grande parte acerca de flat design. E ainda assim não são grande coisa. 

 

Mais uma vez obrigado :3

Vou te enviar o meu contato do skype por PM.

Share this post


Link to post
Share on other sites

Um website não necessita de ser responsive, antes de passar para essa fase, existe um estudo para verificar se o trafego do mesmo vem de dispositivos moveis,

concluindo se vale ou não a pena a implementação desta funcionalidade.

Cumprimentos.

Desculpem o double post, se poderem, juntem os 2 posts.

 

O Website não precisa de ser responsive para aparecer num tablet O___O

Basta ter os elementos básicos definidos em percentagem..

 

Quanto ao "o website não precisa de obrigatóriamente ser responsive"

Quem decide isto não és tu, é o cliente xD Se ele quiser responsive, será responsive.

Para não falar na ultima mudança que o google fez no seu motor de busca, benificiando empresas com sites responsive :)

A Google provou que á volta de 60% das buscas feitas no google são feitas a partir de dispositivos móveis xD Queres mais estudo que esse ?

Mais de metade do planeta....

 

Eu cá não faço um trabalho ás metades, se ele quer aprender, então que seja já com as mais atuais tecnicas do mercado.

Obvio que ele antes de saber fazer um design responsive, primeiro tem de saber fazer o design normal.

 

Cumprimentos

Share this post


Link to post
Share on other sites

O Website não precisa de ser responsive para aparecer num tablet O___O

Basta ter os elementos básicos definidos em percentagem..

 

Quanto ao "o website não precisa de obrigatóriamente ser responsive"

Quem decide isto não és tu, é o cliente xD Se ele quiser responsive, será responsive.

Para não falar na ultima mudança que o google fez no seu motor de busca, benificiando empresas com sites responsive :)

A Google provou que á volta de 60% das buscas feitas no google são feitas a partir de dispositivos móveis xD Queres mais estudo que esse ?

Mais de metade do planeta....

 

Eu cá não faço um trabalho ás metades, se ele quer aprender, então que seja já com as mais atuais tecnicas do mercado.

Obvio que ele antes de saber fazer um design responsive, primeiro tem de saber fazer o design normal.

 

Cumprimentos

 

Obvio que não precisa ser responsive, basta ter um layout fluido que resolve parte dos problemas.

 

Mais uma vez OBVIO  "o website não precisa de obrigatóriamente ser responsive" que é o cliente que decide, mas não sei

se conheces a fase chamada briefing, tens aqui no wikipédia 

Sim o algoritmo da google alterou, mas sites cujo conteúdo é bastante relevante, não serão tão prejudicados caso não tenham versões para dispositivos moveis.

Não sei se a tua ideia foi armar-se em esperto, mas tens ai novas informações para os teu futuros projetos.

Obs : Peço desculpas ao criador do tópico, mas precisava mesmo de expor informação com qualidade.

 

Share this post


Link to post
Share on other sites

Não sei porque ficaste ofendido xD

Ninguem te insultou :o

Se não consegues ter uma conversa normal sem partir uma unha o problema é teu LOOOL

 

Quanto a informações "novas" segundo as tuas palavras, não me passaste nenhuma xD mas obrigado pela tentativa na mesma.

 

Quanto ao "Sites com conteudo muito importantes não serão tão prejudicados" enganaste redondamente, e pode se ver por estudos antigos, que quando a google e outros motores de busca fizeram das suas, sites mundialmente conhecidos como por exemplo o Ebay, perderam varios e varios milhares de euros :)

 

Agora digo eu : Não sei se a tua intenção foi te armares em machão, ou se foi estupidez pura :)

 

Cumprimentos

Share this post


Link to post
Share on other sites

Um website não necessita de ser responsive, antes de passar para essa fase, existe um estudo para verificar se o trafego do mesmo vem de dispositivos moveis,

concluindo se vale ou não a pena a implementação desta funcionalidade.

Cumprimentos.

Desculpem o double post, se poderem, juntem os 2 posts.

 

Não sei porque ficaste ofendido xD

Ninguem te insultou :o

Se não consegues ter uma conversa normal sem partir uma unha o problema é teu LOOOL

 

Quanto a informações "novas" segundo as tuas palavras, não me passaste nenhuma xD mas obrigado pela tentativa na mesma.

 

Quanto ao "Sites com conteudo muito importantes não serão tão prejudicados" enganaste redondamente, e pode se ver por estudos antigos, que quando a google e outros motores de busca fizeram das suas, sites mundialmente conhecidos como por exemplo o Ebay, perderam varios e varios milhares de euros :)

 

Agora digo eu : Não sei se a tua intenção foi te armares em machão, ou se foi estupidez pura :)

 

Cumprimentos

Share this post


Link to post
Share on other sites

Vá, pessoal, chill.

É verdade que a Google vai penalizar os websites que não tiverem RWD e por consequência vão descer para último lugar de pesquisa num dispositivo móvel, mas vá, não é preciso estarem assim

Share this post


Link to post
Share on other sites
Sign in to follow this