Det här dokumentet diskuterar tips och riktlinjer att följa när du varumärkesanpassar Canvas UI för en institution via temaredigeraren.
Det här dokumentet är avsett för administratörer som behöver varumärkesbygga sitt Canvas-gränssnitt med hjälp av temaredigeraren och går igenom de olika filuppladdningar som finns tillgängliga i temaredigeraren med hjälp av en institutions logotyp. Dessa riktlinjer presenterar den optimala storleken för varje bild i temaredigeraren – tillsammans med några användbara detaljer om bildskapande – så att du kan få din Canvas-installation att se fantastisk ut på nolltid.
Om er institution har turen att ha ett marknadsförings- eller varumärkesteam med en anställd grafiker eller webbdesigner rekommenderar vi starkt att ni samarbetar med den personen för Canvas varumärkesbyggande. Ni får fantastiska resultat och behöver göra mindre arbete – hurra! En professionell designer kommer också att se till att ni inte bryter mot några varumärkesriktlinjer.
Mallfilerna i detta dokument skapades i PhotoshopOm du inte har tillgång till Photoshop kan du använda vilket bildprogram som helst för att skapa dina egna filer baserat på de ideala bildstorlekarna som ingår i varje steg.
Vektor vs. bitmappsgrafik
Innan du kan ladda upp din institutions logotyp behöver du skaffa en högupplöst kopia att använda i temaredigeraren. Helst bör du använda envektorlogotypbild snarare än enbitmapplogotypbild.
- Vektorbilder slutar oftast på.ai,.epseller.svgEftersom de är baserade på banor, inte pixlar, kan vektorbilder ändra storlek skarpt till vilken storlek som helst. Vektorbilder kan dras eller klistras in i bildredigeringsprogram som Illustrator, Photoshop och Sketch. De kan sedan ändras i storlek utan att skärpan förloras. För att bibehålla bildförhållandet öppnar du bilden i ett relevant program och håller ner Skift-tangenten. För användning i Temaredigeraren måste vektorfiler sparas i.svgformat.
- Bitmappbilder slutar oftast på.jpg,.png, eller.gifDe består av ett visst antal pixlar. Om du ändrar storleken på dem (särskilt när de förstoras) blir de ofta suddiga.
Om det inte finns något sätt att få en vektorversion av din institutions logotyp, försök bara att få den största bitmappsversionen som möjligt – allt över 1 000 pixlar i bredd borde fungera bra. Den mest optimala bitmappsfiltypen är en PNG-fil (.png), eftersom de är utformade för webben och bibehåller bästa kvalitet. De kan också ändra storlek bra och stödja transparenta bakgrunder.
Bilduppladdningar
När du har fått din bild kan du ladda upp din fil till olika områden i temaredigeraren.
Nav-logotyp
Vattenstämpel
| Ljus bakgrundsbild som visas bakom sidans innehåll; visningsstorleken är subjektiv baserat på uppladdad filstorlek Rekommenderad storlek:400 x 400 pixlar Rekommenderad filexporttyp:PNG Heta tips:
- Precis som ett vattenmärke på skrivpapper är vår vattenmärkesbild avsedd att vara ensubtilvarumärkeselement (vi rekommenderar att din bild inte kontrasterar för mycket mot Canvas vita bakgrund) som ofta täcks av andra Canvas-element.
- Vattenstämpeln är helt valfri. Känn dig inte tvungen att använda den om du inte har tillgång till en bild som passar.
Ladda ner exempelfil för vattenstämpel Ladda ner vattenstämpel Photoshop-mall |
|---|
Favicon
Ikon för mobil startskärm
Fönster Kakel Kvadrat
| Bild för den fyrkantiga versionen av Windows-panelen Nödvändig storlek:558 x 558 pixlar Rekommenderad filexporttyp:PNG Heta tips: - För att verkligen passa in i Windows 8-utseendet och känslan, skapa din bild helt i vitt och välj en livfull bakgrundsfärg från dina varumärkesriktlinjer.
- Windows kräver exakta mått för en bild som används som en Windows-panel. Bilden du laddar upp för en Windows-panel ska uppfylla de exakta angivna måtten.
Ladda ner exempelfilen för Windows Tile Square Ladda ner Windows Tile Square Photoshop-mall |
|---|
Fönster Kakel Bred
| Bild för den breda versionen av Windows-panelen Nödvändig storlek:558 x 270 pixlar Rekommenderad filexporttyp:PNG Heta tips: - För att verkligen passa in i Windows 8-utseendet och känslan, skapa din bild helt i vitt och välj en livfull bakgrundsfärg från dina varumärkesriktlinjer.
- Windows kräver exakta mått för en bild som används som en Windows-panel. Bilden du laddar upp för en Windows-panel ska uppfylla de exakta angivna måtten.
Ladda ner exempelfilen för Windows Tile Wide Ladda ner Photoshop-mall för Windows Tile Wide |
|---|
Logotyp i höger sidofält
Bakgrundsbild
| Bild för inloggningsbakgrunden Rekommenderad storlek:2800 x 2000 pixlar Rekommenderad filexporttyp:JPG (30–40 % kvalitet på verk) Heta tips:
- Helskärmsbakgrundsbilden är helt valfri. Du kanske föredrar en enkel bakgrundsfärg, utan bild (och det tar säkert kortare tid att ladda).
- Om din bild är mindre än den rekommenderade storleken kommer Canvas att skala upp den; den kan bara se lite pixlig ut.
Ladda ner exempelfil för bakgrundsbild Ladda ner Photoshop-mall för bakgrundsbild |
|---|
Inloggningslogotyp
| Logotypen visas högst upp på inloggningssidan Rekommenderad storlek:380 x 150 pixlar Rekommenderad filexporttyp:PNG (SVG kan även användas av avancerade användare) Heta tips: - Logotypen på din inloggningssida kommer att ändras i storlek till 190 pixlar bredd, oavsett storlek.
- Den ideala storleken rekommenderas fortfarande för att bibehålla en hög bildupplösning för Retina- och/eller stora bildskärmar. En mindre storlek kan verka suddig.
Ladda ner exempelfil för inloggningslogotyp Ladda ner Photoshop-mall för inloggningslogotyp |
|---|
Denna resurs kan också nås från följande Canvas-guider:
