Inspiration til brug for udarbejdelse af apotekers hjemmesider

Transkript

1 Inspiration til brug for udarbejdelse af apotekers hjemmesider 1 Inspiration til brug for udarbejdelse af apotekers hjemmesider DECEMBER 2005

2 Inspiration til brug for udarbejdelse af apotekers hjemmesider 2 Introduktion DECEMBER 2005 Dette dokument er udarbejdet som en inspiration til apotekernes hjemmesider. Anbefalingerne skal ikke læses som retningslinjer, men snarere som et anslag der kan hjælpe til at apotekernes profil fremstår konsistent og sammenhængende på tværs af fysiske og virtuelle medier. Skabelonerne er valgt med henblik på at tilbyde en teknisk ukompliceret og tilgængelig ramme, hvor udseendet kan tilpasses de enkelte apotekers behov og præferencer. Hjemmeside-skitserne i dette dokument er fiktive. Billederne er taget fra Kgl. Hof-Apotek, St. Kongensgade i København, hvor prøveopsætningen af det nye skilteprogram blev foretaget.

3 Inspiration til brug for udarbejdelse af apotekers hjemmesider 3 Forside Velkomstsiden kunne byde velkommen med et stort billede af eksempelvis apotekets facade, ansatte, el.lign., og dermed skabe et individuelt udseende, så de enkelte apotekers hjemmesiders er forskellige, men har et slægtskab med resten af identitetsprogrammet. Eksemplet er begrænset til at indeholde billede, venstre navigation, introduktionstekst og åbningstider.

4 Inspiration til brug for udarbejdelse af apotekers hjemmesider 4 Indholdsside Indholdssiden kan opdeles efter et enkelt princip, hvor midterfeltet ville kunne indeholde artikler, produktinformation m.m. Paletten i højresiden kan eventuelt benyttes til links og/eller sekundær information.

5 Inspiration til brug for udarbejdelse af apotekers hjemmesider 5 Oversigt Oversigtssiden kunne bruges til at præsentere lister af artikler, søgeresultat og produktpræsentationer.

6 Inspiration til brug for udarbejdelse af apotekers hjemmesider 6 Liste Det er praktisk at kunne præsentere mange emner på en side. Eksemplet viser hvordan man kan skabe overblik, samt få optimalt udbytte af skærmformatet.

7 Inspiration til brug for udarbejdelse af apotekers hjemmesider 7 Forside / proportioner Siden er et forslag til hvordan man kunne proportionere de enkelte kategorier, så siden er nem at overskue, samt danner slægtskab med æstetikken i det fysiske identitetsprogram.

8 Inspiration til brug for udarbejdelse af apotekers hjemmesider 8 Indholdsside / proportioner På denne side er angivet et forslag til, hvordan elementerne på en indholdsside forholder sig til hinanden

9 Inspiration til brug for udarbejdelse af apotekers hjemmesider 9 Artikelliste / proportioner Her vises et forslag til mål på en side med flere artikler.

10 Inspiration til brug for udarbejdelse af apotekers hjemmesider 10 Navigation Til navigationsmenuen bruges Verdana Regular 11 px. Denne side viser de forskellige markeringsniveauer, så brugeren oplever en reaktion, når de ruller over knapper, trykker på knapper. Besøgte links kunne fremstå i en an- HOVEDMENU I VENSTRE SIDE Ikke valgt menupunkt Verdana Regular : 11 px #4D-4D-4D Roll-over Underline Verdana Regular : 11 px #4D-4D-4D Besøgt link Verdana Regular: 11 px #000 (Black) Valgt menupunkt Verdana Regular: 11 px #FE Undermenu Indryk: 15 px Servicemenu Bruger samme markering som hovedmenuen

11 Inspiration til brug for udarbejdelse af apotekers hjemmesider 11 Typografi / skriftvalg Kategorisering af links, artikler, mm. BODY TEXT Verdana Regular: 11 px Line-height: 16 px #4D-4D-4D OVERSKRIFT 1 Verdana Regular: 11 px Line-height: 16 px #000 (Black) Sættes med store bogstaver Brug: Afsnitsoverskrifter HEADER 2 Verdana Regular: 14 px Line-height: 16 px #000 (Black) Uppercase Brug: Indledende overskrift øverst på siden.

12 Inspiration til brug for udarbejdelse af apotekers hjemmesider 12 Rundede hjørner Rundede hjørner på billeder og tekstkasser udgør et af grundelementerne i identitetsprogrammet. Hjørnernes runding afgøres af logostørrelsen. En lille runding med en radius ca. 4 mm. er generelt at foretrække.

13 Inspiration til brug for udarbejdelse af apotekers hjemmesider 13