Flash Publish settings Dimensions: Percent With: 100 Height: 100

Transkript

1

2 Designmanual Sitet er bygget op i Macromedia Flash MX Professionel De enkelte filer er alle på den medfølgende cd-rom. Alle de grafiske elementer er i selvstændige flashfiler og i hver flashfil er elementet lagt som et movieclip. Der er basisgrafik filer som svarer til de forskellige undersider. Alle filer i flash har de samme publish settings. Flash Publish settings Dimensions: Percent With: 100 Height: 100 Quality: High Window mode: Window HTML alignment: Default Scale: No scale Flash alignment: Horizontal: Center Vertical: Center Grafikelementer I Flash Alle sider på sitet er bygget op efter skabeloner. Der er en skabelon for præsentationssider, en for messageboard og en for backend. De enkelte skabeloner er igen bygget op med samme basisgrafik. Klodens farve og placering og selve hovedet er det, der adskiller enkelte de undersider fra hinanden. designmanual side 1 af 14 sider

3 Basisgrafik for præsentationssider. Grøn klode og grid i hovedet designmanual side 2 af 14 sider

4 Basisgrafik for side med slideshow designmanual side 3 af 14 sider

5 Basisgrafik for side med billedgruppe på 4 designmanual side 4 af 14 sider

6 Baisgrafik for Messageboard Blå klode som er flyttet ind og messageboardhoved designmanual side 5 af 14 sider

7 Basisgrafik for announcement formular designmanual side 6 af 14 sider

8 Basisgrafik for answer formular designmanual side 7 af 14 sider

9 Basisgrafik for Backend Gul klode som er flyttet ind og backendhoved designmanual side 8 af 14 sider

10 BASISGRAFIK Det visuelle design af sitet kan bygges op ved hjælp af de enkelte flashfiler og actionscript. Eller det kan bygges op ved hjælp af timeline. Nedenunder kommer x- og y-koordinaterne, farvekoder, alpha, tint, rotation, hight og width på de enkelte dele. Alt efter hvordan der arbejdes i flash, skal der tages hensyn til elementernes indbyrdes placering (arbejdes der med layers eller arbejdes der med bring to front/bring to back ). Brug screendumps af de enkelte sider til at placere de enkelte objekter i den rigtige layer fordeling. Scenen: W: 752 px H: 416 px Color: HEX: E0E0C8 Framerate: 35 Klode: Præsentation Klode: Messageboard Klode: Backend Meridianer: Rød ramme: Designmanual/flash/klode.fla Color: HEX: CEDAC2 Diameter 432 pixel (108x4) Rotationsvinkel: 25 o Designmanual/flash/klodeback.fla Color: HEX: A0B5C5 Diameter 432 pixel (108x4) Rotationsvinkel: 25 o Designmanual/flash/klodeback.fla Color: HEX: DFD0A2 Diameter 432 pixel (108x4) Rotationsvinkel: 25 o Meridianerne er lagt på som selvstændigt MC Med en opacitet på 20 %. Designmanual/flash/roedramme.fla Color: Hex: FF0000 Vandret: designmanual side 9 af 14 sider

11 W: 752 pixel H: 1 pixel Streg 1: X=0 Y=0 Streg 2: X=0 Y=74 Streg 3: X=0 Y=97.8 Streg 4: X=0 Y=397.4 Streg 5: X=0 Y=416 Lodret: W: 1 pixel H: 416 pixel Streg 1: X=0 Y=0 Streg 2: X=752 Y=0 Grid: Designmanual/flash/grid.fla W=751 H:72 Opacitet: 20 % Hoved: Præsentation Designmanual/flash/hoved.fla Hoved: Messag Board Designmanual/flash/hovedmessage.fla designmanual side 10 af 14 sider

12 Hoved: Back End Designmanual/flash/hovedbackend.fla Int. logo: LISA: Designmanual/flash/ifrclogo.fla Color: HEX: FF0000 W=85 pixel H=46.5 pixel X=18 Y=20 Designmanual/flash/lisalogo.fla Color: HEX: FF0000 X=673 Y=16 Font: Verdana Fontsize: 25 (er udgangspunkt, men der er blevet hevet og trukket meget for at opnå alignment) RCCC: Designmanual/flash/rccc.fla Color: HEX: X=110 Y=16 Font: Verdana Fontsize: 18 (er udgangspunkt, men der er blevet hevet og trukket meget for at opnå alignment) designmanual side 11 af 14 sider

13 Lokalafdelinger: Message Board: Back-End Menu bjælke: Bundbjælke: Bundbilledbort: Designmanual/flash/lokalafd.fla Color: HEX: X=342 Y=18 Font: Verdana Fontsize: 10 (udgangspunkt, men der er blevet hevet og trukket meget for at opnå alignment) Designmanual/flash/hovedmessage.fla X=181 Y=16 Designmanual/flash/hovedbackend.fla X=217 Y=7.1 Designmanual/flash/menubjaelke.fla Color: HEX: D0C4B0 W: 750 pixel H: 18 pixel X=1 Y=77 Designmanual/flash/menubjaelke.fla Her genbruges filen fra menubjælken med en ændring W: 200 pixel X=552 Y=397.8 Designmanual/flash/billedbort.fla W: 557 H: 18 X=0.4 y=397.8 Blyant: Designmanual/flash/pencil.fla W: 36 H: 26.1 X=718 Y=379 Knap i topmenu: Designmanual/flash/menu.fla og designmanual/xml/menuknap.xml designmanual side 12 af 14 sider

14 Font: Verdana Size: 11 Color onrollover: HEX: FF0000 Color onrollout: HEX: Navigationen i menubjælken bygges op af scriptet i menuknap.xml og actionscriptet i menu.fla. Knapperne har placeres med en afstand på 100 pixel. Billederamme: Designmanual/flash/greenframe.fla Rammen bliver brugt rundt om alle billeder. Color: HEX: #D4D0C8 W: pixel H: pixel Alle kombinationer af disse mål bliver anvendt designmanual side 13 af 14 sider