20 replies to this topic

[Stress]

Estou para mudar o layout de um portal de bairro, estou sem idéia o que mudar em relação a estrutura do layout, cores e conteúdo.

o que você tem para me recomendar?

agradeço desde de já.

[Frajola]

Então stress, na intercon daqui de Brasília rolou uns papo sobre o futuro da web, já estamos cansados de saber desse tal 2.0 mas ai poucos falam sobre a estrutura visual, apenas programação. Mas tenho reparado que grandes portais (de todos os tipos) estão matendo o estilo leve, porém bastante visual e interativo, vamos pegar o novo uol, o menu ficou menor, porém o contéudo central aumentou e diversificou, o menu deixou de ser o caminho de navegação. Atualmente pra mim a melhor distribuição de contéudo e visual na home é a da yahoo. A uol apesar de ter simplificado, me aparenta ser muito seca, já o yahoo usou legal os botões e icones, e principalmente na interatividade e bom uso do espaço (como por exemplo a barra de rolagem para fotos e videos no meio da home).
Com relação a cores um bom lugar pra buscar opções é a sensacional COLOURlovers (que eu já usei até pra escolher cores do apartamento)

Vamos ver o que mais rola no tópico.

Abraços

[Stress]

o meu objetivo é ter mais interatividade com os visitantes, com layout limpo/leve.

espero que os internautas se sinta em casa, sem perca de tempo para encontrar o que ele está querendo, sem dá dor de cabeça e stress pela navegação.

afinal, hoje em dia está usando que resolução?

esses sites assim só funciona com programação, certo?
*refiro portais tipo uol/yahoo...se for manual usando "html" dreamweaver vai ser maior stress, vai levar anos para atualizar.

[gaguinho]

Se for "manual" é melhor fazer o layout usando CSS. E o conteúdo com includes. O máximo possível. Vai agilizar nas mudanças e atualizações.

[Maykel Esser]

vi uma pesquisa que a maioria dos usuarios usa 1024x768 em 2008. Creio que esse padrão deve se manter ainda ano que vem! A moda é CSS e W3C, porém sempre tendencioso ao design atrativo e cores que remetem ao tema do site!

[Stress]

Se for "manual" é melhor fazer o layout usando CSS. E o conteúdo com includes. O máximo possível. Vai agilizar nas mudanças e atualizações.

esqueci esse tal de "includes"?
isso é html...como faz? como é o processo?

vi uma pesquisa que a maioria dos usuarios usa 1024x768 em 2008. Creio que esse padrão deve se manter ainda ano que vem! A moda é CSS e W3C, porém sempre tendencioso ao design atrativo e cores que remetem ao tema do site!

pois é...só vejo os monitores neste padrões.

[gaguinho]

Stress, include é só um comando em PHP que insere uma página dentro da outra. Seria como um iframe só que não ficam 2 páginas separadas, elas se integram numa só. É ótimo pra atualizar certas partes de um site sem precisar editar trocentas páginas. É bem simplinho e não precisa entender de programação pra usar. Faz uma busca na seção de PHP que vais achar uma explicação melhor que a minha.

Maykel, desculpa discordar mas a tendência não é mais 1024x768. Eu mesmo pensava igual mas agora , com os monitores widescreen, a tela ficará mais larga e mais achatada. Eu mesmo fui "obrigado" a me adequar a 1440x900 nesse monitor atual. E a maioria dos monitores vendidos atualmente é wide. Essa será a tendência no quesito tamanho de tela.

[Paulo André]

Pegando meio que o bonde andando, será que layout líquido é uma boa? Mesmo para se ver em monitores widescreen, eu particularmente acho que nem tudo que se adequando ao monitor do usuário fica bom. As vezes pode ficar esmagado demais e as vezes largo demais. Mas também sobrando muito espaço não fica bom.

[]'s Até mais

[gaguinho]

Sim, sim PA. Tem isso. Eu sempre defendi o layout liquido. Atualmente uso fixo num site e liquido em outro. O maior problema no liquido é que vc tem que tomar cuidado extremo com o tamanho das imagens. Dai fico com a calculadora e imaginando uma resolução mínima e quanto deverá medir a tal imagem naquela resolução. Se sobrar espaço até dá. Se faltar...
Na verdade acho que o nome "layout liquido" deveria ser "layout a partir de..." Isso por causa das imagens, banners e tal... Vai que aparece um doido com menos de 800x600 ...

[Maykel Esser]

Maykel, desculpa discordar mas a tendência não é mais 1024x768. Eu mesmo pensava igual mas agora , com os monitores widescreen, a tela ficará mais larga e mais achatada. Eu mesmo fui "obrigado" a me adequar a 1440x900 nesse monitor atual. E a maioria dos monitores vendidos atualmente é wide. Essa será a tendência no quesito tamanho de tela.

Mas nem todos usam monitores wide. A grande maioria usa o convencional, infelizmente. Acredito que pra usar como padrão widescreen ainda é cedo, montar layouts pra ficar com uma rolagem horizontal é bem ruim, prefiro não arriscar e trabalhar em um fundo (background) que preencha a área do widescreen perdida. (Adoro estas discussoes saudaveis )

Uma coisa que tenho visto crescer é o uso de internet em celulares com acesso. Ainda mais com estas febres 3G os layouts líquidos vão ser tendência. Com a febre da portabilidade, o uso de imagens vai ser cada vez menor, vai se restringir a logos e mais alguns adventos Então creio que no final das contas, o conteudo e o background vão ser os mais chamativos nos sites daqui pra frente.

[gaguinho]

Mas, caro Maykel, onde eu falei que a maioria é wide?? Eu falei em tendência, de hoje pra frente. Textualmente eu disse: "Essa será a tendência no quesito tamanho de tela", note que a palavra usada foi será.
Sem esquecer que os notebooks adotam o formato wide como padrão. Salvo engano, todos os fabricados atualmente.
Agora, no assunto celular... Taí uma coisa boa pra se pensar. E discutir. Como fazer paginas adequadas pra acesso via celular????

Mas voltando ao caso do Stress, eu recomendo o layout todo no CSS. Não abusar de imagens nem em quantidade nem em tamanho. E inserir o conteudo com includes.

[Stress]

estou desatualizado mesmo, hehehe

que venha ser agora esse layout líquido?

beleza gaguinho, mas esse include vai pegar sem o plano de hospedagem de php?

essa viagem de resolução maior a página vai ficar pesada e poluída, certo?
então, como resolver isso...?

ah, obrigado a todos pelas respostas e continue colaborando.

[Paulo André]

"Layout líquido" seria o uso de valores relativos e não absolutos para definir os tamanhos dos elementos, ou seja, usar valores em porcentagem e não pixels, assim ele irá se adequar à resolução do usuário.

Estou construindo um e seguindo a dica do Gago e pelo que andei olhando por ai também, o uso da propriedade min-width é bastante frequente, ou seja, como você falou mesmo, "layout a partir de..."

Para os includes, não necessariamente precisa ser PHP, o que tem que ser é uma linguagem server-side. Seja ASP, PHP, JSP, QSS, todas tem o recurso de incluir.

Mas como PHP é open-source, rodando em um servidor web livre e no Linux, fica tudo mais barato.

[]'sAté mais

[Frajola]

A galera já foi para programação kkk ai eu não manjo de nada, minha área é usabilidade

Com relação ao monitor, sem dúvidas tem que rolar algo que faça um resize, já com atualização e afins, você não algo estilo mamboo ou joomla? Até wordpress rola, já que ele tem todo o tipo de customização.

Mas vamos debater algo que eu entenda kkkk

A usabilidade do site tem que ser a mais mastigada possível. Foi como olhamos nos grandes portais, menus reduzidos e grandes chamadas (imagens ou videos ou textos) mas dependendo do assunto a se tratar no seu site, não pode exagerar. Chego até concordar com o Maykel que prefiro sites que utilizam BG, acredito que ele limita a visão e o foco do usuário, fazendo com que ele siga um caminho para navegar, usar todo os espaço deixa amplo demais e faz parecer que não tem organização. Um exemplo de má usabilidade é o do portal do terra, parece que ele foi feito para monitores antigos, (eu uso wide) e ficou 1/4 de bg branco. Custava nada centralizar e manter o bg para um resize.

Enfim... passa o briefing aí upgrade de algo que não conheço é complicado

[gaguinho]

Frajola, ainda não estamos falando em programação. Só citando coisas, até porque o fera nisso é o PA.

Mas, Stress, tem isso, a dica de você usar um sistema de portal pronto, tipo um Joomla da vida. Ou... Reformar seu site usando as dicas.
Seu host não roda php?? é ASP? De qualquer modo pode usar includes como o PA te disse.
No assunto resolução maior, isso não é necessariamente poluir o site com mais imagens. Só aproveitar o espaço que tende a ficar maior na horizontal. Daí o layout liquido seria melhor pois usa %. Mas, como já disse, cuide do tamanho das imagens pois , digamos, que seu topo tenha um logo de 300px e um banner de 790 px, já dariam uns 1.100px. Se o visitante tiver 1024, estoura e dá scroll.