<?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-2019</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>Whether you are a developer or a designer, these guidelines contain everything you need to design effective applications using GTK. They cover design principles for GNOME 3, common guidelines such as how to write text and use images and icons, as well as a library of design patterns which you can use in your application.</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>
