En række eksempler på, hvordan du kan bruge ikoner på din hjemmeside.
Ikonerne finder du via din filliste i mappen "Materialer fra DKM".
Brug eksemplerne til at blive inspireret og danne dig en idé om, hvordan du kan bruge ikonerne på din hjemmeside.
NB: Ikonerne er ophavsretsligt beskyttet og udelukkende til brug på din DKM hjemmeside. De må ikke videredistribueres.
Tre tommelfingerregler, når du bruger ikonerne:
- Vælg én af ikonpakkerne, og brug kun ikoner fra denne pakke, så du undgår et rodet udtryk.
- Brug ikonerne bevidst og med et formål: Brug dem til at fremhæve vigtige ting, som knapper, der peger ind på vigtige undersider, eller til at understøtte tekstafsnit, hvis du ikke har et passende billede.
- Brug dem sparsomt for at opnå det resultat og største brugervenlighed.
I. Elementet ”Kun billeder" med centreret overskrift:
II. Elementet "Billede med overskrift"
Kassens farve anvender den "Grundfarve”, du har valgt under "Udseende".
III. Elementet ”Kun billeder” placeret i en ”Kasse til indhold”
I en kolonneopdeler på 33/66 er der til venstre indsat et alm. tekstelement. I kolonne 2 er kassen til indhold sat ind, så bilen får en farvet baggrund. Et alternativ er at placere både tekst og billede inde i "Kasse til indhold", hvorved begge får baggrundsfarve. (Farven på "Kasse til indhold" vælger du under "Typografi" og fanen "Boks").
IV. Elementet Fokusknapper
Ikoner, tekst, udseende og antal fokusnapper vælges under fanen "Plugin" når du opretter elementet. Fokusknapperne er ikke sat ind i en kolonne, da de automatisk lægger sig ved siden af hinanden.
Se mere om Fokusknapper på s. 20 i manualen
V. 4 x ”Kasse til indhold i 2 x kolonneopdeler 50/50
Til denne opsætning er siden opdelt med en kolonneopdeler 50/50, hvori der er indsat yderligere en kolonneopdeler 50/50 i kolonne 1 og endnu en i kolonne 2. Sådan bliver der plads til at placere fire elementer ved siden af hinanden. Se herunder, hvordan opsætningen ser ud i backend:
Tip til tilpasning af størrelse: Ikonerne i ”Kasse til indhold” er automatisk højere end ”Billede med overskrift”, hvis du stiller dem op ved siden af hinanden. For at gøre billederne lige store, kan man derfor ændre bredden på billedet i ”Kasse til indhold” til 228 px.
VI. Elementerne ”Kasse til indhold samt ”Billede med overskrift” i 2 x kolonneopdeler 50/50
”Billede med overskrift” er automatisk højere end ikonerne i ”Kasse til indhold”. Det kan bruges til at skabe en levende effekt, hvis man vælger 8 knapper og skifter mellem disse to elementer.
Ved 8 knapper skal man have fire kolonner. Billederne tilpasser sig kolonnebredden, så de kan virke meget store, hvis man ikke reducerer pladsen ved at sætte dem ind i kolonner.
VII. "Kun billeder" anvendt i en kolonneopdeler på farvet baggrundsbånd
Baggrunden er det bånd, der er placeret på for- og undersiderne. Farven vælges og redigeres under ”Udseende” og derunder fanen ”Side”. Vælg, hvor på siden båndet skal placeres; om det er på ”Top indhold”, ”Center indhold” eller ”Bund indhold”. Det kan placeres forskelligt på hhv. forsiden og undersiderne.
Læs mere om at indstille det farvede baggrundsbånd på s. 8 i manualen eller i denne artikel
Her i eksemplet er det valgt, at båndet skal vises i ”Center indhold” og farven #DDE6E5 er valgt som baggrundsfarve. I "Center indhold" er indsat en kolonneopdeler 50/50 hvori der er indsat en kolonneopdeler 50/50 i kolonne 1 og yderligere en i kolonne 2. Således bliver der plads til at placere fire elementer ved siden af hinanden.
VIII. "Kun billeder" indsat i 2 x kolonneopdeler 50/50
Kommentarer
0 kommentarer
Log ind for at kommentere.