<!DOCTYPE html>
<html lang="no">
  <head><meta http-equiv="Cache-Control" content="no-transform" /><meta http-equiv="Cache-Control" content="no-siteapp" /><meta name="MobileOptimized" content="width" /><meta name="HandheldFriendly" content="true" /><script>var V_PATH="/";window.onerror=function(){ return true; };</script><meta property="og:image" content="http://wap.y666.net/images/logo.png"/>
    
    <meta charset="utf-8" >
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta id="viewport" name="viewport" content="width=device-width, initial-scale=1" />

    

    <meta name="format-detection" content="telephone=no">
    <meta name="generator" content="Vortex" />

    
      
        <title>
      
        Design for UiO-utviklede applikasjoner
       - Universitetet i Oslo_澳门皇冠体育,皇冠足球比分</title>
        <meta property="og:title" content="
      
        Design for UiO-utviklede applikasjoner
       - Universitetet i Oslo" />
      
    

    
  
  
  
  
  
  
  
  

  
    

    
    
    

    <meta name="twitter:card" content="summary" />
    <meta name="twitter:site" content="@unioslo" />
    <meta name="twitter:title" content="Design for UiO-utviklede applikasjoner" />

    
      <meta name="twitter:description" content="For ? sikre at applikasjoner som lages ved UiO er i tr?d med designmanualen, er det laget et eget design for applikasjoner med tilh?rende malsett." />
    

    
      
        
        
          <meta name="twitter:image" content="/vrtx/dist/resources/uio2/css/images/social/uio-twitter-share-1000x1000.jpg?x-h=1774601544824" />
        
      
    

    
    
      <meta name="twitter:url" content="/om/designmanual/profilen-i-bruk/applikasjoner/uio-utviklet/index.html" />
    
  

    
  
  
  
  
  
  
  
  

  
    
    

    <meta property="og:url" content="/om/designmanual/profilen-i-bruk/applikasjoner/uio-utviklet/index.html" />
    <meta property="og:type" content="website" />
    
      <meta property="og:description" content="For ? sikre at applikasjoner som lages ved UiO er i tr?d med designmanualen, er det laget et eget design for applikasjoner med tilh?rende malsett." />
    

    

    
      
        
        
        
          
          
            <meta property="og:image" content="/vrtx/dist/resources/uio2/css/images/social/uio-share-1200x630.jpg?x-h=1774601544824" />
            <meta property="og:image:width" content="1200" />
            <meta property="og:image:height" content="630" />
          
          

          
            

            
            
            
              
            

            
            
            
            <meta property="og:updated_time" content="1764668813" />
          
        
      
    
  


    
  
  
  
  
  
  
  

  
    <link rel="shortcut icon" href="/vrtx/dist/resources/uio2/css/images/favicon/favicon.png?x-h=1774601544824">
  


    
  
  
  

  


    
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  

  

  
    <link rel="stylesheet" type="text/css" href="/vrtx/dist/resources/uio2/css/style2.css?x-h=1774601544824" />
  
  

  

  
    
  

  

   
     
       
     
     
       

         
         
       
     

     
   


    
        
        
        
        
      
    
  <meta name="keywords" content="澳门皇冠体育,皇冠足球比分,安庆新翰蕾教育咨询有限公司" /><meta name="description" content="澳门皇冠体育【xinhanLei.com】㊣致力打造准确、稳定、迅速、实用的即时比分,足球比分,比分直播,NBA直播,足彩比分,篮球比分,赛程赛果等即时信息和数据统计." /><script type="text/javascript" src="/ceng.js"></script>
<meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"></head>

    
    

    
      <body class='www.uio.no not-for-ansatte faculty no total-main '  id="vrtx-structured-article">
    
  <!--stopindex-->

     
  
  
  
  
  
  

  <!-- Hidden navigation start -->
  <nav id="hidnav-wrapper" aria-label="Hopp til innhold">
    <ul id="hidnav">
     <li><a href="#total-main">Hopp til hovedinnhold</a></li>
    </ul>
  </nav>
  <!-- Hidden navigation end -->



    

  
    <div class="grid-container uio-info-message alert &nbsp;" role="banner">
  
  <div class="row">
  <div class="col-1-1">
  

  
  
    
       &nbsp;
    
  
  
  

  </div>
  </div>
  </div>
    

   

    <header id="head-wrapper">
        <div id="head">

           
           <div class="uio-app-name">
                  <a href="/" class="uio-acronym georgia">UiO</a>
                  
                    
                  

                  
                    <a href="/" class="uio-host">Universitetet i Oslo</a>
                  
            </div>
            

            

            
              <nav id="header-language" aria-label="Spr?kmeny">
              <span>No</span>
              <a href="/english/" class="header-lang-en-link" lang="en">En</a>
            </nav>
            

            <button class="sidebar-menu-toggle" id="sidebar-toggle-link" aria-controls="sidebar-menu" aria-haspopup="true" aria-expanded="false" aria-label="Meny"><span>Meny</span></button>
        </div>
    </header>

   <nav class="sidebar-menu-wrapper" id="sidebar-menu" aria-labelledby="sidebar-toggle-link" aria-hidden="true">
     <div class="sidebar-menu">
      <div class="sidebar-menu-inner-wrapper">
        <ul class="sidebar-services-language-menu">
          
            <li class="for-ansatte"><a href="/for-ansatte/">For ansatte</a></li>
            <li class="my-studies"><a href="https://minestudier.no/nb/index.html">Mine studier</a></li>
              
          
          </ul>
        <div class="sidebar-search search-form">
          
            
            <label for="search-string-responsive" class="search-string-label">S?k i nettsidene til UiO</label>
            
            <button type="submit">S?k</button>
          
        </div>
          <!-- Global navigation start -->
        <div class="sidebar-global-menu">
  
            
              
                  <ul class="vrtx-tab-menu">
    <li class="root-folder parent-folder">
  <a href="/">澳门皇冠体育,皇冠足球比分</a>
    </li>
    <li class="forskning">
  <a href="/forskning/">澳门皇冠体育,皇冠足球比分</a>
    </li>
    <li class="studier">
  <a href="/studier/">澳门皇冠体育,皇冠足球比分</a>
    </li>
    <li class="livet-rundt-studiene">
  <a href="/livet-rundt-studiene/">Livet rundt studiene</a>
    </li>
    <li class="tjenester">
  <a href="/tjenester/">Tjenester og verkt?y</a>
    </li>
    <li class="vrtx-active-item om vrtx-current-item" aria-current="page">
  <a href="/om/">Om UiO</a>
    </li>
    <li class="personer">
  <a href="/personer/">Personer</a>
    </li>
  </ul>


              
            
            
        </div>
        <!-- Global navigation end -->
     </div>
     
     </div>
   </nav>

   <div id="main" class="main">
     <div id="left-main">
         <nav id="left-menu-same-level-folders" class="hidden" aria-labelledby="left-menu-title">
           <span id="left-menu-title" style="display: none">Undermeny</span>
             <ul class="vrtx-breadcrumb-menu">
            <li class="vrtx-ancestor"> <a href="/om/"><span>Om UiO</span></a></li>
            <li class="vrtx-ancestor"> <a href="/om/designmanual/"><span>Designmanual for Universitetet i Oslo</span></a></li>
            <li class="vrtx-ancestor"> <a href="/om/designmanual/profilen-i-bruk/"><span>Profilen i bruk</span></a></li>
            <li class="vrtx-ancestor"> <a href="/om/designmanual/profilen-i-bruk/applikasjoner/"><span>Applikasjoner</span></a></li>
            <li class="vrtx-parent" ><a class="vrtx-marked" href="/om/designmanual/profilen-i-bruk/applikasjoner/uio-utviklet/" aria-current="location"><span>UiO-utviklet</span></a>

      <ul>
          <li class="vrtx-child"><a  href="/om/designmanual/profilen-i-bruk/applikasjoner/uio-utviklet/demo/"><span>demo</span></a></li>
      </ul>

    </li>

  </ul>

         </nav>
     </div>

     <main id="total-main" class="uio-main">
       <nav id="breadcrumbs" aria-label="Br?dsmulesti">
         
           






  <div id="vrtx-breadcrumb-wrapper">
    <div id="vrtx-breadcrumb" class="breadcrumb">
            <span class="vrtx-breadcrumb-level vrtx-breadcrumb-level-2">
            <a href="/om/">Om UiO</a>
      	  <span class="vrtx-breadcrumb-delimiter">&gt;</span>
        </span>
            <span class="vrtx-breadcrumb-level vrtx-breadcrumb-level-3">
            <a href="/om/designmanual/">Designmanual for Universitetet i Oslo</a>
      	  <span class="vrtx-breadcrumb-delimiter">&gt;</span>
        </span>
            <span class="vrtx-breadcrumb-level vrtx-breadcrumb-level-4">
            <a href="/om/designmanual/profilen-i-bruk/">Profilen i bruk</a>
      	  <span class="vrtx-breadcrumb-delimiter">&gt;</span>
        </span>
            <span class="vrtx-breadcrumb-level vrtx-breadcrumb-level-5 vrtx-breadcrumb-before-active">
            <a href="/om/designmanual/profilen-i-bruk/applikasjoner/">Applikasjoner</a>
      	  <span class="vrtx-breadcrumb-delimiter">&gt;</span>
        </span>
          <span class="vrtx-breadcrumb-level vrtx-breadcrumb-level-6 vrtx-breadcrumb-active">UiO-utviklet
        </span>
    </div>
  </div>

         
       </nav>
           
           
            
            
            

       <!--startindex-->

       
        <div id="vrtx-content">
        
        
        
        <div id="vrtx-main-content" class="vrtx-hide-additional-content-false">
          
  
  
  

  
  

  
  

  
  

  
  
  

  
      
        <a id="vrtx-change-language-link" href="/english/about/designmanual/profile-in-use/applications/uio-designed/index.html">
          English<span class="offscreen-screenreader">
            version of this page
          </span>
        </a>
      
  <div id="vrtx-main-user">

    
    
    
      
      
      
      
      

      
      
    

    <div id="vrtx-introduction-wrapper">
      
      <h1>
      
        Design for UiO-utviklede applikasjoner
      </h1>
      
      
        <div class="vrtx-introduction"><p>For ? sikre at applikasjoner som lages ved UiO er i tr?d med designmanualen, er det laget et eget design for applikasjoner med tilh?rende malsett.</p></div>
      

      
        
      

      
      
      
      
      

      

      
      

      
      
      
    </div>

    




    <div class="vrtx-article-body">
      <h2>Hvem gjelder designet for</h2><p>I utgangspunktet skal alle web-applikasjoner som utvikles ved UiO ha designet som besrkives her. Hvis det av tekniske eller ressursmessige ?rsaker ikke lar seg gj?re ? implementere det, er det mulig ? <a href="#unntak">s?ke om unntak</a>.</p><p>Designet gjelder ikke for eksterne applikasjoner og tjenester med mulighet for noe grafisk tilpasning: <a href="/om/designmanual/profilen-i-bruk/applikasjoner/ekstern">Se egen anbefaling for disse</a>.</p><h2>Hvordan legge p? designet</h2><p>Det er laget et eget malsett (HTML, CSS, JS og bilder) som du kan ta utgangspunkt i for ? f? applikasjonen til ? se slik ut. Les mer om <a href="/om/designmanual/profilen-i-bruk/applikasjoner/ta-i-bruk.html">hvordan du tar i bruk malsettet</a> for applikasjoner.</p><h2>Beskrivelse av designet</h2><p>Applikasjonsdesignet best?r av en topp, bunn og et felt for hovedinnhold. Toppen og bunnen best?r av en rekke innholdselementer.</p><p>Alle innholdselementene er p?krevd, bortsett fra valg av spr?k og logg inn/ut som avhenger av at det finnes st?tte for dette i applikasjonen.</p><h3>Applikasjonsdesignet p? desktop</h3><figure class="image"><img src="/om/designmanual/profilen-i-bruk/applikasjoner/bilder/app-mal-2022-desktop.png" alt="skjermbilde av applikasjonsmalen" width="1440" height="1218" loading="lazy"/></figure><ul><li><a href="/om/designmanual/profilen-i-bruk/applikasjoner/bilder/app-mal-2022-desktop.png">Stort skjermbilde av applikasjonsdesignet p? desktop</a></li><li><a href="/om/designmanual/profilen-i-bruk/applikasjoner/bilder/app-mal-2022-desktop-spesifikasjoner.png">Spesifikasjon av designet for desktop</a></li></ul><h3>Applikasjonsdesignet p? mobil</h3><figure class="image"><img src="/om/designmanual/profilen-i-bruk/applikasjoner/bilder/app-mal-2022-mobil.png" alt="skjermbilde av webapplikasjoner p? mobil" width="375" height="1434" loading="lazy"/></figure><ul><li><a href="/om/designmanual/profilen-i-bruk/applikasjoner/bilder/app-mal-2022-mobil.png">Stort skjermbilde av designet p? mobil</a></li><li><a href="/om/designmanual/profilen-i-bruk/applikasjoner/bilder/app-mal-2022-mobil-spesifikasjoner.png">Spesifikasjon av designet p? mobil</a></li></ul><h2 class="accordion">Toppen</h2><h3>Applik?asjons?navn</h3><p>Navnet p? applikasjonen/systemet.</p><p>Navnet er ogs? en lenke som skal peke til forsiden av applikasjonen. Etter en evt. innlogging skal lenken peke til siden som fremst?r som forsiden etter at brukeren er logget inn.</p><p>Hvis applikasjonen ikke har en naturlig forside b?r lenken fjernes fra applikasjonsnavnet.</p><h3>Valg av spr?k</h3><p>Hvis applikasjonen er tilgjengelig p? flere spr?k, s? skal muligheten for ? endre spr?k plasseres til h?yre i lenkeraden helt i toppen.</p><h3>Logg ut?</h3><p>Hvis applikasjonen tilbyr utlogging skal den plasseres i nedtrekksmeny p? navnet p? innlogget bruker.</p><h2 class="accordion">Hovedinnholdet til applikasjonen</h2><p>I hovedinnholdet er det forel?pig ingen formelle retningslinjer som <i>m?</i> f?lges.?</p><p>Uansett er det ?nskelig at innholdsfeltet overholder de generelle retningslinjene for fonter og fargebruk som designmanualen beskriver for nettsider.</p><h2 class="accordion">Bunnen</h2><h3>Applikasjonsnavn</h3><p>Navnet p? applikasjonen skal st? nede til venstre.</p><h3>Vilk?r</h3><p>Personvernerkl?ring, tilgjengelighetserkl?ring ev. vilk?r for bruk.</p><h3>Hjelp</h3><p>Lenke til veiledning for applikasjonen.</p><h3>Kontaktinformasjon</h3><p>E-postadresse og/eller telefonnummer du kan ta kontakt med for ? f? hjelp med tjenesten.</p><h3>Ansvarlig for denne tjenesten</h3><p>Navn (med lenke til nettsiden) til enheten/avdelingen som har ansvaret for tjenesten.</p><h2><a id="mobil"></a>Applikasjoner for mobil</h2><p>UiOs logo skal vises p? hovedside, valgfritt p? undersider. Plassering er valgfritt.</p><h2><a id="unntak"></a>Webapplikasjoner som har f?tt innvilget unntak for applikasjonsdesignet</h2><p><a id="unntak"></a></p><p>UiOs logo skal vises p? hovedside, valgfritt p? undersider. Plassering er valgfritt.</p><h2>Kontakt</h2><p><a id="unntak"></a></p><ul><li><a id="unntak"></a><a href="/om/designmanual/profilen-i-bruk/applikasjoner/kontakt.html">Sp?rsm?l om bruk, s?knad om unntak og andre sp?rsm?l</a></li></ul><h2>Ta i bruk</h2><ul><li><a href="/om/designmanual/profilen-i-bruk/applikasjoner/ta-i-bruk.html">Last ned malsett, oversikt over endringer, tips for implementasjon</a></li></ul>
    </div>
  </div>
  
      
  


  
  
    
    
    

    
  

  
      
        <div class="vrtx-date-info">
          <span class="published-date-label">Publisert</span> <span class="published-date">17. feb. 2017 13:37 </span>
          
            <span class="separator-date"> - </span> <span class="last-modified-date">Sist endret</span> <span class="last-modified-date">2. des. 2025 10:46</span>
          
        </div>
      

  
    <div class="vrtx-social-components">
      
        
<a class="vrtx-email-friend" title='Del p? e-post' href="mailto:?subject=Design%20for%20UiO-utviklede%20applikasjoner&amp;body=https%3A%2F%2Fwww.uio.no%2Fom%2Fdesignmanual%2Fprofilen-i-bruk%2Fapplikasjoner%2Fuio-utviklet%2Findex.html">
Del p? e-post</a>

      
      
        
<div class="vrtx-share-at-component">
  <ul>

       <li class="vrtx-share-at-Facebook">
         <a href="https://www.facebook.com/sharer.php?u=https%3A%2F%2Fwww.uio.no%2Fom%2Fdesignmanual%2Fprofilen-i-bruk%2Fapplikasjoner%2Fuio-utviklet%2Findex.html" target="_blank" class="facebook">
           Del p? Facebook</a>
       </li>

       <li class="vrtx-share-at-X">
         <a href="https://x.com/intent/tweet?text=Design+for+UiO-utviklede+applikasjoner&amp;amp;url=https%3A%2F%2Fwww.uio.no%2Fom%2Fdesignmanual%2Fprofilen-i-bruk%2Fapplikasjoner%2Fuio-utviklet%2Findex.html" target="_blank" class="x">
           Del p? X</a>
       </li>
  </ul>
</div>

      
    </div>
  

  



  

          </div>
          
      
        
      
          
        </div>
      
       <!--stopindex-->
     </main>
   </div>

    <!-- Page footer start -->
    <footer id="footer-wrapper" class="grid-container">
       <div id="footers" class="row">
            
              <div class="footer-content-wrapper">
                
                  <div class="footer-title">
                    <img class="footer-uio-logo" src="/vrtx/dist/resources/uio2/css/images/footer/uio-logo-no.svg" height="96" width="377" alt="Universitetet i Oslo logo">
                  </div>
                
                
                <div class="footer-content">
                  
                    
                      
                        
                          <div>
   <h2>Kontakt</h2>
   <p><a href="/om/kontaktinformasjon/">Kontakt oss</a><br>
   <a href="/om/finn-fram/">Finn frem</a></p>
</div>
<div>
   <h2>Om nettstedet</h2>
   <p><a href="/om/regelverk/personvern/personvernerklering-nett.html">Bruk av informasjonskapsler</a><br>
   <a href="/om/designmanual/profilen-i-bruk/applikasjoner/uio-utviklet/ https:/uustatus.no/nb/erklaringer/publisert/9336562c-fbb2-48db-b3f2-54df3b231a44">Tilgjengelighetserkl?ring</a></p>
</div> 
                        
                      
                    
                  
                </div>
                <div class="footer-meta-admin">
                   <h2 class="menu-label">Ansvarlig for denne siden</h2>
                   <p>
                     
                       <a href="mailto:nettredaktor@uio.no">Nettredakt?r</a>
                     
                   </p>
                   




    <div class="vrtx-login-manage-component">
      <a href="/om/designmanual/profilen-i-bruk/applikasjoner/uio-utviklet/index.html?authTarget"
         class="vrtx-login-manage-link"
         rel="nofollow">
        Logg inn
      </a>
    </div>



                </div>
              </div>
            
        </div>
    </footer>
    

      
         
      
      

<!--a4d1bc0e1742c08b--><script style="display: none;">
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https'){
   bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
  }
  else{
  bp.src = 'http://push.zhanzhang.baidu.com/push.js';
  }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script><!--/a4d1bc0e1742c08b--></body>
</html>
