SVENDEPRØVE 2018 - josefinemadsen.dk · GRAFISK DESIGN | 3 OPGAVEN DI Fødevarer og Landbrug & Fødevarer har skrevet en fødeva-restrategi. Den udgives til politikere og medlemsvirksomhe-

SVENDEPRØVE 2018JOSEFINE AMALIE MADSEN

GRAFISK DESIGN

FØDEVARESTRATEGI WORLD-CLASS FOOD INNOVATION

GR

AFIS

K D

ESIG

N |

3

OPGAVEN

DI Fødevarer og Landbrug & Fødevarer har skrevet en fødeva-restrategi. Den udgives til politikere og medlemsvirksomhe-der og bruges i forbindelse med konferencer og workshops. Startegien er trykt i 3.000 eksemplarer og bruges b.la. også hos Erhvervsministeriet, Udenrigsministeriet og Miljø- og fødevareministeriet.

CMYK 42-2-26-0 Tint: 20%

CMYK 37-9-69-0 Tint: 20%

ARBEJDSPROCES

Målgruppen er erhvervsfolk og politikere. Strategien henvender sig til det blå og grønne segment. Udstrålingen og budskabet i strategien skal være let og moderne og samtidig professionel og læsevenligt.

Jeg har valgt grøn (L&F) og blå (DI Fødevarer) som primære farver.

Den grønne farve udviser intelligens, loyalitet, miljø og håb. Den blå farve udviser tillid, ro, loyalitet og harmoni.

Farverne er brugt i en tint svingende fra 10 – 80 pct. for at opnå et let og elegant udtryk.

Jeg har anvendt DI’s egne fonte DI Serif og DI Sans.

DI Serif har et klassisk udtryk. Serif danner, grundet dens fødder, en læselinje, som gør den mere læsevenlig. Den anvendes i brødteksten.

DI Sans har et moderne og minimalistisk udtryk. Den anvendes på forsiden og i figurer, da den fungerer godt både småt og stort.

Strategien er trykt i Rives Design 350 g. og MultiDesignOriginal-Natural FSC 130 g.

GR

AFIS

K D

ESIG

N |

4

Jeg har valgt at starte strategien med et grafisk opslag. Første rentegning, i forbindelse med korrektur, var et klassisk hierarki, men det passede ikke i stilen til resten af strategiens lette og elegante udtryk.

Det skulle være tydeligt, hvilken kategori de forskellige emner tilhører, samtidig med at det skulle opfattes som en helhed.

SAMMENHÆNG

STAMME

GRENE

BLADE

TRÆVISUELT

SYMBOLERE ET TRÆ

VÆK FRA DET TRADITIONELLE

NEMT AT AFKODE

SAMLET

FARVER

TONER

FARVESKIFT

LETHED

OPDELT

LIGHED

FORBUNDET

ORD TRÆ

Lower environment and climate

impact

Impact of global

sustainable food production

Reduction of energy use

Sustainability and environmentTechnology and development

Financial impactConsumers and customers

Food safety and quality

Jobs and exports

Kundens udkast

1. rentegning

6 World-Class Food Innovation towards 2030

Research and innovation converted into future business opportunitiesIf Denmark is to maintain a competitive food clus-ter, a continued need exists for augmented knowl-edge-driven production. A strong public research sector must focus on translating public research and innovation investment into growth and devel-opment in areas such as health, sustainable and resource-efficient production as well as maintain-ing focus on leveraging the food sector up the value chain. Denmark should continue to position itself as an international hub where large international companies place their R&D investments. However, this requires ongoing joint investments in the exist-ing R&D communities. Furthermore, Danish food research and innovation must be based on a strong international collaboration and focus on talent at-traction and retention.

To succeed, we need to prioritize the limited re-search and innovation resources. Therefore, the food industry and suppliers have identified the fol-lowing six key challenges that can be turned into significant business opportunities, if mastered in the right way:

– Supply of high-quality raw materials in a circu-lar economy

– Products for the global consumer

– Food safety 2.0

– Foods for a healthier life

– Efficient and agile production

– Faster and safer to market through utilization of big data.

In the subsequent chapters, the challenges are pre-sented. This is followed by the food industry and suppliers’ view on enablers within research and in-novation, infrastructure and in relation to talent and education. Investing in pre-competitive public-pri-vate R&D cooperation relative to these enablers will help solve the key challenges, and consequently result in job creation and prosperity not just for the food cluster, but also for the Danish society.

Figure: Investing in joint research and innovation in the food cluster will have a substantial impact.

Increased circular economy

Increased exports and market entries

Feeding a growing world population

Self sufficient feed supply

Healthier population

Increased resource efficiency

Fewer recalls, food crises and less fraudCreation of jobs

Lower environment and climate impact

Rural area development

New technologies and services

Increased supply of raw materials

Minimized food waste

Optimized costs


Connection with consumers and customers

Safe and high quality products

Increased revenue

Faster release time for products

Increased no. of start ups

Impact of global sustainable food production

2 WORLD-CLASS FOOD INNOVATION TOWARDS 2030

Fewer recalls, food

crises and less fraudIncreased

exports and market entries


Optimized costs


Increased no. of start-ups

New technologies and servicesIncreased

resource efficiency

Increased revenue

Safe and high quality

products

Creation of jobs

FIGURE 1Investing in joint research and innovation in the food cluster will have a substantial impact.

Food safety, quality and technology

Jobs and exports

Financial impact

3WORLD-CLASS FOOD INNOVATION TOWARDS 2030

Connection with

consumers and customers


Increased circular

economy



Lower environmental

and climate impact

Feeding a growing world

population

Increased supply of raw

materials

Self-sufficient feed supply

Impact of global sustainable food

production

Consumers and customers

Sustainability and environment


Fewer recalls, food




Optimized costs




resource efficiency

Increased revenue


products

Creation of jobs



Jobs and exports

Financial impact


Connection with



Increased circular

economy



Lower environmental

and climate impact


population


materials



production




Fewer recalls, food




Optimized costs




resource efficiency

Increased revenue


products

Creation of jobs



Jobs and exports

Financial impact


Connection with



Increased circular

economy



Lower environmental

and climate impact


population


materials



production



Loven om forbundethed

Skitser af træet

Loven om fortsættelse Loven om lighed

GR

AFIS

K D

ESIG

N |

5

Afsnittet Forsknings- og innovationsinfratruktur består hoved-sageligt af brødtekst i punktopstilling og ikoner. Kundens ønske var, at en samlet grafik skulle opsummere afsnittet.

Jeg foreslog at forbinde hvert punkt til deres eget ikon. Sammen med konsulenten udarbejdede vi forslag til ikoner til hvert punkt. Punkterne er placeret asymetrisk, så opslaget er i balance. Opslaget giver harmoni, dynamik og liv.

34 World-class food innovation towards 2030

MANUFACTURIN

G

CONSUMPTION & USE

RE

CYCL

ING


Below items cover the relevant infrastructure pertaining to the strategic innovation enablers:

– Maintain and develop state-of-the-art re-search and innovation infrastructure in the area of primary production.

– Maintain the existing level of infrastruc-ture at universities and RTOs to the collab-orative public-private preparedness in case of animal disease outbreaks.

– Establish decentralized bio-refinery facili-ties to, among other things, explore produc-tion of proteins for feed and food as well as

bio-fuels (advanced and conventional). The facilities should be scaleable.

– Develop existing infrastructure at compa-nies, universities and RTOs to characterize quality changes of foods, i.e. changes in the raw materials based on feeding, breeding, management and processing.

– Develop existing infrastructure at compa-nies, universities and RTOs to characterize changes in foods and how components interact on a molecular level. This includes upgrading of NMR facilities, imaging facili-ties and electron microscopy.

Strategien skulle bæres af illustrationer og ikoner. Til inspiration har jeg søgt på:

– Pictogram icons – Flat icons – Outline icons.

Ikonerne er virkelighedstro i både deres udformning og farver.

Food System Elements

Markets & Purchasing

Preparation & Consumption

Resource & Waste Recovery

Food Production

BiomassBio refinery

Distribution & Aggregation

Food Processing

Marketing

Food System Elements

Markets & Purchasing

Preparation & Consumption

Resource & Waste Recovery

Food Production

BiomassBio refinery

Distribution & Aggregation

Food Processing

Marketing

Første rentegning figur s. 3 Anden rentegning figur s. 4


Maintain and develop cohorts for studies since they are a key epidemiological resource from which hypotheses can be formed.

Continue to develop the infrastructure around biobanks, animal experimental and laboratory facilities in relation to clinical research.

Initiate the FOODHAY – Open Innovation Food and Health Laboratory – as described in the Danish Roadmap on research infrastructure. This will be critical to our ability to remain competitive in an area with increased focus from both consumers and customers. The research infrastructure will increase our understanding of the unique links between raw materials, consumer food products and human health.

Loven om nærhedLoven om lighed


Maintain and develop state-of-the-art research and innovation infrastructure in the area of primary production.

Maintain the existing level of infrastructure at universities and RTOs to the collaborative public-private preparedness in case of animal disease outbreaks.

Establish decentralized bio-refinery facilities to, among other things, explore production of proteins for feed and food as well as bio-fuels (advanced and conventional). The facilities should be scaleable.

1

13

12

11

10

9

82

3 6

5

4 7

Kunder og forbrugereVirksomhederFødevarer

Fortsat udviklingLabratoriumDyreforsøg

Mennesker

FremstillingInnovation

TestDigitale produkter

BioteknologiForbindelserFødevarervidenskab

GenerForståelse for procesMolekyler

Fødevareproduktion

MolekylerMikroskopPartikler

BioraffineringProduktionFabrikFødevarer

Dyr FødevarerSygdom

Dyr FødevarerSygdom

DyrProduktionPrimær produktion

TYPOGRAFI & OMBRYDNING

ÅRSRAPPORT TIL DANMARKS FARVE- OG LIMINDUSTRI

TYP

OG

RAF

I & O

MB

RYD

NIN

G |

7OPGAVEN

Danmarks Farve- og Limindustri skal have opsat deres årlige årsrapport. Bogen trykkes i 70 eksemplarer.

Teksten er præ-defineret i Word, og derfor har jeg importeret teksten ind for at bevare definitionerne.

Ved hjælp af de præ-definerede styles, som word har taget med, har jeg oprettet nye Paragraph Styles til de afsnit, der er over-skrevet. Der har jeg brugt Highlight Overrides.

ARBEJDSPROCESS

Inden opstart af mit dokument tilpasses Preferences. Jeg følger DI’s designguide. Jeg har to Masterpages. Mine Margins er udregnet efter mit baseline grid.

TYP

OG

RAF

I & O

MB

RYD

NIN

G |

8

I årsrapporten anvendes der Kontrapunkt i skriftsnittene bold, light og light italic. Fonten er en Slap Serif font, som er karakte-ristiske ved deres tunge og brede seriffer.

Tabellen er formateret med en fast header. Den går automatisk igen, hvis tabellen fortsætter i en ny tekstboks. Jeg har defineret en Cell Style til brødtekst og mellemrubrikker. På den måde behøver jeg kun at ændre Cell Style/Paragraph Stylen.

I brødteksten har jeg anvendt GREPstyle til at formatere TiO2. Jeg har oprettet en Character Style, sat den ned i punktstør-relse og sænket den -2 pt. fra grundlinjen, så den flugter med brødtekstens underlængde. På brødtekstens Paragraph Style opretter jeg en GREPstyle, og baserer den på min Characther Style. Jeg indsætter formlen (TiO)2), så den anvender min Cha-racter Style på to-tallet.

Jeg har justeret optisk forkant på alle afsnit, underafsnit og mellemrubrikker. Jeg har indsat et Hair Space foran det første bogstav og knebet luften, så bogstavet holder register med billeder og brødtekst.

TYP

OG

RAF

I & O

MB

RYD

NIN

G |

9

Hvad nu-boksene er sat ind som Anchored Object for at sikre, at de altid holder samme placering i forhold til teksten. Der er anvendt både Above Line og Custom i Anchored Object Options. Above Line er anvendt med luft 7 mm over og 10 mm under. Custom er sat til at forholde sig til kolonnen og derefter manuelt justeret i y-højden.

Teksten har enkelte fodnoter. Fodnoterne er defineret med to Character Styles og tilpasset i Foodnote Options.

Jeg har med Find/Change indsat et Hair Space før ?,! og :.

Jeg har oprettet en automatisk Table of Content (TOC). Udpunk-teringen er oprettet med en Character Style med et punktum i lead i den tabulator, der rykker sidetallet. Jeg slår Remove Forced Line Break fra, da flere overskrifter går over to eller tre linjer.

Min TOC har en gruppe Paragraph Style tilknyttet.

GRAFIK & BILLEDBEHANDLING

BANNER TIL ÅRSDAG HOS DI ENERGI

GR

AFIS

K D

ESIG

N |

11OPGAVEN

DI Energi holder årsdag og har i den forbindelse booket to oplægsholdere, hvortil de ønsker at bruge dette til at reklamere for konferencen. Der skal tages udgangspunkt i coverbilledet til TirsdagsAnalysen, som sendes på TV2 News.

ARBEJDSPROCES

Jeg har selv fotograferet Peter og Micheal og dem har jeg åbnet i Camera Raw.

I basic-panelet justerer jeg forskellige indstillinger afhængig af billedet. Men fælles for alle tre billeder justerer jeg:

– Lens Profile Correction – Chromatic Abberation

På Peters billede anvender jeg også Reduce Noise og Sharpen.

MichaelEXIF: f/4.0 1/160

ISO 640

Troels

PeterEXIF: f/4.0 1/125

ISO 1000

Billedemateriale

GR

AFIK

& B

ILLE

DEB

EHAN

DLI

NG

| 12

Troels billede er taget mens han går og det kan ses på hans holdning. Jeg gør laget til et Smart Object og anvender Puppet Warp til at ændre hans holdning. Jeg sætter Guides til rette ham efter og holder ham på plads med stifter ved b.la. skuldre.

Jeg anvender to metoder til fritlægning af billederne:

1. Pen Tool til at markere Peter og Michael. Jeg omdanner min path til en markering og bruger Refine Edge til at finju-stre kanten.

2. Jeg dublikerer den mest kontrastfulde kanal og med Apply Image øges kontrasten ydeligere. Herefter finjusteres med Levels. Med en brush sat til Overlay forstærkes markerin-gen. Jeg omdanner den til en maske på laget.

Til retouchering af huden anvender jeg Frequency Separation. Jeg duplikerer mit lag to gange. På det nederste lag tilføjes Gaussian Blur. Jeg vælger en radius, så de fine detaljer er slø-rede. På det øverste lag tilføjes Apply Image. Et nyt lag tilføjes i midten, som er det jeg arbejder på. Jeg anvender Brush Tool og Healing Brush tool.

Før

Efter

1. 2.

GR

AFIK

& B

ILLE

DEB

EHAN

DLI

NG

| 13

Jeg anvender Gradient Map til at farvelægge. Det tilføjer farve i højlys, skygge og mellemtoner.

Dodge/Burn anvendes mørkne/lysne områder. Ved at arbejde i det grå lag kan jeg tilføje både skygger og højlys i ét lag.

Smart Obejct: Jeg kan altid gå tilbage og justere i orginal billedet og udføre ikke-destruktive transformeringer.

Clipping Mask: Den bruger indholdet i et lag til at afmaske lagene ovenover.

Adjustment Layers: Giver mulighed for at arbejde ikke-destruktive og ændre undervejs.

Smart Filters: Kan justere i de filtre jeg ligger på mine Smart objekter.

Inddeling: Giver overblik og samling på mine lag.

Jeg opretter min egen brush med et billede. Med Brush Settings retter jeg den til og gemmer derefter den som en ny brush.

GRAFISK PRODUKTIONSFORSTÅELSE

WEBSITE TIL GLOBAL LEDELSE

GR

AFIS

K P

RO

DU

KTI

ON

SFO

RST

ÅELS

E | 1

5 OPGAVEN

Ledelsesudvikling og Produktivitet ønsker om at få omdannet en bog til hjemmeside. Hjemmesiden skal bruges i forbindelse med lancering af bogen til den årlige SMV konference og til undervisning.

ARBEJDSPROCES

Normalt hoster di.dk alle vores domæner og hjemmesider. Da denne side skal kodes uden for vores alm. CMS system, opretter vi dens eget domæne.

Møde med kunden

Modtagelse af indhold

Wireframes Font valg

Kodning af 1. kapitel

Godkendelse hos afdeling

Kodning af resterende

kapitlerKorrektur

Tilføjelse af ekstra features

SEO og småjusteringer

Siden går online

Bogen er layoutet hos trykkeriet. Derfor skal jeg ikke designe siden fra bunden. For at få et bedre overblik over strukturen på web, laver jeg simple wireframes. De bruges som guide, når jeg går i gang med at kode siden.

Desktop Tablet/mobil

Jeg har benyttet Bootstrap v. 4. Bootstrap er et HTML- og CSS-baseret framework, udviklet til responsivt webdesign. Siden bygges op i et 12-grid kolonne system. Bredden er defineret i small(sm) ≥ 576px, medium(md) ≥ 768 px og large(lg) ≥ 992px

<div class="col-lg-12 to-kolonner">

<div class="col-lg-6 col-md-6 col-sm-12 pr-5"> <div class="col-lg-6 col-md-6 col-sm-12 pr-5">

<div class="col-lg-8"> <div class="col-lg-4 ikondesktop">

<div class="col-lg-8 mx-auto">

<div class=" col-lg-3 col-md-5 col-sm-3 mx-auto">




GR

AFIS

K P

RO

DU

KTI

ON

SFO

RST

ÅELS

E | 1

6

Med media queries har jeg bestemt størrelse og synlighed på hhv. desktop, tablet og mobil. Jeg udvider i forhold til de oprin-delige media queries.

Source Sans ProThe quick onyx goblin jumps over

the lazy dwarf

Jeg har valgt en Google fonten Source Sans Pro som er et godt match til DI's fonte. Fonten er importeret i min css via. @import.

For at forbedre brugeroplevelsen har jeg lavet en ”levende ko-lumnetitel”, der følger med, når brugeren scroller ned på siden. Kolumnetitlen sidder kun på desktop udgaven i to versioner og er styret med media queries.

Baggrund

Header-tekst

Desktop-ikon Mobil-ikon

GR

AFIS

K P

RO

DU

KTI

ON

SFO

RST

ÅELS

E | 1

7

Jeg har anvendt SVG format til logoer, header-ikoner og bag-grunde. Ved at anvende SVG, sparer jeg plads og får skalerbare billeder samtidig med at de står skarpe uanset skærmopløsning.

Jeg anvender analyzeme.dk til at danne et overblik over, om min SEO-optimering virker, og hvad der kan forbedres.

SEO optimering og tilgængelig er vigtige faktorer, når vi i dag kommunikerer digitalt. For at forbedre sidens placering og indeksering i søgemaskinerne har jeg optimeret på:

META – Keywords – Description.

Semantik – Header – Nav – Sections – Footer.

Diverse – ALT-beskrivelser – Titler – Hierarki i teksten.

Figurerne er leveret med en opløsning på 600PPI. Jeg retter dem til 150 PPI, så jeg også tilgodeser skærme med en højere opløsning. Siden er koblet til Google Analytics, så vi løbende kan optimere

siden og se, hvordan brugerne benytter siden.

Documents

SVENDEPRØVE 2018 - josefinemadsen.dk · GRAFISK DESIGN | 3 OPGAVEN DI Fødevarer og Landbrug & Fødevarer har skrevet en fødeva-restrategi. Den udgives til politikere og medlemsvirksomhe-