<?xml version="1.0" encoding="utf-8"?>
<page xmlns="http://projectmallard.org/1.0/" xmlns:its="http://www.w3.org/2005/11/its" type="guide" id="index" xml:lang="pt-BR">

  <info>
    <credit type="author">
      <name>Allan Day</name>
      <email>aday@gnome.org</email>
    </credit>
    <include xmlns="http://www.w3.org/2001/XInclude" href="legal.xml"/>
  
    <mal:credit xmlns:mal="http://projectmallard.org/1.0/" type="translator copyright">
      <mal:name>Georges Neto</mal:name>
      <mal:email>georges.stavracas@gmail.com</mal:email>
      <mal:years>2014,</mal:years>
    </mal:credit>
  
    <mal:credit xmlns:mal="http://projectmallard.org/1.0/" type="translator copyright">
      <mal:name>Rafael Fontenelle</mal:name>
      <mal:email>rafaelff@gnome.org</mal:email>
      <mal:years>2017-2021</mal:years>
    </mal:credit>
  </info>

<title>Diretrizes de interface humana (HIG) do GNOME</title>
<media type="image" its:translate="no" src="figures/hig.png"/>

<p>Se você é desenvolvedor ou um designer, essas diretrizes contêm tudo que você precisa para projetar aplicativos efetivos usando GTK. Elas cobrem princípios de design para o GNOME 3, diretrizes comuns como, por exemplo, como escrever texto e usar imagens e ícones, assim como uma biblioteca de padrões de design que você pode usar em seu aplicativo.</p>

<p>Enquanto o HIG coloca ênfase em projetar para o GNOME 3, também pode ser usado para criar aplicativos multiplataforma, assim como para aplicativos que anteriormente seguiram as diretrizes de interface humana do GNOME 2. As <link xref="compatibility">diretrizes de compatibilidade</link> contêm mais informações sobre isso.</p>

<section id="core-material">
<title>Material central</title>

<p>Padrões e elementos de interface de usuário formam a parte central do HIG. Junto, eles são blocos de edificação do design de aplicativos. Se você é novo no HIG, é recomendado que você inicie com a página sobre princípios de design e, então, acesse os padrões, antes de ir para outro material.</p>

<table>
<tr>
<td><p><link xref="design-principles"><em style="strong">Princípios de design</em></link></p></td>
<td><p>Diretrizes e conselhos em geral sobre design.</p></td>
</tr>
<tr>
<td><p><link xref="patterns"><em style="strong">Padrões</em></link></p></td>
<td><p>Componentes essenciais e opcionais de design.</p></td>
</tr>
<tr>
<td><p><link xref="ui-elements"><em style="strong">Elementos de interface de usuário</em></link></p></td>
<td><p>Diretrizes em elementos comuns, tais como botões, barras de progressos e janelas sobrepostas.</p></td>
</tr>
</table>

</section>

<section id="common-guidelines">
<title>Diretrizes comuns</title>

<p>Essas diretrizes se aplicam a todo o intervalo de elementos de design. É recomendado que você se familiarize com eles.</p>

<table>
<tr>
<td><p><link xref="application-basics"><em style="strong">Noções básicas de aplicativos</em></link></p></td>
<td><p>Características e comportamento básicos de um aplicativo.</p></td>
</tr>
<tr>
<td><p><link xref="compatibility"><em style="strong">Compatibilidade</em></link></p></td>
<td><p>Usando HIG para aplicativos multiplataforma ou no estilo GNOME 2.</p></td>
</tr>
<tr>
<td><p><link xref="visual-layout"><em style="strong">Layout visual</em></link></p></td>
<td><p>Organizando elementos nas interfaces de usuário.</p></td>
</tr>
<tr>
<td><p><link xref="writing-style"><em style="strong">Estilo de escrita</em></link></p></td>
<td><p>Escrevendo texto para sua interface de usuário, incluindo regras de maiusculização.</p></td>
</tr>
<tr>
<td><p><link xref="icons-and-artwork"><em style="strong">Ícones e obras de arte</em></link></p></td>
<td><p>Diretrizes sobre seleção e criação de ícones.</p></td>
</tr>
<tr>
<td><p><link xref="typography"><em style="strong">Tipografia</em></link></p></td>
<td><p>Conselhos sobre tamanhos, pesos e estilos de fontes, assim como caracteres especiais.</p></td>
</tr>
<tr>
<td><p><link xref="pointer-and-touch-input"><em style="strong">Entrada por ponteiro e por toque</em></link></p></td>
<td><p>Interação com mouse, touchpad e touchscreen.</p></td>
</tr>
<tr>
<td><p><link xref="keyboard-input"><em style="strong">Entrada por teclado</em></link></p></td>
<td><p>Navegação de teclado, teclas de acesso e de atalho.</p></td>
</tr>
<tr>
<td><p><link xref="display-compatibility"><em style="strong">Compatibilidade de tela</em></link></p></td>
<td><p>Como oferecer suporte a diferentes tipos de dispositivos e telas.</p></td>
</tr>
</table>

</section>

</page>
