Spring til indholdet

Design og brand.

Din shops farver, skrifttype og logo i ShopBuilder ai — fra dit BrandStudio eller valgt af dig selv, med kontrastkontrol, så alt forbliver læsbart.

VideoBrug af eget design — og vejen tilbage
På denne side

Designet kommer fra dit BrandStudio

Har du vedligeholdt et brand i BrandStudio ai, overtager din shop det af sig selv: farver, skrifttype, logo, firmaoplysninger, impressum og ikonerne for dine sociale netværk til sidens bundtekst. Ændrer du brandet, følger shoppen kort efter af sig selv; arbejdsbænken viser det, så snart du vender tilbage til den.

Under „Design“ står der så øverst „Design og oplysninger kommer fra BrandStudio“, og hvad der præcist overtages. Farvesæt og logo er låst i denne tilstand. Ville en brandfarve være svær at læse i shoppen, bruger shoppen i stedet sin standard eller sort eller hvid, og boksen nævner den berørte farve.

Angiver dit brand ingen farver, skrifttype eller logo, siger området også det — med vejen ind i BrandStudio.

„Design“ i Café Lumen, hvor shoppen følger brandet: øverst boksen „Design og oplysninger kommer fra BrandStudio“ med knappen „Brug mit eget design“, nedenunder det låste farvesæt, til højre forhåndsvisningen i brandfarverne.
Optagelsen viser den engelske brugerflade.

Brug af eget design — og vejen tilbage

Skal shoppen se anderledes ud end dit brand, klikker du på „Brug mit eget design“. Den nuværende tilstand bliver dit udgangspunkt — intet springer om —, og felterne låses op. Fra da af følger shoppen ikke længere brandet.

Vejen tilbage er „Tilbage til brandet“: Shoppen bærer igen brandet og følger det også, når du senere ændrer det. Dit eget farvesæt lægges imens til side; med „Fortryd: eget design fra …“ henter du det tilbage. Der er præcis ét niveau — det næste „Tilbage til brandet“ erstatter det.

„Design“ i Café Lumen: Ana klikker på „Brug mit eget design“, felterne låses op, og mærket „eget design“ vises; derefter klikker hun på „Tilbage til brandet“, og knappen „Fortryd: eget design fra …“ står klar.Optagelsen viser den engelske brugerflade.
  1. Åbn „Design“.
  2. Klik på „Brug mit eget design“.
  3. Klik på „Tilbage til brandet“ for at vende tilbage.

Farvesæt, egne farver, skrifttype

Under „Farvesæt og skrifttype“ er der otte „Færdige farvesæt“, hver med en passende skrifttype og kontrolleret for læsbarhed. Et farvesæt udfylder fire roller: „Sidens baggrund“, kortenes „Flade“, „Tekst“ og „Accent“ til knapper og links.

Under „Egne farver“ skriver du hver rolle som hex-værdi med seks tegn — #004D40 — eller vælger den med farvevælgeren ved siden af; nedenunder vælger du „Skrifttype“. Et klik på et farvesæt gemmer endnu ikke noget: Formularen siger „Ugemte ændringer“, indtil du klikker på „Gem udseende“.

„Nulstil til standard“ fjerner dine egne farver igen. Shoppen bærer så dit brands farver eller, uden brand, det første af de færdige farvesæt.

„Design“ med eget design: Ana trykker på farvesættet „Sand“, forhåndsvisningen skifter farver, „Ugemte ændringer“ vises, og hun klikker på „Gem udseende“.Optagelsen viser den engelske brugerflade.
  1. Vælg et færdigt farvesæt, eller indtast egne farver.
  2. Kontrollér de tre par under „Læsbarhed“.
  3. Klik på „Gem udseende“.

Læsbarheden beregnes

Under „Læsbarhed“ beregner arbejdsbænken kontrasten for tre par: „Tekst på sidens baggrund“, „Tekst på kort“ og „Skrift på knapper“. Hvert par får et tal og et ord, fra „Meget god læsbarhed“ til „Ikke læsbar“.

Hvert par skal nå mindst 4,5:1, ellers kan farvesættet ikke gemmes, og arbejdsbænken siger, hvilket par der er for svagt. Sådan forbliver din shop læselig for alle, også for mennesker med nedsat syn.

Boksen „Læsbarhed“ med tre linjer, hver med kontrasttal og vurdering, en af dem „Knapt — svært at læse“, nedenunder bemærkningen om, at shoppen ikke accepterer dette farvesæt.
Optagelsen viser den engelske brugerflade.

Logo og undertitel

Logoet vælger du under „Logo“ med „Vælg fra MediaStudio“ blandt dine billeder; det står så øverst på hver side i din shop. Uden logo står navnet der. Ligesom produktbillederne kopieres det ikke: Udskifter du det i MediaStudio, skifter det også i shoppen, og så længe det står i shoppen, kan det ikke slettes dér. „Fjern logo“ fjerner det fra shoppen.

„Undertitel“ er en sætning under din shops navn — „Friskristet i Lissabon“. Den tilhører dig og oversættes ikke; det er fint at lade den være tom.

„Design“ i Café Lumen: Ana klikker under „Logo“ på „Vælg fra MediaStudio“ og trykker på logoet — „Logoet er overtaget.“ vises —, indtaster „Friskristet i Lissabon“ som undertitel og klikker på „Gem“.Optagelsen viser den engelske brugerflade.
  1. Klik under „Logo“ på „Vælg fra MediaStudio“, og tryk på dit logo.
  2. Indtast din sætning under „Undertitel“, og klik på „Gem“.

Forhåndsvisningen

Ved siden af felterne viser en forhåndsvisning din shop, sådan som dine købere ser den: logo, navn, undertitel og et af dine produkter med billede, pris og knap, i den valgte skrifttype. På smalle skærme folder du den ud med „Forhåndsvisning“.

Den er kun en visning — der kan ikke købes noget i den, og intet bliver offentliggjort. Dine købere ser først nye farver, når du har gemt.

Forhåndsvisningen ved siden af farvesættet: sidehoved med logo og „Café Lumen“, undertitlen og et kort „Lumen Blend“ med billede, pris og knap i accentfarven.
Optagelsen viser den engelske brugerflade.

Relaterede vejledninger og næste trin

Lær værktøjet at kende: ⁦ShopBuilder ai⁩

Hjælp os med at forbedre KENJTEC

Google Analytics hjælper os med at forbedre hjemmesiden. Google modtager brugs- og enhedsdata, som kan blive behandlet i USA.

Det er frivilligt. Dit valg gælder i 180 dage og kan til enhver tid ændres i cookieindstillingerne.

Privatlivspolitik