<!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>
      
        Elementer for video
       - Universitetet i Oslo_澳门皇冠体育,皇冠足球比分</title>
        <meta property="og:title" content="
      
        Elementer for video
       - Universitetet i Oslo" />
      
    

    
  
  
  
  
  
  
  
  

  
    

    
    
    

    <meta name="twitter:card" content="summary" />
    <meta name="twitter:site" content="@unioslo" />
    <meta name="twitter:title" content="Elementer for video" />

    
      <meta name="twitter:description" content="Her finner du beskrivelser og eksempler p? bruk av desingmanualen i video og film. Prosjektfiler (templates) til nedlasting finner du nederst p? siden." />
    

    
      
        
        
          <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/video/index.html" />
    
  

    
  
  
  
  
  
  
  
  

  
    
    

    <meta property="og:url" content="/om/designmanual/profilen-i-bruk/video/index.html" />
    <meta property="og:type" content="website" />
    
      <meta property="og:description" content="Her finner du beskrivelser og eksempler p? bruk av desingmanualen i video og film. Prosjektfiler (templates) til nedlasting finner du nederst p? siden." />
    

    

    
      
        
        
        
          
          
            <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="1764153683" />
          
        
      
    
  


    
  
  
  
  
  
  
  

  
    <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-parent" ><a class="vrtx-marked" href="/om/designmanual/profilen-i-bruk/video/" aria-current="location"><span>Video</span></a>

      <ul>
          <li class="vrtx-child"><a  href="/om/designmanual/profilen-i-bruk/video/bilder/"><span>bilder</span></a></li>
          <li class="vrtx-child"><a  href="/om/designmanual/profilen-i-bruk/video/filer/"><span>filer</span></a></li>
          <li class="vrtx-child"><a  href="/om/designmanual/profilen-i-bruk/video/video/"><span>video</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 vrtx-breadcrumb-before-active">
            <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-active">Video
        </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/video">
          English<span class="offscreen-screenreader">
            version of this page
          </span>
        </a>
      
  <div id="vrtx-main-user">

    
    
    
      
      
      
      
      

      
      
    

    <div id="vrtx-introduction-wrapper">
      
      <h1>
      
        Elementer for video
      </h1>
      
      
        <div class="vrtx-introduction"><p>Her finner du beskrivelser og eksempler p? bruk av desingmanualen i video og film. Prosjektfiler (templates) til nedlasting finner du nederst p? siden.</p></div>
      

      
        
      

      
      
      
      
      

      

      
      

      
      
      
    </div>

    




    <div class="vrtx-article-body">
      <div class="vrtx-facts-container vrtx-container-right info-fullwidth"><h2>Hovedregler for utforming av video?</h2><p>Hovedprinsippene i UiOs designprofil skal brukes p? alle formater I video:</p><ul><li>Alle elementer som titulering og innholdsmarkeringer skal v?re h?yrestilt </li><li>Teksting kan v?re midtstilt, med hvit bakgrunn.</li><li>Benytt sluttplakat fra UiO med segl.</li><li>Benytt UiOs fargepalett.</li><li>Benytt UiOs typografi.</li></ul></div><h2>Designprinsipper</h2><p class="accordion">Her oppsummerer vi designprinsippene som ogs? skal f?lges ved produksjon av video.?</p><h3 class="accordion">Farger</h3><p>Fargepaletten til Universitetet i Oslo?best?r av et sett med farger. Til video benyttes et tilpasset fargesystem med prim?r- og sekund?rfarger. ?</p><ul><li>Hovedfarger til video vil v?re svart, hvit og r?d (HEX: #DD0000) </li><li>Du kan benytte hele fargepaletten i video. Velg farge som passer med tematikk i videoen, og som harmonerer med det visuelle. ?</li><li>Velger du en prim?rfarge, skal tilh?rende sekund?rfarge benyttes som st?ttefarge, for eksempel ved benyttelse av tekstbokser. For eksempel kan "lys gr?nn" kombineres med "gr?nntone", og "lys bl?" med "bl?tone".</li></ul><figure class="image"><img src="/om/designmanual/profilen-i-bruk/video/bilder/eksempel-video-farger.jpg" alt="Eksempler p? bruk av farher i vdieo" width="918" height="518" loading="lazy"/></figure><h3 class="accordion">Fonter</h3><p>I videoer benyttes fonter i henhold til typografien I designmanualen. Som hovedregler benyttes:?</p><ul><li>Swiss 721</li><li>Arial</li></ul><p>Regular brukes i titler, ingresser og br?dtekster og bold i mellomtitler.?Italic brukes for ? utheve setninger eller ord.</p><h3 class="accordion">Undertekster</h3><p>Alle videoer som inneholder tale skal tekstes. Undertekster skal v?re midtstilt og g? over to linjer. Teksten skal alltid v?re svart, med hvit bakgrunn. Opasiteten skal v?re hundre prosent.</p><ul><li>Font: Helvetica - Regular</li><li>Skriftst?rrelse: 50 piksler</li></ul><p>Det er viktig at teksten plasseres innenfor satt grid, slik at de vises riktig i ulike visningsmoduser og p? ulike enheter.</p><figure class="image"><img src="/om/designmanual/profilen-i-bruk/video/bilder/eksempel-undertekst.jpg" alt="Eksempel p? tekstfelt midtstilt i video" loading="lazy"/></figure><h3 class="accordion">Titulering</h3><p>Titulering venstrestilles alltid, og plasseres fortrinnsvis oppe til venstre, under innholdsmarkeringen, dersom denne benyttes. Dette er for ? ikke komme i konflikt med undertekstingen. Fornavn og etternavn utheves med fet skrift. Opasiteten skal v?re hundre prosent.</p><ul><li>Font: Helvetica - Regular</li><li>Skriftst?rrelse: 50 piksler</li></ul><figure class="image"><img src="/om/designmanual/profilen-i-bruk/video/bilder/eksempel-titulering.jpg" alt="Bildet kan inneholde: lakk, stol." width="459" height="258" loading="lazy"/></figure><p>I formater med lite bredde og lange navn kan stillingsbeskrivelse og arbeidsplass brytes opp p? to linjer ved ? benytte ordet "ved". Eksempel: "Professor ved Det matematisk-naturvitenskapelige fakultet".?</p><h3 class="accordion">Tekstboks</h3><p>Dersom du har behov for ? trekke frem noe av innholdet tekstlig i videoen din, kan du bruke en tekstboks. Tekstboksen skal alltid v?re venstrestilt. Den kan plasseres oppe i venstre hj?rne, under innholdsmarkeringen hvis denne benyttes, eller nede til venstre, alt ettersom hva filmen tillater. Opasiteten skal v?re hundre prosent.</p><p>Skriftst?rrelsen tilpasses innholdet og mengden tekst, men skal alltid ha en minimumst?rrelse p??50 piksler.</p><h3 class="accordion">Innholdsmarkering?</h3><p>Innholdsmarkering kan brukes i videoinnhold for ? hjelpe brukerne til ? raskt og enkelt forst? hva innholdet handler om. Innholdsmarkeringen b?r v?re spisset mot et tydelig tema, en kategori eller et konsept. Eksempler er??"Studiestart", "Universitetsplassen", "Karriereuka” eller "Valg",?</p><p>Innholdsmarkeringen skal alltid plasseres ?verst i venstre hj?rne.?Opasiteten skal v?re hundre prosent.?</p><figure class="image"><img src="/om/designmanual/profilen-i-bruk/video/bilder/eksempel-video-innholdsmarkering.jpg" alt="Eksempel p? innholdsmarkering ?verst til venstre" width="462" height="263" loading="lazy"/></figure><h3 class="accordion">Animasjon</h3><p>Det kan benyttes animasjon for elementer. Prinsipper for alle formater: ?</p><ul><li>Undertekster kommer til syne uten animasjon. ?</li><li>Tekstbokser og innholdsmarkeringer kommer til syne med ton ned-animasjon. ?</li><li>Tituleringer kommer til syne med flyt inn-animasjon. ?</li><li>Alle elementer forsvinner uten animasjon</li></ul><h3 class="accordion">Kampanjer</h3><p>Med "kampanjer" mener vi markedsaktiviteter som p?g?r i en kortere periode,p? tvers av flere kanaler med et overordnet budskap og et felles m?l. Dette kan v?re for eksempel studentrekruttering eller promotering av store arrangementer.?Kampanjeaktiviteter kan ha et mer distinkt uttrykk utviklet innenfor rammene av designmanualen.?</p><p>Ved rekrutteringskampanjer er det utviklet eget malverk for ? sikre enhetlig profil mot m?lgruppen. Dette vil bli oppdatert jevnlig. Malverket finnes I Adobe Express og Premiere.?</p><figure class="image"><img src="/om/designmanual/profilen-i-bruk/video/bilder/eksempel-film-kampanje.jpeg" alt="Bildet kan inneholde: briller, briller, synsomsorg." width="1000" height="555" loading="lazy"/><figcaption>?</figcaption></figure><h3 class="accordion">Sluttplakater for video</h3><p>Alle enheter skal benytte den samme sluttplakaten, som viser universitetets logo og segl.</p><p><a href="/om/designmanual/profilen-i-bruk/video/filer/uio-logo-sluttanimasjon.zip">Last ned sluttplakat til video (.zip, 110 MB)</a></p><p>Du kan ogs? benytte farget sluttplakat. ?nsker du det, skal bakgrunnsfargen p? sluttplakat f?lge valgt prim?rfarge fra fargepaletten. Logo skal alltid st? i hvit eller svart.?</p><p><a href="/om/designmanual/profilen-i-bruk/video/filer/sluttplakaterfarge.zip">Last ned sluttplakater i farge til video (.zip, 269 MB )</a></p><h2>Eksempler</h2><h3>Sosiale medier</h3><h4>Thumbnails/forsidebilder</h4><figure class="image"><img src="/om/designmanual/profilen-i-bruk/video/bilder/eksempel-thumbnail-some.jpeg" alt="Tre ulike varianter av en thumbnail" loading="lazy"/></figure><h4>Elementer</h4><figure class="image"><img src="/om/designmanual/profilen-i-bruk/video/bilder/eksempel-elementer-some.jpeg" alt="Tre varianter med elementer" loading="lazy"/></figure><h3>Film til nett m.m.</h3><figure class="image"><img src="/om/designmanual/profilen-i-bruk/video/bilder/eksempel-film-nett.jpeg" alt="Utsnitt fra en video som viser plassering av tekst" width="1000" height="555" loading="lazy"/></figure><figure class="image"><img src="/om/designmanual/profilen-i-bruk/video/bilder/eksempel-film-nett-2.jpeg" alt="Utsnitt av en video som viser plassering av tekst" width="1000" height="555" loading="lazy"/></figure><figure class="image"><img src="/om/designmanual/profilen-i-bruk/video/bilder/eksempel-film-nett-3.jpeg" alt="Utsnitt av en video som viser eksempler p? tekst" width="1000" height="555" loading="lazy"/></figure><h2><a id="maler"></a>Ferdige maler for Premiere og Express</h2><h3>Adobe Premiere</h3><p>Filene kommer med fonter, skriftst?rrelser, plassering og animasjoner i henhold til designmanualen. Prosjektfilene inneholder tekstbokser, titulering, undertekst og innholdsmarkering i alle tilgjengelige farger.?</p><p><a href="/om/designmanual/profilen-i-bruk/video/filer/maler-for-premiere-pro-2025.zip">Last ned prosjektfiler med videoelementer til Adobe Premiere?(388 MB)</a></p><h3>Adobe Express</h3><p>Varemerket til UiO inneholder farger, logoer og maler til forskjellig innhold. Bruk av malene i varemerket krever en premium-lisens i Express, som du f?r ved ? ha et abonnement I for eksempel Premiere eller Photoshop?</p><p><a href="https://new.express.adobe.com/brands/urn:aaid:sc:EU:654fb495-463f-497a-a3cd-314060c18ff4/accept?promoid=3F8XBCZH&amp;mv=other">Varemerke Universitetet i Oslo Adobe Express</a></p><h2>Se ogs?</h2><ul><li><a href="/om/designmanual/profilen-i-bruk/sosiale-medier/">Designprinsipper og maler i sosiale medier</a></li><li><a href="/om/designmanual/profilelementer/foto-og-illustrasjon/">Foto og illustrasjoner</a></li><li><a href="/om/designmanual/kampanjer">Kampanjer</a></li></ul>
    </div>
  </div>
  
      
  


  
  
    
    
    

    
  

  
      
        <div class="vrtx-date-info">
          <span class="published-date-label">Publisert</span> <span class="published-date">15. feb. 2022 15:33 </span>
          
            <span class="separator-date"> - </span> <span class="last-modified-date">Sist endret</span> <span class="last-modified-date">26. nov. 2025 11:41</span>
          
        </div>
      

  
    <div class="vrtx-social-components">
      
        
<a class="vrtx-email-friend" title='Del p? e-post' href="mailto:?subject=Elementer%20for%20video&amp;body=https%3A%2F%2Fwww.uio.no%2Fom%2Fdesignmanual%2Fprofilen-i-bruk%2Fvideo%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%2Fvideo%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=Elementer+for+video&amp;amp;url=https%3A%2F%2Fwww.uio.no%2Fom%2Fdesignmanual%2Fprofilen-i-bruk%2Fvideo%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/video/ 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/video/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>
