Dette dokument diskuterer tips og retningslinjer, der skal følges, når du brander Canvas UI for en institution via temaeditoren.
Dette dokument er beregnet til administratorer, der har brug for at brande deres Canvas-brugergrænseflade ved hjælp af temaeditoren, og gennemgår de forskellige filuploads, der er tilgængelige i temaeditoren ved hjælp af en institutions logo. Disse retningslinjer vil præsentere den optimale størrelse for hvert billede i temaeditoren – sammen med nogle nyttige detaljer om billedoprettelse – så du kan få din Canvas-installation til at se fantastisk ud på ingen tid.
Hvis din institution er så heldig at have et marketing- eller brandingteam med en fastansat grafiker eller webdesigner, anbefaler vi kraftigt, at du samarbejder med denne person om Canvas-branding. Du får fantastiske resultater og skal lave mindre arbejde – yay! En professionel designer vil også sikre, at du ikke overtræder nogen brandretningslinjer.
Skabelonfilerne i dette dokument blev oprettet i PhotoshopHvis du ikke har adgang til Photoshop, kan du bruge et hvilket som helst billedsoftwareprogram til at oprette dine egne filer baseret på de ideelle billedstørrelser, der er inkluderet i hvert trin.
Vektor vs. bitmapgrafik
Før du kan uploade din institutions logo, skal du have en kopi i høj opløsning til brug i temaeditoren. Ideelt set bør du bruge envektorlogobillede i stedet for etbitmaplogobillede.
- Vektorbilleder ender normalt med.ai,.epseller.svgFordi de er baseret på stier, ikke pixels, kan vektorbilleder ændres skarpt til enhver størrelse. Vektorbilleder kan trækkes eller indsættes i billedredigeringsprogrammer som Illustrator, Photoshop og Sketch. De kan derefter ændres i størrelse uden tab af skarphed. For at bevare billedformatet skal du åbne billedet i et relevant program og holde Shift-tasten nede. Vektorfiler skal gemmes i ... til brug i Temaeditoren..svgformat.
- Bitmapbilleder ender normalt med.jpg,.png, eller.gifDe består af et bestemt antal pixels. Hvis du ændrer størrelsen på dem (især når de forstørres), ender de ofte med at se slørede ud.
Hvis der ikke er nogen måde, du kan få en vektorversion af din institutions logo, så prøv bare at få den størst mulige bitmapversion – alt over 1.000 pixels bredt burde fungere fint. Den mest optimale bitmap-filtype er en PNG-fil (.png), da de er designet til nettet og bevarer den bedste kvalitet. De tilpasser også størrelsen godt og understøtter gennemsigtige baggrunde.
Billeduploads
Når du har dit billede, kan du uploade din fil til forskellige områder i temaeditoren.
Navigationslogo
| Logo øverst i den globale navigationsmenu (understøtter svg-, png- og jpg-filer) Anbefalet størrelse:200 x 200 pixels Anbefalet fileksporttype:PNG Gode råd:
- Når du opretter filen, skal du sørge for at der er lidt margen (mindst 10-20 px) omkring logobilledet. Ellers vil det se klemt ud mod siderne af den primære navigation.
Download eksempelfil med Nav-logo Download Nav Logo Photoshop-skabelon |
|---|
Vandmærke
| Lyst baggrundsbillede, der vises bag sideindholdet; visningsstørrelsen er subjektiv baseret på størrelsen af den uploadede fil Anbefalet størrelse:400 x 400 pixels Anbefalet fileksporttype:PNG Gode råd:
- Ligesom et vandmærke på skrivepapir, er vores vandmærkebillede beregnet til at være etsubtilbrandingelement (vi anbefaler, at dit billede ikke står i for stor kontrast til Canvas' hvide baggrund), der ofte er dækket af andre Canvas-elementer.
- Vandmærket er helt valgfrit. Du behøver ikke at bruge det, hvis du ikke har adgang til et billede, der passer til formålet.
Download eksempelfil med vandmærke Download skabelon til vandmærke i Photoshop |
|---|
Favicon
Ikon for mobil startskærm
Vinduer Flise Firkantet
| Billede af den firkantede version af Windows-flisen Nødvendig størrelse:558 x 558 pixels Anbefalet fileksporttype:PNG Gode råd: - For virkelig at passe ind i Windows 8-looket og -følelsen, skal du lave dit billede helt i hvidt og vælge en levende baggrundsfarve fra dine brandretningslinjer.
- Windows kræver nøjagtige dimensioner for et billede, der bruges som en Windows-flise. Det billede, du uploader til en Windows-flise, skal opfylde de nøjagtige angivne dimensioner.
Download eksempelfilen for Windows Tile Square Download Windows Tile Square Photoshop-skabelon |
|---|
Windows Tile Wide
| Billede til den brede version af Windows-flisen Nødvendig størrelse:558 x 270 pixels Anbefalet fileksporttype:PNG Gode råd: - For virkelig at passe ind i Windows 8-looket og -følelsen, skal du lave dit billede helt i hvidt og vælge en levende baggrundsfarve fra dine brandretningslinjer.
- Windows kræver nøjagtige dimensioner for et billede, der bruges som en Windows-flise. Det billede, du uploader til en Windows-flise, skal opfylde de nøjagtige angivne dimensioner.
Download eksempelfilen for Windows Tile Wide Download Windows Tile Wide Photoshop-skabelon |
|---|
Logo i højre sidebjælke
Baggrundsbillede
| Billede til loginbaggrunden Anbefalet størrelse:2800 x 2000 pixels Anbefalet fileksporttype:JPG (30-40% kvalitet) Gode råd:
- Baggrundsbilledet i fuld skærm er helt valgfrit. Du foretrækker måske en simpel baggrundsfarve uden billede (og det vil helt sikkert tage kortere tid at indlæse).
- Hvis dit billede er mindre end den anbefalede størrelse, vil Canvas skalere det op; det kan bare se en smule pixeleret ud.
Download eksempelfil med baggrundsbillede Download skabelon til Photoshop med baggrundsbillede |
|---|
Login-logo
| Logo vist øverst på loginsiden Anbefalet størrelse:380 x 150 pixels Anbefalet fileksporttype:PNG (SVG kan også bruges af avancerede brugere) Gode tips: - Logoet på din loginside vil blive ændret til 190 pixels i bredden, uanset størrelsen.
- Den ideelle størrelse anbefales stadig for at opretholde en høj billedopløsning til Retina- og/eller store skærme. En mindre størrelse kan virke sløret.
Download eksempelfil med login-logo Download skabelon til Photoshop-logo |
|---|
Denne ressource kan også tilgås fra følgende Canvas-guider:
