https://wiki.dataplussistemas.com.br/api.php?action=feedcontributions&feedformat=atom&user=GuilhermeBase de Conhecimentos da DataPlus Sistemas - Contribuições do usuário [pt-br]2026-11-14T10:37:45ZContribuições do usuárioMediaWiki 1.45.3https://wiki.dataplussistemas.com.br/index.php?title=Icones_do_Sistemas&diff=17967Icones do Sistemas2026-10-16T11:45:16Z<p>Guilherme: </p>
<hr />
<div>== A coleção será remasterizada a partir dos ícones existentes. ==<br />
Cada desenho deve preservar a metáfora, a silhueta, peso visual do original, também devera seguir a nova palheta de cores e o contraste adequado. <br />
<br />
== Objetivo ==<br />
Este documento estabelece a identidade visual, a paleta de cores, as escalas, os formatos de entrega e os critérios dos ícones usados nos Formulários, nas ToolStrips, na ToolBar principal e nos botões do ERP. <br />
<br />
== Padrão resumido ==<br />
{| class="wikitable"<br />
|'''Aplicação'''<br />
|'''Tamanho visual'''<br />
|'''Arquivo'''<br />
|'''Observação'''<br />
|-<br />
|ToolStrip dos formulários<br />
|24 × 24 px<br />
|PNG 24<br />
|Padrão principal aprovado<br />
|-<br />
|Toolbar principal do MDI<br />
|24 × 24 px<br />
|PNG 24 ou quadro ICO 24<br />
|Mesma identidade dos formulários<br />
|-<br />
|Botão compacto<br />
|16 × 16 px<br />
|PNG 16<br />
|Controles entre 22 e 24 px de altura<br />
|-<br />
|Botão padrão<br />
|20 × 20 px<br />
|PNG 20<br />
|Botões com texto entre 26 e 31 px de altura<br />
|-<br />
|Botão destacado<br />
|24 × 24 px<br />
|PNG 24<br />
|Ações principais<br />
|-<br />
|Ícone do formulário<br />
|ICO multirresolução<br />
|16, 24, 32 e 48 px<br />
|Título, Alt Tab e toolbar configurável<br />
|} <br />
<br />
== Regra central ==<br />
O tamanho do controle e o tamanho do desenho são propriedades diferentes. Um botão de 30 × 24 px não deve receber automaticamente uma imagem de 30 × 24 px. A imagem segue esta escala e mantém margem óptica para não parecer maior que os demais ícones.<br />
<br />
<br />
Todos os ícones devem ser desenhados em vetor e exportados exatamente no tamanho em que serão exibidos. Redimensionar uma imagem grande durante a execução costuma borrar detalhes e alterar a percepção de tamanho. <br />
<br />
Durante a inspeção foi encontrado controles com dimensões variadas. Esta especificação define o destino padronizado; a migração deve ocorrer por componente e ser validada em execução.<br />
----<br />
<br />
== Prompt utilizado para criação ==<br />
Utilizado ChatGPT Codex<br />
<br />
Crie um ícone profissional para um sistema ERP desktop representando “[FUNÇÃO DO ÍCONE]”.<br />
<br />
Faça uma remasterização moderna do símbolo tradicional de “[METÁFORA VISUAL]”. Preserve uma metáfora clara, intuitiva e reconhecível, com silhueta forte e leitura imediata mesmo para pessoas que não conhecem o sistema.<br />
<br />
Direção visual:<br />
<br />
- ilustração digital moderna e profissional;<br />
<br />
- aparência detalhada, sem parecer desenho infantil;<br />
<br />
- múltiplas cores usadas de forma controlada;<br />
<br />
- volume discreto e acabamento levemente tridimensional;<br />
<br />
- bordas limpas e bem definidas;<br />
<br />
- contraste alto em tamanho pequeno;<br />
<br />
- sombras suaves e curtas;<br />
<br />
- reflexos muito discretos;<br />
<br />
- sem brilho excessivo;<br />
<br />
- sem efeito cristal;<br />
<br />
- sem aparência de Windows XP;<br />
<br />
- sem bordas grossas;<br />
<br />
- sem sombras exageradas;<br />
<br />
- sem texto, letras, siglas ou etiquetas;<br />
<br />
- sem moldura externa;<br />
<br />
- fundo totalmente transparente.<br />
<br />
Paleta padronizada:<br />
<br />
- azul principal: #1976D2;<br />
<br />
- azul escuro: #174A7E;<br />
<br />
- azul claro: #42A5F5;<br />
<br />
- cinza grafite: #455A64;<br />
<br />
- cinza claro: #CFD8DC;<br />
<br />
- branco gelo: #F5F7FA;<br />
<br />
- bege: #D8C3A5;<br />
<br />
- verde de confirmação: #2EAD63;<br />
<br />
- vermelho de exclusão ou cancelamento: #D94747;<br />
<br />
- amarelo de atenção: #F2B134;<br />
<br />
- laranja de ação: #E98232.<br />
<br />
Use azul, cinza e branco como base. Utilize verde somente para confirmar, concluir ou aprovar; vermelho para excluir, cancelar ou bloquear; amarelo ou laranja para alertas e ações especiais.<br />
<br />
Composição:<br />
<br />
- objeto principal centralizado;<br />
<br />
- ocupar aproximadamente 85% da tela;<br />
<br />
- margens transparentes uniformes;<br />
<br />
- peso visual equilibrado;<br />
<br />
- nenhum detalhe importante próximo das bordas;<br />
<br />
- formas e detalhes suficientemente grossos para continuarem legíveis em 24×24 px;<br />
<br />
- não inserir pequenos elementos decorativos que desapareçam na redução.<br />
<br />
Entregue:<br />
<br />
- PNG com transparência;<br />
<br />
- composição quadrada;<br />
<br />
- versão principal em alta resolução;<br />
<br />
- versão final otimizada manualmente para 24×24 px;<br />
<br />
- preservar nitidez, contraste e identificação visual na versão de 24 px.<br />
<br />
O ícone deve representar claramente: [DESCREVA A FUNÇÃO].<br />
<br />
Metáfora visual sugerida: [DESCREVA OS OBJETOS E A COMPOSIÇÃO].<br />
<br />
Cor de destaque: [COR RELACIONADA À AÇÃO].</div>Guilhermehttps://wiki.dataplussistemas.com.br/index.php?title=Icones_do_Sistemas&diff=17966Icones do Sistemas2026-10-15T19:31:51Z<p>Guilherme: Criou página com 'teste'</p>
<hr />
<div>teste</div>Guilherme