<?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" lang="sv">

  <info>
    <credit type="author">
      <name>Allan Day</name>
      <email>aday@gnome.org</email>
    </credit>
    <license xmlns="http://projectmallard.org/1.0/" href="http://creativecommons.org/licenses/by-sa/4.0/">

  <p>This work is licensed under a
  <link href="http://creativecommons.org/licenses/by-sa/4.0/">Creative
  Commons Attribution-Share Alike 4.0 International License</link>.</p>

</license>
  <credit type="translator copyright"><name>Anders Jonsson</name><email>anders.jonsson@norsjovallen.se</email><years>2015, 2018</years></credit><credit type="translator copyright"><name>Sebastian Rasmussen</name><email>sebras@gmail.com</email><years>2017, 2018</years></credit></info>

<title>GNOME:s riktlinjer för mänskliga gränssnitt</title>
<media type="image" its:translate="no" src="figures/hig.png"/>

<p>Oavsett om du är en utvecklare eller en designer så innehåller dessa riktlinjer allt du behöver för att designa effektiva program med GTK. De täcker designprinciper för GNOME 3, gemensamma riktlinjer som hur text ska skrivas och hur bilder och ikoner ska användas, så väl som ett bibliotek av designmönster som du kan använda i ditt program.</p>

<p>Även om riktlinjerna lägger vikt vid att designa för GNOME 3 kan de också användas för att skapa program för flera plattformar, så väl som för program som tidigare har följt riktlinjerna för GNOME 2. <link xref="compatibility">Kompatibilitetsriktlinjerna</link> innehåller vidare information om detta.</p>

<section id="core-material">
<title>Kärnmaterial</title>

<p>Mönster och användargränssnittselement formar riktlinjernas kärna. Tillsammans utgör de byggstenarna för programdesign. Om riktlinjerna är nya för dig rekommenderas det att du börjar med sidan om designprinciper och sedan bläddrar bland mönstren innan du går vidare till annat material.</p>

<table>
<tr>
<td><p><link xref="design-principles"><em style="strong">Designprinciper</em></link></p></td>
<td><p>Generella designråd och riktlinjer.</p></td>
</tr>
<tr>
<td><p><link xref="patterns"><em style="strong">Mönster</em></link></p></td>
<td><p>Grundläggande och valfria designkomponenter.</p></td>
</tr>
<tr>
<td><p><link xref="ui-elements"><em style="strong">Användargränssnittselement</em></link></p></td>
<td><p>Riktlinjer för vanliga element så som knappar, förloppsindikatorer och kontextfönster.</p></td>
</tr>
</table>

</section>

<section id="common-guidelines">
<title>Gemensamma riktlinjer</title>

<p>Dessa riktlinjer gäller för alla designelement. Det är rekommenderat att du bekantar dig med dem.</p>

<table>
<tr>
<td><p><link xref="application-basics"><em style="strong">Grundläggande om program</em></link></p></td>
<td><p>Grundläggande beteende och kännetecken för program.</p></td>
</tr>
<tr>
<td><p><link xref="compatibility"><em style="strong">Kompatibilitet</em></link></p></td>
<td><p>Använda riktlinjerna för program på flera plattformar eller program av GNOME 2-stil.</p></td>
</tr>
<tr>
<td><p><link xref="visual-layout"><em style="strong">Visuell layout</em></link></p></td>
<td><p>Arrangera element i användargränssnitt.</p></td>
</tr>
<tr>
<td><p><link xref="writing-style"><em style="strong">Skrivregler (för engelska)</em></link></p></td>
<td><p>Skriva text för ditt användargränssnitt, inklusive versaliseringsregler.</p></td>
</tr>
<tr>
<td><p><link xref="icons-and-artwork"><em style="strong">Ikoner och grafik</em></link></p></td>
<td><p>Riktlinjer för att välja och skapa ikoner.</p></td>
</tr>
<tr>
<td><p><link xref="typography"><em style="strong">Typografi</em></link></p></td>
<td><p>Råd om typsnittsstorlekar, vikter och stilar, samt även specialtecken.</p></td>
</tr>
<tr>
<td><p><link xref="pointer-and-touch-input"><em style="strong">Pekar- och pekinmatning</em></link></p></td>
<td><p>Interaktion med mus, styrplatta och pekskärm.</p></td>
</tr>
<tr>
<td><p><link xref="keyboard-input"><em style="strong">Tangentbordsinmatning</em></link></p></td>
<td><p>Tangentbordsnavigering, snabbtangenter och kortkommandon.</p></td>
</tr>
<tr>
<td><p><link xref="display-compatibility"><em style="strong">Skärmkompatibilitet</em></link></p></td>
<td><p>Hur olika enheter och skärmtyper kan stödjas.</p></td>
</tr>
</table>

</section>

</page>
