Wikipedia Discussão:Projetos/Padronização visual/Infoboxes

Origem: Wikipédia, a enciclopédia livre.

Proj. Padronização visual

Página principal · disc Inventário · disc Design Infoboxes · disc Navegações · disc Padronização · disc

Arquivo

{{{arquivo}}}

Iniciar tópico

[editar] Proposta inicial

Olá a todos,

Bom, como ninguém comentou nada ainda eu gostaria de colocar alguns pontos e fazer a primeira proposta. Vamos lá:

• A Wiki é cinza, é um fato inegável. O logo é cinza, o fundo é cinza, as bordas também e até a skin padrão se chama "mono.book" ("mono" de "monocolor", acredito). Não vamos tentar fugir disso, por que uma wiki não-cinza ficaria desfigurada. Claro que devemos tentar fazer algo original, algo que as outras wikis não tenham feito, mas não devemos distorcer a imagem da wiki-padrão. Digo, acho que devemos tentar ter diferenças sutis que nos façam únicos mas ao mesmo tempo não dê a sensação de que a WP:PT não faz parte da WikiFoundation, até por que a imensa maioria de outras wikis não-foundation são iguais entre si e são iguais aos outros idiomas da pédia.

Todas as caixas de imagem são padronizadas -- graças a Deus.

• Como eu já tinha falado, as vezes a nossa wiki parece um desfile de escola de samba -- nada contra o samba ou contra o desfile, claro. Diversas áreas possuem diversos esquemas de cores e eu pelo menos acho isso desagradável. Para os que não concordam comigo nesse ponto, eu quero que vocês tentem se lembrar da última imagem em thumbnail que vocês viram em algum artigo. Lembraram? (eu coloquei uma aqui do lado para se lembrarem melhor) Então... qual é a cor do fundo da caixinha e do botão "ampliar"? É cinza. Imagina se o MediaWiki permitisse que a caixa fosse alterada a bel prazer... Ela seria verde nos artigos sobre plantas, amarela nos relacionados a animais, pretas em um time de futebol, vermelhas em outro, multicoloridas (claro, como a bandeira da Alemanha) nas caixas das fotos da Copa e isso nunca terminaria. Felizmente ele não permite e com isso a metade dos problemas do projeto está resolvida.
• Penso que as infoboxes são caixas tão informativas e ilustrativas quanto as imagens, logo elas devem estar em sincronia. É claro, as infoboxes possuem mais elementos do que as caixas de imagem, como cabeçalhos de grupos, campos desmembrados ou notas de rodapé, mas tirando esses detalhes eu realmente acho que elas devem ser graficamente parecidas.
• Pode parecer inacreditável, mas a wiki já define uma classe css para infoboxes. Em teoria, bastaria adicionar class="infobox" que você formataria uma tabela corretamente, não sendo necessário utilizar nenhuma outra tag de formatação. O exemplo abaixo é o "padrão" atual:

{| class="infobox"
|+ Título da infobox
|-
! Campo 1
| Valor 1
|-
! Campo 2
| Valor 2
|-
! Campo 3
| Valor 3
|}

Ok ela tem alguns problema sérios mas é simples, muito fácil para qualquer montar e o melhor: não está utilizando nenhuma tag formatativa (quem não sabe, não vai ter que estudar o padrão css). É exatamente esse o ideal que eu gostaria que tivéssemos. Isso despolui as predefinições e os artigos com a infobox inline.

• Por final, acho que vamos acabar tendo que dar uma limpezinha nos css's também... está uma bagunça lá, tem algum lixo e tem várias coisas que não definem padrões globais, logo poderiam ficar apenas onde são usados (em alguns casos uma predef apenas).

[editar] Minha análise

Eu analizei alguns artigos em outras wikis (1 2 3 4 5 6 7 8) para ter uma argumentação válida, não baseada em predefs que eu esteja acostumado ou em predefs que eu mesmo tenha produzido e eis o que eu reparei:

Agrupamento

As infoboxes podem ser pequenas ou podem crescer assustadoramente. Elas tem que informar e não cabe a nós aqui decidir se ela tem campos demais ou não mas sim como elas vão parecer dependendo da organização de seus campos.

O que pode acontecer:

1. Os campos podem estar livres (sem agrupamento), é o caso de en:So Long, and Thanks for All the Fish (rs, um dos meus livros favoritos) e en:X-Men (film);
2. Os campos podem estar agrupados por tema como pl:Pszczoła ou en:Invisible Woman;
3. Os campos são muito variados e ocorre um agrupamento sem um cabeçalho, as vezes com uma linha divisória, como em fr:Brésil e en:Boston, Massachusetts.

Alinhamento

Eu acho que sempre que é possível, deve-se manter uma simetria nas predefinições, mas no caso das infoboxes eu abro uma excessão. É claramente visível que o alinhamento sempre a esquerda é uma tendência global além de permitir as construções observadas em "Area" e "Population" no artigo en:Boston, Massachusetts.

Imagens

Outra tendência observada é que as imagens fiquem "dentro" da predefinição. Acredito que não precisamos ser diferentes.

Título

É um ponto onde não existe nenhum padrão. Eu poderia mostrar dez predefs estrangeiras que usam o título dentro e alguém poderia mostrar outras dez com o título fora.

Eu vejo da seguinte forma: O cabeçalhos e os grupos devem ficar para dentro, mas como o título é relativo a todos os dados, eu acho que ele ficaria melhor do lado de fora. Eu quero lembrar que até pela própria definição do HTML, os títulos ficam para fora. Se fossemos fazer diferente, teríamos a princípio que adicionar mais uma classe a lista de classes a serem criadas, uma a mais a se decorar e uma a mais a se explicar. Quanto a essa questão eu vou pesquisar se é possível "emular" um título dentro da predef utilizando as tags HTML que a definição pede que sejam usadas para rótulos de tabelas, dessa forma cada um poderia mudar seu monobook para mostrar da forma que mais agrada caso seja diferente da decisão final.

[editar] CSS

O meu pensamento eu acredito que todos já conheçam: Passar tudo para os CSSs. Para isso eu imagino que seriam necessárias as seguintes classes:

• infobox

Classe básica. Com a cor de fundo, bordas e margens seguindo o padrão das caixas de imagem em todos os temas.

• infobox.heading

Definie a aparência dos "cabeçalhos" do 2º caso de agrupamento. É o caso das linhas "Basisdaten" e "Karte" em de:Middlesex County (Massachusetts) (claro que com outra cor, rs).

• infobox.group

Definie a aparência dos agrupamentos do 3º caso, como o observado em "Area" e "Population" em en:Boston, Massachusetts

Acho que com essas três palavras poderíamos contruir qualquer predef semelhante aos oito exemplos que eu citei, mas como montar CSSs não é muito fácil pra mim, eu vou esperar os comentários e as outras sujestões de vocês.

Até,

Raphael ^{talk +} 16:50, 13 Setembro 2006 (UTC)

[editar] Cores da infobox

Refletindo sobre os comentários acima, vi que, embora o uso de cores seja importante, até para distinguir artigos, ele não pode ser exagerado. A {{Cinema/Ficha Técnica}} permite o uso de laranja para documentários e azul para obras de ficção. O uso de verde pra animações é superflúo e inútil, na minha opinião.

Na {{Info Televisão}}, eu meio que exagerei, e vou tentar corrigir isso o mais breve possível. Acredito que possamos restringir a três, quatro cores. E não o exagero atual.

O padrão já é o gainsboro da wiki, mas acredito que certas cores devam ficar:

Que tal?

Embora esteja sendo meio específico, abordando apenas essas duas predefinições, acho que seria bacana começar com elas, pois são infoboxes de alto uso e já servem como padrão.

Abraços,

Flávio, o Maddox ^{(msg! • contrib)} 09:17, 14 Setembro 2006 (UTC)

Hum... isso seria cores para os cabeçalhos? Se for eu não acho muito legal. Como se refere apenas ao gênero, acho melhor fazer algo do tipo:

Formato/Género	___ Séries médicas.
Formato/Género	___ Pornografia.
Formato/Género	Infantil

Além disso, esse tipo de construção permitiria que "ícones" determinassem também qual é o gênero como:

para pornográficos	para os curta-metragens	para os mudos	para os de suspense
para os de casamento	para os infantis	para os musicais/clipes	para os de horror
eu não sei exatamente para que serve esse	para os de ação	para os policiais

Enfim, eu acho bacana colorir um quadrado por que os cabeçalhos ficariam de acordo com o padrão e no quadrado poderia se utilizar qualquer cor, mesmo as com alto contraste, que não ficaria mais difícil de se ler nada. Raphael ^{talk +} 12:48, 14 Setembro 2006 (UTC)

[editar] Nomes, títulos e campos

Seria interessante também que o nome das predefinições fossem padronizados, seja infobox_xxx, info_xxx, infocaixa_xxx, etc, com apenas um único prefixo no nome da predefinição facilitaria muito ao procurar a predefinição que estamos interessados.

Sobre os títulos, não há problemas com eles foras da caixa, mas muitos deles são grandes e que acabem deixando a infobox esteticamente feia. Por isso eu sou a favor de que, mesmo que seja criado uma única linha dentro da tabela, elas fossem acondicionadas nessa linha interna a infobox.

Outra ponto importante seria manter a padronização do nomes dos campos semelhantes em predefinições diferentes. Por exemplo, se temos o campo data_nascimento ou nome_nativo em uma predefinição, então que se mantenha o mesmo o nome em todas as predefinições que precisarem desse mesmo campo. Assim, se torna mais intuitivo o preenchimento das predefinições. --Giro720 21:57, 30 Setembro 2006 (UTC)