svendeprØve 2018 - josefinemadsen.dk · grafisk design | 3 opgaven di fødevarer og landbrug &...
TRANSCRIPT
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
Reduction of energy use
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
Faster release time for products
Optimized costs
Rural area development
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
Reduction of energy use
Increased circular
economy
Minimized food waste
Healthier population
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
2 WORLD-CLASS FOOD INNOVATION TOWARDS 2030
Fewer recalls, food
crises and less fraudIncreased
exports and market entries
Faster release time for products
Optimized costs
Rural area development
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
Reduction of energy use
Increased circular
economy
Minimized food waste
Healthier population
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
2 WORLD-CLASS FOOD INNOVATION TOWARDS 2030
Fewer recalls, food
crises and less fraudIncreased
exports and market entries
Faster release time for products
Optimized costs
Rural area development
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
Reduction of energy use
Increased circular
economy
Minimized food waste
Healthier population
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
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
33WORLD-CLASS FOOD INNOVATION TOWARDS 2030
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
36 WORLD-CLASS FOOD INNOVATION TOWARDS 2030
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
33WORLD-CLASS FOOD INNOVATION TOWARDS 2030
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
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.
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.
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">
<div class=" col-lg-3 col-md-5 col-sm-3 mx-auto">
<div class=" col-lg-3 col-md-5 col-sm-3 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.