FRIHOSTFORUMSSEARCHFAQTOSBLOGSCOMPETITIONS
You are invited to Log in or Register a free Frihost Account!


Resolução para layout site





rafael2112
Estou fazendo um blog me surgiu a dúvida do tamanho do layout fiz com 950px (corpo) e logo superior um pouco maior 1024 px. Alguém tem uma sugestão para tamanho qual é o normalmente usado?
D'Artagnan
cara em layout nao fluidos o que eu mais vejo é entre 950 e 990 1024 fecha exatamente com a resolução 1024x768 e em geral gera rolagem nessa resolução
Alerrandre
Depende,no brasil a melhor resolução seria essa mesmo,a maioria dos computadores usam monitores de 18 até 21 polegadas,essa resolução esta perfeita ao meu ver.

Abs
Vanilla
rafael2112 wrote:
Estou fazendo um blog me surgiu a dúvida do tamanho do layout fiz com 950px (corpo) e logo superior um pouco maior 1024 px. Alguém tem uma sugestão para tamanho qual é o normalmente usado?


Se usa muito a largura de 960 px pra que não apareça barra de rolagem na resolução de 1024x768 px. Ainda tem bastante gente que usa essa resolução, então é algo a se considerar. Ou então você pode usar um layout fluido com algo de 90~95% de largura, que assenta em qualquer resolução sem precisar tomar a tela toda.

- Exemplo 1, meu blog: fiz com 960px de largura e ainda usei regra dos terços pra deixar mais harmônico (a sidebar tem um terço da largura total do layout).
- Exemplo 2, Na Blogosfera layout fluido, tem 95% de largura e vai aparecer basicamente a mesma coisa pra todo mundo (9 blocos, 3 em cada linha). Pra conseguir esse efeito e deixar tudo bonitinho, coloquei a largura dos blocos pra 30% e só deixei todos os a mesma altura (280px). Em resoluções maiores os blocos vão ficar meio vazios, mas faz parte. Very Happy
rafael2112
D'Artagnan wrote:
cara em layout nao fluidos o que eu mais vejo é entre 950 e 990 1024 fecha exatamente com a resolução 1024x768 e em geral gera rolagem nessa resolução


Sim realmente gerou uma pequena rolagem horizontal, acabei optando por layout fluido, ficou assim

DIV 100% (fundo repetido, e logo com 780PX)
- DIV 96%
- DIV texto 72%- DIV navebar 23% (tem um espaço entre os dois)

Hack para IE6

_width:70%; - _width:22%;

Quote:
- Exemplo 1, meu blog: fiz com 960px de largura e ainda usei regra dos terços pra deixar mais harmônico (a sidebar tem um terço da largura total do layout).
- Exemplo 2, Na Blogosfera layout fluido, tem 95% de largura e vai aparecer basicamente a mesma coisa pra todo mundo (9 blocos, 3 em cada linha). Pra conseguir esse efeito e deixar tudo bonitinho, coloquei a largura dos blocos pra 30% e só deixei todos os a mesma altura (280px).


Seu primeiro blog está OK, não facil conseguir validar o códico no WC3 com site dinamico. O segundo quebra o layout em monitor 800x600
gueda
eu faço sempre pensando nos usuários. Como muitos dos meus acessos é proveniente de monitores com resolução 1024x768, sempre faço um site adaptado a essa resolução (sem barra de rolagem horizontal, que é um saco).

depois acompanho o rendimento pelo google analytics e vejo as tendências para ir estudando futuras alterações.
cherry-pie
gueda wrote:
eu faço sempre pensando nos usuários. Como muitos dos meus acessos é proveniente de monitores com resolução 1024x768, sempre faço um site adaptado a essa resolução (sem barra de rolagem horizontal, que é um saco).

depois acompanho o rendimento pelo google analytics e vejo as tendências para ir estudando futuras alterações.

Eu tb concordo q tem q ir se adaptando conforme os visitantes, não é nada legal chegar num site q tem uma resolução gigante só pq o dono do site usa tal resolução.
Vanilla
rafael2112 wrote:
Seu primeiro blog está OK, não facil conseguir validar o códico no WC3 com site dinamico. O segundo quebra o layout em monitor 800x600


O primeiro também quebra o layout em resolução 800x600. Como pouquíssima gente ainda usa, não considero. Na verdade, dá menos de 3% dos visitantes segundo meu Google Analytics. Já 1024x768 dá cerca de 40% das visitas.
rafael2112
Vanilla wrote:
rafael2112 wrote:
Seu primeiro blog está OK, não facil conseguir validar o códico no WC3 com site dinamico. O segundo quebra o layout em monitor 800x600


O primeiro também quebra o layout em resolução 800x600. Como pouquíssima gente ainda usa, não considero. Na verdade, dá menos de 3% dos visitantes segundo meu Google Analytics..


O seu primeiro apenas ativa a barra de rolagem, não vejo isso como problema, já que a maioria é dos sites é para layout 1024. A pequena minoria tem acessar rodando a barra e já devem estar acostumados, mais o site não fica desalinhado quebrando texto.

O seu segundo apresenta os problemas que eu estava enfrentando, trabalhar com porcentagens e pixel ao mesmo tempo, deve fazer tudo em porcentagem e se livrar do big logo hehe.

Quote:
Já 1024x768 dá cerca de 40% das visitas

Os outros 60% usam maiores que 1024?
Vanilla
rafael2112 wrote:
Quote:
Já 1024x768 dá cerca de 40% das visitas

Os outros 60% usam maiores que 1024?


Yup. Em segundo lugar vem 1280x800. É mais ou menos isso:

1) 1024x768 (40%)
2) 1280x800 (15%)
3) 1440x900 (7%)
4) 1366x768 (nunca ouvi falar dessa resolução, mas enfim! são 6%)
5) 1280x1024 (6%)
6) 1680x1050 (4%)
7) 1360x768 (3%)
Cool 800x600 (2.5%)
9) 1152x864 (2%)
10) 1280x720 (2%)

Por isso não considero. É bobagem prejudicar outras resoluções (quando posso fazer uma coisa maior e mais legal pra uma resolução maior) porque menos de 3% das pessoas ainda usa 800x600.
neiesc
Vanilla wrote:
4) 1366x768 (nunca ouvi falar dessa resolução, mas enfim! são 6%)

uso essa resolução no meu note de 15,6'', um Dell Inspiron 15
rafael2112
Vanilla wrote:
rafael2112 wrote:
Quote:
Já 1024x768 dá cerca de 40% das visitas

Os outros 60% usam maiores que 1024?


Yup. Em segundo lugar vem 1280x800. É mais ou menos isso:

1) 1024x768 (40%)
2) 1280x800 (15%)
3) 1440x900 (7%)
4) 1366x768 (nunca ouvi falar dessa resolução, mas enfim! são 6%)
5) 1280x1024 (6%)
6) 1680x1050 (4%)
7) 1360x768 (3%)
Cool 800x600 (2.5%)
9) 1152x864 (2%)
10) 1280x720 (2%)


Eu não sabia disso, achei que a resolução 1024 preodominava mais um motivo para optar por layout fluido.

E como está seu site no IE6 que tem uma fatia de mais de 20% dos internautas?
Vanilla
rafael2112 wrote:
Eu não sabia disso, achei que a resolução 1024 preodominava mais um motivo para optar por layout fluido.

E como está seu site no IE6 que tem uma fatia de mais de 20% dos internautas?


Hm, talvez. Se a gente estivesse em 2005. Acho que suas informações estão um pouco desatualizadas... Sei que no meu blog pelo menos, essa porcentagem não chega a 2%. IE6 é um navegador morto, morreu dia 13 de julho de 2010.

neiesc wrote:
Vanilla wrote:
4) 1366x768 (nunca ouvi falar dessa resolução, mas enfim! são 6%)

uso essa resolução no meu note de 15,6'', um Dell Inspiron 15


Não fazia ideia. Deve ser treta arranjar wallpaper pra uma resolução dessas, não?
Vanilla
rafael2112 wrote:
Não sei qual intenção deste site (vender o domínio depois, sei lá), a icentivo da propria microsoft para renovar o navegador (as vezes a força por atualizaçãoes não autorizadas) o detalhe que ele é padrão no XP, fica chato ficar atualizando a cada formatação.

Minhas estatística apontam 15% deste navegador, infelizmente:

    MSIE 124428 55.7 %( do total de visitantes)
    Msie 999.1 30 0 %
    Msie 8.0 57496 25.7 %
    Msie 7.0 27707 12.4 %
    Msie 6.0 35408 15.8 %
    Msie 5.5 2185 0.9 %
    Msie 5.01 36 0 %
    Msie 5.0 483 0.2 %
    Msie 5.00 1 0 %


Então, deixa eu explicar... Das suas visitas totais, cerca de 55% usam Internet Explorer. E desses 55%, cerca de 15% usam Internet Explorer 6. É um caso de porcentagem sobre porcentagem. Por exemplo, 100 pessoas visitaram seu site. Dessas 100 pessoas, 55 usam Internet Explorer. E dessas 55, 15% usam IE6. Entendeu? No final, 8 pessoas visitaram seu site usando IE6, ou seja, 8% do total de visitantes. Cuidado, se você usa IE6 deve estar inflando essas estatísticas, que estão bem altas. Pra mim que 8% já é um número alto. Se você usa, recomendo que faça o upgrade do Internet Explorer (é grátis baixar uma versão mais recente) ou que baixe um navegador mais seguro como Opera ou Firefox. E veja se não tem uma opção pra ignorar suas próprias visitas no seu contador.

Só pra te informar: o IE6 é considerado obsoleto até pela Microsoft. E diversos sites famosos não o suportam mais. Amazon e YouTube só pra citar alguns.
rafael2112
Vanilla wrote:
rafael2112 wrote:
Eu não sabia disso, achei que a resolução 1024 preodominava mais um motivo para optar por layout fluido.

E como está seu site no IE6 que tem uma fatia de mais de 20% dos internautas?


Hm, talvez. Se a gente estivesse em 2005. Acho que suas informações estão um pouco desatualizadas... Sei que no meu blog pelo menos, essa porcentagem não chega a 2%. IE6 é um navegador morto, morreu dia 13 de julho de 2010.



Não sei qual intenção deste site (vender o domínio depois, sei lá), a icentivo da propria microsoft para renovar o navegador (as vezes a força por atualizaçãoes não autorizadas) o detalhe que ele é padrão no XP, fica chato ficar atualizando a cada formatação.

Minhas estatística apontam 15% deste navegador, infelizmente:

    MSIE 124428 55.7 %( do total de visitantes)
    Msie 999.1 30 0 %
    Msie 8.0 57496 25.7 %
    Msie 7.0 27707 12.4 %
    Msie 6.0 35408 15.8 %
    Msie 5.5 2185 0.9 %
    Msie 5.01 36 0 %
    Msie 5.0 483 0.2 %
    Msie 5.00 1 0 %
rafael2112
Vanilla wrote:

Então, deixa eu explicar... Das suas visitas totais, cerca de 55% usam Internet Explorer. E desses 55%, cerca de 15% usam Internet Explorer 6. É um caso de porcentagem sobre porcentagem. Por exemplo, 100 pessoas visitaram seu site. Dessas 100 pessoas, 55 usam Internet Explorer. E dessas 55, 15% usam IE6. Entendeu?

Sim tem razão eu não tinha somado as porcentagens, acredito que 20% para IE6 era de um artigo antigo que eu tinha lido, não vi o ano. O navegador IE tem caído bastante ultimamente

Vanilla wrote:

No final, 8 pessoas visitaram seu site usando IE6, ou seja, 8% do total de visitantes. Cuidado, se você usa IE6 deve estar inflando essas estatísticas, que estão bem altas.

Poderia ser minhas próprias visitas embora eu não faça tantas visitas, mas esses últimos 2 meses estou com Linux/Firefox e deu 13% de 55%, neste caso seria aproximadamente 7,5% para este ano de 2010.
gueda
entrnao nos exemplos, segue algumas info do meu google analytics do mês de agosto:

Browsers:

Quote:
1. Firefox 7,849 55.69%
2. Internet Explorer 2,964 21.03%
3. Chrome 2,752 19.52%
4. Opera 308 2.19%
5. Safari 171 1.21%
6. Mozilla 23 0.16%
7. Opera Mini 22 0.16%
8. Lunascape 3 0.02%
9. BlackBerry8520 1 0.01%
10. BlackBerry8530 1 0.01%


Do internet explorer:

Quote:
1. 8.0 2,229 75.20%
2. 7.0 564 19.03%
3. 6.0 168 5.67%
4. 5.01 3 0.10%



finalmente tão trocando...

Reeelativo a resolução

ach interessante que mes a mes está aumentando a quantidade de dispositivos móveis... estou até pensnado em fazer uma versão específica para "mobiles"

Quote:
1. 1024x768 5,594 39.69%
2. 1280x800 1,626 11.54%
3. 1280x1024 1,575 11.17%
4. 1440x900 1,125 7.98%
5. 1366x768 882 6.26%
6. 1680x1050 575 4.08%
7. 1360x768 448 3.18%
8. 1152x864 437 3.10%
9. 1600x900 309 2.19%
10. 1920x1080 265 1.88%
11. 1280x720 195 1.38%
12. 800x600 185 1.31%
13. 1280x768 162 1.15%
14. 1280x960 148 1.05%
15. 1920x1200 121 0.86%
16. 1024x600 66 0.47%
17. 1307x735 27 0.19%
18. 320x396 24 0.17%
19. 1680x945 20 0.14%
20. 1382x864 17 0.12%
21. 1400x1050 15 0.11%
22. 1000x750 13 0.09%
23. 1600x1200 13 0.09%
24. 983x737 13 0.09%
25. 1080x810 12 0.09%
26. 1126x845 12 0.09%
27. 1024x576 10 0.07%
28. 1024x819 10 0.07%
29. 1170x936 10 0.07%
30. 1229x691 10 0.07%
31. 1093x614 9 0.06%
32. 1152x720 9 0.06%
33. 1311x737 8 0.06%
34. 1350x1080 6 0.04%
35. 1441x810 6 0.04%
36. 2048x1152 5 0.04%
37. 936x702 5 0.04%
38. 1024x640 4 0.03%
39. 1143x857 4 0.03%
40. 1365x1024 4 0.03%
41. 1579x987 4 0.03%
42. 1117x894 3 0.02%
43. 1263x947 3 0.02%
44. 1286x964 3 0.02%
45. 1317x823 3 0.02%
46. 234x320 3 0.02%
47. 320x480 3 0.02%
48. 819x614 3 0.02%
49. 1069x855 2 0.01%
50. 1080x633 2 0.01%
51. 1192x670 2 0.01%
52. 1215x911 2 0.01%
53. 1350x760 2 0.01%
54. 1486x836 2 0.01%
55. 1503x845 2 0.01%
56. 1536x960 2 0.01%
57. 170x190 2 0.01%
58. 1821x1024 2 0.01%
59. 1843x1152 2 0.01%
60. 234x280 2 0.01%
61. 234x300 2 0.01%
62. 240x274 2 0.01%
63. 320x200 2 0.01%
64. 320x240 2 0.01%
65. 360x640 2 0.01%
66. 768x1024 2 0.01%
67. 936x549 2 0.01%
68. 960x600 2 0.01%
69. 969x768 2 0.01%
70. 1045x627 1 0.01%
71. 1045x653 1 0.01%
72. 1117x838 1 0.01%
73. 1176x664 1 0.01%
74. 1214x711 1 0.01%
75. 1229x768 1 0.01%
76. 1229x922 1 0.01%
77. 1229x983 1 0.01%
78. 122x110 1 0.01%
79. 1243x702 1 0.01%
80. 1276x733 1 0.01%
81. 1280x760 1 0.01%
82. 1280x854 1 0.01%
83. 1306x737 1 0.01%
84. 1320x825 1 0.01%
85. 1336x855 1 0.01%
86. 1344x840 1 0.01%
87. 1350x1013 1 0.01%
88. 1525x857 1 0.01%
89. 1536x864 1 0.01%
90. 1600x1000 1 0.01%
91. 1613x1008 1 0.01%
92. 1688x949 1 0.01%
93. 1700x850 1 0.01%
94. 170x182 1 0.01%
95. 1856x1392 1 0.01%
96. 2025x1139 1 0.01%
97. 231x280 1 0.01%
98. 234x276 1 0.01%
99. 234x301 1 0.01%
100. 240x268 1 0.01%
101. 240x400 1 0.01%
102. 2560x1440 1 0.01%
103. 314x202 1 0.01%
104. 320x194 1 0.01%
105. 320x218 1 0.01%
106. 320x242 1 0.01%
107. 360x560 1 0.01%
108. 731x549 1 0.01%
109. 793x595 1 0.01%
110. 800x480 1 0.01%
111. 800x800 1 0.01%
112. 844x633 1 0.01%
113. 853x683 1 0.01%
114. 855x501 1 0.01%
115. 962x721 1 0.01%
116. 979x550 1 0.01%
117. 983x576 1 0.01%
118. 991x793 1 0.01%



o legal que minhas estatísticas bateram com as da vanilla, primeiro 1024x768, depois 1280x800 e também 6% nos 1366x768 (tb tenho um note com essa tela)
rafael2112
O minhas estatísticas sobre o IE6 está de acordo com essa matéria:

http://veja.abril.com.br/noticia/vida-digital/ie6-usado-apenas-5-91-internautas-brasileiros
Vanilla
gueda wrote:
o legal que minhas estatísticas bateram com as da vanilla, primeiro 1024x768, depois 1280x800 e também 6% nos 1366x768 (tb tenho um note com essa tela)


Se você usa Wordpress, tem vários plugins que tornam o seu site mobile friendly. Eu vi por aí alguns como o Mobilepress, Wapple Architect e Wordpress Mobile Edition. To me sentindo tentada a testar algum deles, mas a verdade é que meu blog fica bem bonitinho no Opera Mini... Vou deixar assim por enquanto. Very Happy

Ah, aqui em casa os dois desktops tem resolução 1024x768 e abandonamos o Internet Explorer em 2004. Usamos Firefox desde então (Opera, no meu caso). O note que eu uso tem resolução 1680x1050.
rafael2112
Para quem quiser testar o site em diferentes resolução de monitor, aqui esta um site que faz isso:

http://testsize.com/

Resolução maior que o monitor deve ser vista na própria página
leandrow
A resolução que você citou a princípio me parece bastante satisfatória para a atual realidade dos internautas.
rafael2112
Acabei optando pelo layout fluido, para que quizer ver como ficou aqui está:

http://lslaudio.blogspot.com

Template de autoria própria, agora falta o conteúdo
leandrow
rafael2112 wrote:
Acabei optando pelo layout fluido, para que quizer ver como ficou aqui está:

http://lslaudio.blogspot.com

Template de autoria própria, agora falta o conteúdo


Ficou bem agradável, leve, o visual. Eu gostei. Smile
Deline
Caramba, quanta coisa! o.O
Eu sempre fazia em 800 x 600 antes, mas quando vou fazer layouts agora eu faço com largura em 900px.
riccopt
D'Artagnan wrote:
cara em layout nao fluidos o que eu mais vejo é entre 950 e 990 1024 fecha exatamente com a resolução 1024x768 e em geral gera rolagem nessa resolução

se usar a largura total de 1024 tem que se ter cuidado apra que o design nao exceda o tamanho na VERTICAL, pois dessa forma vai gere barra de rolamento tanto na vertical (a normal) quanto na HORIZONTAL...

eu recomendo que voce utilize no máximo 1000px de largura... dessa forma evita a barra de rolagem horizontal (em geral a barra de rolagem tem uns 20px de largura)
mikelll
cuidado com netbooks de 10"
ricardo22
acho que o "padrão" seria 1024x768
rafael2112
mikelll wrote:
cuidado com netbooks de 10"


Tem razão esses são 800x600.
riccopt
os layouts nao deve passar de 1000px de largura, pois a barra lateral tem aproximadamente 20px de largura, o que da uma margem de 4px de "sobra" no seu design...
Sidney
resolução 1024x768

Very Happy
phantombr
A resolução 1366x768 é padrão do meu notebook e também é da minha TV de plasma. Eu só uso a TV para jogar, mas tive pensando como seria navegar na internet hehehe
Sidney
1, você tem que exportar na mesma dimensão(pixels) que vai utilizar no site!
2, Na exportação, configura para melhorar a qualidade!
2.1, certifique-se que está mantendo o padrão de cor RGB Color 24-Bit
2.2, aumente a resolução da imagem
3, se Jpeg não estiver te satisfazendo... Usa o formato PNG.

Porém, se você estiver tentando exportar uma imagem, previamente importada para o corel, pode ser que esta imagem tenha uma baixa resolução.
Aí, meu amigo, infelizmente o corel ainda não faz milagres! e você não conseguirá aumentar a resolução desta imagem!

Site do que? Qual o público alvo? Porque, dependendo do público, vai ouvir coisas como "o site está grande demais na minha tela"... E se deparar com usuários de monitor de 15' e usando 800x600. ...que aliás, correspondem a quase 25% (em média) do público dos sites que faço. Tenha em mente algo: Quem usar monitor em 1024x768 e abrir um site em 800x600, vai ver um site pequeno. Já os usando 800x600 ao abrir um site em 1024x768 verão um site com barras de rolagem horizontais, que, a meu ver, são o anúncio da morte de um site. Resumindo: A menos que o público do seu site que use 800x600 como resolução seja COMPLETAMENTE IRRELEVANTE, use 800x600. 770px de largura e boa.
Very Happy
Related topics
Good layout site?
Idéia para um site "web 2.0" brasileiro de humor
What is a good site to use for layout previews.
[Dúvidas] O que é DNS e serve para que?
Como Hospedar um Site na Internet
Avallon[site]
[Dica] Imagens gratuitas
Novo site de jogos online - fechando parcerias!
[WordPress] Falando Sobre...
Como exibir conteúdo de outros sites através do meu???
Anyone want to work with me on my layout site?
Coisas a NÃO fazer em um site...
uma grande dúvida em php, por favor me ajudem
[DUVIDA] Fora do ar
Reply to topic    Frihost Forum Index -> Language Forums -> Portuguese

FRIHOST HOME | FAQ | TOS | ABOUT US | CONTACT US | SITE MAP
© 2005-2011 Frihost, forums powered by phpBB.