<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="pt-BR">
	<id>http://wiki.phsys.com.br/index.php?action=history&amp;feed=atom&amp;title=Icones</id>
	<title>Icones - Histórico de revisão</title>
	<link rel="self" type="application/atom+xml" href="http://wiki.phsys.com.br/index.php?action=history&amp;feed=atom&amp;title=Icones"/>
	<link rel="alternate" type="text/html" href="http://wiki.phsys.com.br/index.php?title=Icones&amp;action=history"/>
	<updated>2026-09-20T14:52:17Z</updated>
	<subtitle>Histórico de revisões para esta página neste wiki</subtitle>
	<generator>MediaWiki 1.31.10</generator>
	<entry>
		<id>http://wiki.phsys.com.br/index.php?title=Icones&amp;diff=3088&amp;oldid=prev</id>
		<title>Alex.vieira em 11h08min de 16 de agosto de 2023</title>
		<link rel="alternate" type="text/html" href="http://wiki.phsys.com.br/index.php?title=Icones&amp;diff=3088&amp;oldid=prev"/>
		<updated>2023-08-16T11:08:39Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table class=&quot;diff diff-contentalign-left&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;pt-BR&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #222; text-align: center;&quot;&gt;← Edição anterior&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #222; text-align: center;&quot;&gt;Edição das 11h08min de 16 de agosto de 2023&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l30&quot; &gt;Linha 30:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Linha 30:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;*&amp;#039;&amp;#039;&amp;#039;Nome:&amp;#039;&amp;#039;&amp;#039; Nome de identificação do ícone. Após a gravação não será mais possível alterar.&lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;*&amp;#039;&amp;#039;&amp;#039;Nome:&amp;#039;&amp;#039;&amp;#039; Nome de identificação do ícone. Após a gravação não será mais possível alterar.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;*&amp;#039;&amp;#039;&amp;#039;Legenda:&amp;#039;&amp;#039;&amp;#039; Legenda amigável de identificação para o usuário.&lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;*&amp;#039;&amp;#039;&amp;#039;Legenda:&amp;#039;&amp;#039;&amp;#039; Legenda amigável de identificação para o usuário.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt;−&lt;/td&gt;&lt;td style=&quot;color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;*&amp;#039;&amp;#039;&amp;#039;Ícone:&amp;#039;&amp;#039;&amp;#039; &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;Secionar &lt;/del&gt;o arquivo correspondente a imagem do ícone no formato SVG.&lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt;+&lt;/td&gt;&lt;td style=&quot;color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;*&amp;#039;&amp;#039;&amp;#039;Ícone:&amp;#039;&amp;#039;&amp;#039; &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Selecionar &lt;/ins&gt;o arquivo correspondente a imagem do ícone no formato SVG.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>Alex.vieira</name></author>
		
	</entry>
	<entry>
		<id>http://wiki.phsys.com.br/index.php?title=Icones&amp;diff=3086&amp;oldid=prev</id>
		<title>Admin: /* Conceito */</title>
		<link rel="alternate" type="text/html" href="http://wiki.phsys.com.br/index.php?title=Icones&amp;diff=3086&amp;oldid=prev"/>
		<updated>2023-08-16T00:37:08Z</updated>

		<summary type="html">&lt;p&gt;‎&lt;span dir=&quot;auto&quot;&gt;&lt;span class=&quot;autocomment&quot;&gt;Conceito&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;table class=&quot;diff diff-contentalign-left&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;pt-BR&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #222; text-align: center;&quot;&gt;← Edição anterior&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #222; text-align: center;&quot;&gt;Edição das 00h37min de 16 de agosto de 2023&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l6&quot; &gt;Linha 6:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Linha 6:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;#039;&amp;#039;&amp;#039;Identificação Rápida:&amp;#039;&amp;#039;&amp;#039; Ícones bem projetados fornecem uma maneira rápida e eficaz de identificar a funcionalidade relacionada a um atalho, reduzindo o tempo necessário para localizar ações específicas.&lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;#039;&amp;#039;&amp;#039;Identificação Rápida:&amp;#039;&amp;#039;&amp;#039; Ícones bem projetados fornecem uma maneira rápida e eficaz de identificar a funcionalidade relacionada a um atalho, reduzindo o tempo necessário para localizar ações específicas.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt;−&lt;/td&gt;&lt;td style=&quot;color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;#039;&amp;#039;Harmonização Visual:&amp;#039;&amp;#039;&amp;#039; A inserção cuidadosa de ícones em atalhos contribui para a harmonização geral do sistema, criando uma estética coesa e profissional que melhora a percepção do usuário.&lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt;+&lt;/td&gt;&lt;td style=&quot;color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;&amp;#039;&lt;/ins&gt;&amp;#039;&amp;#039;Harmonização Visual:&amp;#039;&amp;#039;&amp;#039; A inserção cuidadosa de ícones em atalhos contribui para a harmonização geral do sistema, criando uma estética coesa e profissional que melhora a percepção do usuário.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;#039;&amp;#039;&amp;#039;Minimização de Texto:&amp;#039;&amp;#039;&amp;#039; Ao usar ícones, você pode reduzir a dependência de textos explicativos extensos, economizando espaço na interface e mantendo-a mais limpa e organizada.&lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;#039;&amp;#039;&amp;#039;Minimização de Texto:&amp;#039;&amp;#039;&amp;#039; Ao usar ícones, você pode reduzir a dependência de textos explicativos extensos, economizando espaço na interface e mantendo-a mais limpa e organizada.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>Admin</name></author>
		
	</entry>
	<entry>
		<id>http://wiki.phsys.com.br/index.php?title=Icones&amp;diff=3085&amp;oldid=prev</id>
		<title>Admin: Criou página com &#039;===&#039;&#039;&#039;Conceito&#039;&#039;&#039;=== Os ícones desempenham um papel crucial na experiência do usuário, enriquecendo a interface do sistema, tornando-a mais intuitiva e agradável. Eles sã...&#039;</title>
		<link rel="alternate" type="text/html" href="http://wiki.phsys.com.br/index.php?title=Icones&amp;diff=3085&amp;oldid=prev"/>
		<updated>2023-08-16T00:36:37Z</updated>

		<summary type="html">&lt;p&gt;Criou página com &amp;#039;===&amp;#039;&amp;#039;&amp;#039;Conceito&amp;#039;&amp;#039;&amp;#039;=== Os ícones desempenham um papel crucial na experiência do usuário, enriquecendo a interface do sistema, tornando-a mais intuitiva e agradável. Eles sã...&amp;#039;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Página nova&lt;/b&gt;&lt;/p&gt;&lt;div&gt;===&amp;#039;&amp;#039;&amp;#039;Conceito&amp;#039;&amp;#039;&amp;#039;===&lt;br /&gt;
Os ícones desempenham um papel crucial na experiência do usuário, enriquecendo a interface do sistema, tornando-a mais intuitiva e agradável. Eles são empregados em diversas áreas, como telas, atalhos, listas, páginas e botões, com o objetivo de facilitar a identificação e agilizar a interação. Ao utilizar ícones em atalhos, você cria uma identificação visual instantânea, promovendo uma navegação mais fluida e eficiente.&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Benefícios da Utilização de Ícones em Atalhos:&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Identificação Rápida:&amp;#039;&amp;#039;&amp;#039; Ícones bem projetados fornecem uma maneira rápida e eficaz de identificar a funcionalidade relacionada a um atalho, reduzindo o tempo necessário para localizar ações específicas.&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;Harmonização Visual:&amp;#039;&amp;#039;&amp;#039; A inserção cuidadosa de ícones em atalhos contribui para a harmonização geral do sistema, criando uma estética coesa e profissional que melhora a percepção do usuário.&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Minimização de Texto:&amp;#039;&amp;#039;&amp;#039; Ao usar ícones, você pode reduzir a dependência de textos explicativos extensos, economizando espaço na interface e mantendo-a mais limpa e organizada.&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;A Importância do Cadastro de Ícones:&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
&lt;br /&gt;
O recurso de cadastro de ícones é essencial para garantir que a biblioteca de ícones do sistema seja flexível e atenda às necessidades de alta qualidade. O suporte ao formato SVG (Scalable Vector Graphics) é uma escolha acertada, pois oferece diversas vantagens:&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Resolução de Qualidade:&amp;#039;&amp;#039;&amp;#039; O formato SVG permite o uso de ícones em resoluções altas, adequando-se a telas de alta densidade de pixels (DPI), como as encontradas em dispositivos móveis e monitores de alta resolução. Isso garante que os ícones mantenham sua qualidade visual, independentemente do tamanho em que são exibidos.&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Adaptação Responsiva:&amp;#039;&amp;#039;&amp;#039; Os ícones SVG são dimensionáveis sem perda de qualidade, tornando-os ideais para uma variedade de tamanhos de tela e dispositivos. Eles se ajustam perfeitamente a diferentes contextos e layouts.&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Compatibilidade:&amp;#039;&amp;#039;&amp;#039; O formato SVG é amplamente suportado em navegadores modernos e aplicativos, o que garante que os ícones serão exibidos corretamente para os usuários, independentemente do dispositivo ou plataforma.&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Facilidade de Edição:&amp;#039;&amp;#039;&amp;#039; A natureza vetorial do SVG permite a edição precisa e flexível dos ícones, caso seja necessário fazer ajustes ou personalizações futuras.&lt;br /&gt;
&lt;br /&gt;
Portanto, ao cadastrar ícones em formato SVG em sua biblioteca, você está investindo na qualidade, flexibilidade e usabilidade do sistema, proporcionando aos usuários uma experiência superior de interação.&lt;br /&gt;
&lt;br /&gt;
Lembre-se de que a escolha e design dos ícones devem ser feitos com atenção aos padrões de usabilidade e às diretrizes de design do sistema, a fim de garantir uma integração coesa e intuitiva. Dessa forma, você estará contribuindo significativamente para a excelência da experiência do usuário em seu sistema&lt;br /&gt;
&lt;br /&gt;
O preenchimento do cadastro do ícone requer o preenchimento dos campos:&lt;br /&gt;
&lt;br /&gt;
*&amp;#039;&amp;#039;&amp;#039;Nome:&amp;#039;&amp;#039;&amp;#039; Nome de identificação do ícone. Após a gravação não será mais possível alterar.&lt;br /&gt;
*&amp;#039;&amp;#039;&amp;#039;Legenda:&amp;#039;&amp;#039;&amp;#039; Legenda amigável de identificação para o usuário.&lt;br /&gt;
*&amp;#039;&amp;#039;&amp;#039;Ícone:&amp;#039;&amp;#039;&amp;#039; Secionar o arquivo correspondente a imagem do ícone no formato SVG.&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
		
	</entry>
</feed>