Følgende er Accedo’s anbefalinger til levering af design materiale til hjemmesider. Det er overordnet set et sæt retningslinier, der sørger for at det materiale der leveres bedst muligt kan implementeres i en hjemmeside, omend visse bunder i tekniske betragtninger.

Overholdelse af retningslinerne garanterer ikke vi kan levere et resultat der nøjagtigt svarer til fremsendte design, men det gør det langt mere sandsynligt at resultatet bliver som ønsket.

Accedo kan ikke garantere overholdelse af eventuelle deadlines, hvis alle punkter ikke er overholdt.

• Materialet skal leveres som PSD med de nødvendige lag for at dynamiske elementer kan adskilles. Dvs. menuen skal kunne skilles fra menupunkter osv.
• Dokumentet skal leveres i 72dpi og RGB farver.
• Størrelsen på selve hjemmesiden er op til designeren, men vi anbefaler at man holder sig indenfor ”safe zone” på en 1024x768 skærm. Dette vil typisk betyde 990px i bredden og at indhold som skal være ”above the fold”, dvs. synligt uden at scrolle, placeres ikke længere nede på siden end 600 pixels.
• Materialet skal leveres som bitmap grafik, og IKKE vektor.
  Læs om forskellen mellem vektor og bitmap (Engelsk).
• Hvis der tegnes i Illustrator eller lignende vektor design programmer anbefales følgende:
  • Lav et dokument baseret på ”Web” profilen. Dette sætter PPI til 72 og anvender RGB farve profilen.
  • Lav størrelsen på dokumentet 990x600 pixels. Sørg for ikke at lave designet bredere end dokumentet. Det må gerne være højere, men alt under dokumentet vil kræve scroll for brugeren at se.
  • Slå ”Pixel Preview” til. (View -> Pixel Preview). Herved ses designet som det vil se ud konverteret til et bitmap billede og ikke som et vektor dokument.
  • Slå også ”Snap to Pixel” til (View -> Snap to Pixel). Herved tegner man efter et usynligt pixelgrid hvilket som regel giver pænere linier efter konvertering til bitmap grafik.
  • For at lave en PSD fil vi kan arbejde med kan der tegnes en ramme omkring det aktive område, og derefter kan rektanglet konverteres til et crop area. (Object -> Crop Area -> Make). Herefter kan eksporteres til PSD via File -> Export funktionen. Se figuren for indstillinger:
    
    Herved kan opnås en PSD fil der overholder vores guidelines.
    Det foretrækkes dog til enhver tid materiale lavet i Photoshop, da det er svært at konvertere vektor grafik til bitmap og bevare udseendet korrekt.
• Hvis der skal implementeres en menu med særlig funktionalitet (drop-down, pop-up, tabs eller anden animation) skal denne vises som den skal være på siden, men i en seperat mappe kaldet ”Interactive Elements”. Herved kan webgrafikeren se hvilke elementer der skal være dynamiske og hvordan de skal se ud. Er der særlig animation eller anden avanceret funktionalitet der ikke kan vises i designet bør dette beskrives i et dokument der medsendes designet.
• Hvis der er benyttet særlige fonte som skal bruges skal de medsendes. Særlige fonte dækker som udgangspunkt alle de fonte der IKKE er i nedenstående liste. (Bemærk at udseendet af websikre fonte afhænger lidt af operativ system, da der bruges de fonte der ligger i dette.)
  • Arial
  • Arial Black
  • Courier New
  • Georgia
  • Impact
  • Times New Roman
  • Trebuchet MS
  • Verdana
  • Webdings
• Leverandør af designet skal sørge for at have licens til alt billedmateriale der bruges. Accedo tager ingen ansvar for at sørge for licenser eller udskiftning af stock-billeder.
• Hjemmesider er i sagens natur dynamiske, og noget indhold skal kunne akkommodere varierende mængder tekst eller billedstørrelse. Overvej derfor evt. hvordan elementer skal opføre sig hvis et tekstfelt bliver længere, eller et bredere eller højere billede indsættes.
• Det der bliver leveret er hvad der bliver sat op. Tjek derfor materialet for mangler inden det bliver sendt afsted.