Mae'r ddogfen hon yn trafod awgrymiadau a chanllawiau i'w dilyn wrth frandio UI Canvas ar gyfer sefydliad drwy'r Golygydd Thema.
Mae'r ddogfen hon wedi'i bwriadu ar gyfer gweinyddwyr sydd angen brandio eu rhyngwyneb Canvas gan ddefnyddio'r Golygydd Thema ac mae'n mynd trwy'r gwahanol uwchlwythiadau ffeiliau sydd ar gael yn y Golygydd Thema gan ddefnyddio logo sefydliad. Bydd y canllawiau hyn yn cyflwyno'r maint gorau posibl ar gyfer pob delwedd yn y Golygydd Thema—ynghyd â rhai manylion defnyddiol ar gyfer creu delweddau—fel y gallwch chi gael eich gosodiad Canvas i edrych yn anhygoel mewn dim o dro.
Os yw eich sefydliad yn ddigon ffodus i gael tîm marchnata neu frandio gyda dylunydd graffig neu we ar staff, rydym yn argymell yn gryf eich bod yn cydweithio â'r person hwnnw ar gyfer brandio Canvas. Byddwch yn cael canlyniadau gwych a bydd yn rhaid i chi wneud llai o waith—ie! Bydd gweithiwr proffesiynol dylunio hefyd yn sicrhau nad ydych chi'n torri unrhyw ganllawiau brand.
Crëwyd y ffeiliau templed a ddarperir yn y ddogfen hon yn PhotoshopOs nad oes gennych fynediad i Photoshop, gallwch ddefnyddio unrhyw raglen feddalwedd delweddau i greu eich ffeiliau eich hun yn seiliedig ar y meintiau delwedd delfrydol sydd wedi'u cynnwys ym mhob cam.
Graffeg Fector vs Graffeg Bitmap
Cyn y gallwch chi uwchlwytho logo eich sefydliad, bydd angen i chi gael copi cydraniad uchel i'w ddefnyddio yn y Golygydd Thema. Yn ddelfrydol, dylech chi ddefnyddiofectordelwedd logo yn hytrach nabitmapdelwedd logo.
- Fectormae delweddau fel arfer yn gorffen gyda.ai,.eps, neu.svgGan eu bod yn seiliedig ar lwybrau, nid picseli, mae delweddau fector yn newid maint yn glir i unrhyw faint. Gellir llusgo neu gludo delweddau fector i feddalwedd golygu delweddau fel Illustrator, Photoshop, a Sketch. Yna gellir eu newid maint heb golli miniogrwydd. I gynnal y gymhareb agwedd, agorwch y ddelwedd mewn rhaglen berthnasol a daliwch yr allwedd Shift i lawr. I'w defnyddio yn y Golygydd Thema, rhaid cadw ffeiliau fector yn y.svgfformat.
- Bitmapmae delweddau fel arfer yn gorffen gyda.jpg,.png, neu.gifMaent yn cynnwys nifer penodol o bicseli. Os byddwch chi'n eu newid maint (yn enwedig pan fyddant wedi'u chwyddo), maent yn aml yn edrych yn aneglur.
Os nad oes unrhyw ffordd y gallwch gael fersiwn fector o logo eich sefydliad, ceisiwch gael y fersiwn bitmap fwyaf posibl—dylai unrhyw beth dros 1,000 picsel o led weithio'n iawn. Y math o ffeil bitmap mwyaf optimaidd yw ffeil PNG (.png), gan eu bod wedi'u cynllunio ar gyfer y we ac yn cadw'r ansawdd gorau. Maent hefyd yn newid maint yn dda ac yn cefnogi cefndiroedd tryloyw.
Llwythiadau Delwedd
Ar ôl i chi gael eich delwedd, gallwch uwchlwytho'ch ffeil i wahanol ardaloedd yn y Golygydd Thema.
Logo Llywio
| Logo ar frig y Ddewislen Llywio Byd-eang (yn cefnogi ffeiliau svg, png, a jpg) Maint a argymhellir:200 x 200 picsel Math o allforio ffeil a argymhellir:PNG Awgrymiadau poblogaidd:
- Pan fyddwch chi'n creu'r ffeil, gadewch rywfaint o badin (o leiaf 10–20px) o amgylch delwedd y logo. Fel arall, bydd yn edrych yn wasgedig yn erbyn ochrau'r prif lywio.
Lawrlwytho ffeil sampl Logo Nav Lawrlwytho templed Photoshop Logo Nav |
|---|
Dyfrnod
| Delwedd gefndir golau sy'n ymddangos y tu ôl i gynnwys y dudalen; mae maint yr arddangosfa yn oddrychol yn seiliedig ar faint y ffeil a uwchlwythwyd Maint a argymhellir:400 x 400 picsel Math o allforio ffeil a argymhellir:PNG Awgrymiadau poblogaidd:
- Yn union fel dyfrnod ar bapur ysgrifennu, bwriedir i'n delwedd dyfrnod fod yncynnilelfen frandio (rydym yn argymell nad yw eich delwedd yn cyferbynnu gormod â chefndir gwyn Canvas) sy'n aml yn cael ei gorchuddio gan elfennau Canvas eraill.
- Mae'r dyfrnod yn gwbl ddewisol. Peidiwch â theimlo bod yn rhaid i chi ei ddefnyddio os nad oes gennych fynediad at ddelwedd sy'n addas.
Lawrlwytho ffeil sampl Dyfrnod Lawrlwythwch dempled Dyfrnod Photoshop |
|---|
Favicon
Eicon Sgrin Gartref Symudol
Sgwâr Teils Ffenestri
| Delwedd ar gyfer y fersiwn sgwâr o deilsen Windows Maint gofynnol:558 x 558 picsel Math o allforio ffeil a argymhellir:PNG Awgrymiadau poblogaidd: - I gyd-fynd yn iawn ag edrychiad a theimlad Windows 8, crëwch eich delwedd mewn gwyn i gyd, a dewiswch liw cefndir bywiog o ganllawiau eich brand.
- Mae angen dimensiynau union ar Windows ar gyfer delwedd a ddefnyddir fel teils Windows. Dylai'r ddelwedd rydych chi'n ei lanlwytho ar gyfer teils Windows fodloni'r dimensiynau union a bennir.
Lawrlwythwch ffeil sampl Sgwâr Tile Windows Lawrlwythwch dempled Photoshop Sgwâr Teils Windows |
|---|
Teils Ffenestri'n Eang
| Delwedd ar gyfer y fersiwn lydan o deilsen Windows Maint gofynnol:558 x 270 picsel Math o allforio ffeil a argymhellir:PNG Awgrymiadau poblogaidd: - I gyd-fynd yn iawn ag edrychiad a theimlad Windows 8, crëwch eich delwedd mewn gwyn i gyd, a dewiswch liw cefndir bywiog o ganllawiau eich brand.
- Mae angen dimensiynau union ar Windows ar gyfer delwedd a ddefnyddir fel teils Windows. Dylai'r ddelwedd rydych chi'n ei lanlwytho ar gyfer teils Windows fodloni'r dimensiynau union a bennir.
Lawrlwythwch ffeil sampl Windows Tile Wide Lawrlwythwch dempled Photoshop Eang Teils Windows |
|---|
Logo'r Bar Ochr Dde
| Logo a ddangosir uwchben y bar ochr dde ar Ddangosfwrdd Canvas Maint a argymhellir:720 x 280 picsel Math o allforio ffeil a argymhellir:PNG Awgrymiadau poblogaidd:
- I gael y canlyniadau gorau, peidiwch ag ychwanegu unrhyw badin o amgylch delwedd y logo a ffiniau'r ddelwedd
- Os oes gan eich sefydliad logo siâp petryalog nad yw'n ffitio'n dda y tu mewn i siâp sgwâr y prif logo llywio, dyma le gwych i'w gynnwys.
Lawrlwythwch ffeil sampl Logo'r Bar Ochr Dde Lawrlwythwch dempled Photoshop Logo Bar Ochr Dde |
|---|
Delwedd Gefndir
| Delwedd ar gyfer y cefndir mewngofnodi Maint a argymhellir:2800 x 2000 picsel Math o allforio ffeil a argymhellir:JPG (gwaith o ansawdd 30–40%) Awgrymiadau poblogaidd:
- Mae'r ddelwedd gefndir sgrin lawn yn gwbl ddewisol. Efallai y byddai'n well gennych liw cefndir syml, heb ddelwedd (a bydd yn sicr yn cymryd llai o amser i lwytho).
- Os yw eich delwedd yn llai na'r maint a argymhellir, bydd Canvas yn ei graddio i fyny; efallai y bydd yn edrych ychydig yn bicseledig.
Lawrlwytho ffeil sampl Delwedd Cefndir Lawrlwytho templed Photoshop Delwedd Gefndir |
|---|
Logo Mewngofnodi
| Logo a ddangosir ar frig y dudalen mewngofnodi Maint a argymhellir:380 x 150 picsel Math o allforio ffeil a argymhellir:PNG (gellir defnyddio SVG ar gyfer defnyddwyr uwch hefyd) Awgrymiadau poeth: - Bydd maint y logo yn eich tudalen mewngofnodi yn cael ei newid i 190 picsel o led, waeth beth fo'r maint.
- Argymhellir y maint delfrydol o hyd i gynnal datrysiad delwedd cryf ar gyfer arddangosfeydd retina a/neu fonitorau mawr. Gall maint llai ymddangos yn aneglur.
Lawrlwytho ffeil sampl Logo Mewngofnodi Lawrlwythwch dempled Photoshop Logo Mewngofnodi |
|---|
Mae modd cael mynediad at yr adnodd hwn hefyd o'r Canllawiau Canvas canlynol: