SVENDEPORTFOLIO // BJØRN NYBORG
|
|
- Elias Ravn
- 7 år siden
- Visninger:
Transkript
1 SVENDEPORTFOLIO // BJØRN NYBORG 1 bjornnyborg.com/svendeproeve
2 Indhold GRAFISK DESIGN TYPOGRAFI OG OMBRYDNING GRAFIK OG BILLEDBEHANDLING GRAFISK PRODUKTIONSFORSTÅELSE
3 Grafisk Design Jeg har lavet grafisk identitet og hjemmeside til min fritidsfreelance virksomhed»bjørn Digital«. Hjemmesiden skal være nytænkende, nem at navigere i, og de vigtigste oplysninger skal altid være synlige. SVENDEPORTFOLIO // BJØRN NYBORG 5
4 #digital_effektivisering Jeg elsker at hjælpe virksomheder med at få en mere effektiv arbejdsgang. Jeg tilbyder en bred vifte af digitale services og kan der igennem hjælpe virksomheder med at få realiseret deres smarte ideer. Eksempelvis har jeg været med til at udvikle systemer til både: lagersyring, dokumentopbevaring og tidsregistrering. Ansvar Jeg har selv haft ansvar for opgaven, da jeg selv er kunden. Jeg har dog haft kammerater fra branchen til at komme med feedback på designet. Idégenerering Inden jeg gik igang med projektet, lavede jeg en brainstorm. Ud fra denne udvalgte jeg de ord, som skulle kendetegne mit design. Specielt delen med at skulle være anderledes, men samtidigt informativt, var noget jeg meget gerne ville ligge vægt på, da jeg vil udstråle, at jeg er ung og nytænkende. Målgruppe Min målgruppe er nytænkende virksomheder, som mangler en til at realisere deres ideer. Professionelt Informativ Responsive webdesign Medievalg Jeg har udarbejdet: Logo, visitkort og hjemmeside. Derved har jeg lagt en grafisk stil igennem både digitale og trykte medier. Men da jeg primært beskæftiger mig med det digitale, vil de trykte mediers hovedformål være at henvise til hjemmesiden. Logo Stilrent Noget man ikke ser hver dag Bjørn Digital Kode Distribution Det færdige resultat kan ses på Kvalitet Webdesign Troværdigt Visitkort SVENDEPORTFOLIO // BJØRN NYBORG 7
5 Farver Typografi Til primær farve har jeg valgt en blå. Dette er for at give et seriøst udtryk som udstråler tillid, rolighed og sikkerhed. Min sekundære farve (og skriftfarve) er en helt mørk grå, som næsten er sort, hvilket giver en let læsbarhed på hvid baggrund, hvilket er blevet brugt i produktet. Dette gør, at teksten er blødere for øjnene at se på, end hvis det havde været en ren sort. Primær farve #083d5d Sekundær farve #222 Som skrifttype har jeg valgt at bruge»roboto Slab«. Det er en serif-font, som er kraftigt inspireret af de groteske skrifter. Dette giver et moderne udtryk, som samtidigt viser seriøsitet og kvalitet pga. fødderne. Jeg har valgt denne, da den passer godt til det jeg ønsker at brandet skal udtrykke. Samtidig kan den både bruges på de trykte og digitale medier. Rubrikker er skrevet i Roboto Slab Bold Brødteksten på siderne er skrevet med Roboto Slab Regular, Bacon ipsum dolor amet bresaola fatback pork chop cow spare ribs. Frankfurter ham spare ribs meatloaf. Prosciutto biltong hamburger tail bacon ham hock. Bresaola shoulder turducken cow. Spare ribs beef shoulder, chicken. Skriftfarven er hvid (negativ) de steder, teksten står på den primære eller den sekundære farve. Billeder Jeg har valgt at give billederne et overlay med min primær farve, for at skabe et meget gennemgående udtryk. Billedetonen er lavet vha. Gradient Map i Photoshop. Tertiær farve #fff Vi er ved at have så høj opløsning på de skærme, vi anvender i dagligdagen, så det problem, der tidligere har været med at læse serif-fonte på en skærm, er nærmest ikke eksisterende længere. Logo Jeg ønskede at lave et logo, som var super simpelt, men samtidigt afspejler, hvad jeg laver, og indeholder og indeholder navnet på mit firma. Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. Google Fonts Billederne, jeg anvender skal udtrykke et moderne og seriøst arbejdsmiljø, samt være et udtryk for kvalitet. Derfor valgte jeg at anvende et sæt Tuborgklammer, som er et symbol på programmering, da de bliver brugt i rigtig mange sprog til at indramme funktioner. Visitkort Til visitkortet har jeg valgt at anvende billedet fra forsiden på hjemmesiden, samt et simpelt logo og slogan. Dette skaber en god sammenhæng imellem det trykte og min hjemmeside. Inspirationen til logoet kom»brackets«logo, som er den kode editor, jeg anvender til dagligt. Jeg har valgt at bruge min primære font i logoet, for at skabe sammenhæng.»bjørn«står med fed. Dette er for at fremhæve, at det er en personlig freelance virksomhed. Brackets SVENDEPORTFOLIO // BJØRN NYBORG 9
6 Koncept Lige nu er hjemmesiden en onepage side, der indeholder grundlæggende information om firmaet, referencer og kontaktoplysninger. Der er dog lavet klar til, at den nemt kan udvides med flere undersider, når der kommer mere indhold til siden. Navigation Jeg har valgt, at den horisontale navigation skal bruges til at navigere rundt på forsiden, hvor de vigtigste informationer findes. Når der kommer mere indhold på siden, kommer»burger-menuen«i brug, hvor man vil kunne finde yderligere info. På mobilen gemmer vi alt indholdet under burger-menuen, for at få en app-feeling når man navigerer rundt på siden. Layout Jeg startede med at layoute hjemmesiden i Photoshop, hvor jeg kom frem til konceptet med, at hver sektion skulle fylde en hel skærmhøjde (med mindre man har en lille skærm, så skal man bare kunne scrolle). Layoutet er sat op efter bootstraps 12 kolonner, så jeg på den måde let har kunne implementere webdesignet i bootstrap, og derved også udnytte frameworkets responsive funktionalitet. Implementering i Umbraco Da hele frontenden var gennemtestet og responsivt, gik jeg igang med at implementere hjemmesiden i Umbraco. Umbraco er mit foretrukne CMS, da det er yderst fleksibelt, og man har 100% kontrol over al koden, der bliver outputtet. IDenne implementering er opsat således, at det er let at tilføje nye kunde cases, nye undersider, samt redigere i indholdet på siden. Udvikling af frontenden Da designet var færdigt, gik jeg igang med at udvikle min HTML/LESS/JS lokalt på min computer. I denne fase sørgede jeg også for, at hele designet var responsivt, og testede på forskellige skærmstørrelser. Kontaktformularen er også opsat til at sende en mail direkte til mig, når den bliver udfyldt. SVENDEPORTFOLIO // BJØRN NYBORG 11
7 Brug af animationer Der er anvendt animationer på siden, de steder, hvor det giver mening. Når man trykker på pilen, der viser videre på siden, bliver man scrollet ned, i stedet for, at man bare»hopper«ned. Når man åbner mobilmenuen, slider den ind fra den side, man åbner, og ud igen, når man lukker. Når man holder musen over»send«knappen ved kontaktformularen, så animerer baggrunden for at illustrere, at den»sender det videre«. Kvalitetsvurdering Kvalitetskontrol Jeg har anvendt forskellige online værktøjer for at sikre, at det tekniske er iorden på hjemmesiden. Billedeoptimering Jeg har optimeret billederne vha. Kraken. io, selvom jeg gemte billeder med»save for web«i Photoshop, så kunne denne service stadig skære 10-25% af billedestørrelsen uden at ødelægge kvaliteten. Det er primært unødvendig meta data den fjerner. Google Pagespeed Hastighed: 99/100 (Sidste point er caching af Google Analytics, det har jeg desværre ikke mulighed for) W3C Validator Min markup bliver valideret uden fejl eller advarsler. Designet som helhed Jeg har bedt flere bekendte komme med deres objektive mening om resultatet, og i den feedback jeg har fået, har nøgleordene været»innovativt, Anderledes, Simpelt, Elegant«. Jeg er rigtig glad for resultatet, da jeg har opnået målet om et anderledes og nytænkende design, der stadig er utrolig enkelt at navigere i og viser de nødvendige oplysninger omkring mig og firmaet på en enkel måde. Rent teknisk er jeg endt med et produkt, som scorer godt i de forskellige tests. Brugeroplevelse: 100/100 SVENDEPORTFOLIO // BJØRN NYBORG 13
8 Typografi og ombrydning Odense Bys Museum ønskede at genoplive projektet»en eventyrrejse med H.C. Andersen«. I den forbindelse skulle der udgives en novellesamling i hardcover med 9 udvalgte noveller af H.C. Andersen. (Opgaven er en skoleopgave) SVENDEPORTFOLIO // BJØRN NYBORG 15
9 Layout Ansvar Jeg har været alene om ansvaret for at få løst opgaven, men jeg har brainstormet sammen med et par klassekamerater. Målgruppe EN EVENTYR REJSE Der var ikke en specificeret målgruppe på opgaven. Dog har jeg valgt at fokusere på den modne læsergruppe, da det tidligere projekt henvendte sig til den yngre. Jeg har derfor forsøgt at ramme et rent og eksklusivt udtryk. Marginer Jeg har sat mine marginer efter ABCD princippet, for at få den optimale sideopbygning. Jeg har anvendt»de lige store søjlers«og»diagonal«-metoderne, for at få placeret mine marginer optimalt. Kolonner I det layout, hvor jeg anvender kolonner, har jeg 8mm luft, for at overholde lov om nærhed ift. mellemrubrikker. Format Kravet til formatet på bogen var 155 x 230 mm Bleed Der er afsat 3mm til beskæring. Baseline grid For at opsætte baseline griddets start korrekt, har jeg taget min margin i toppen og lagt sammen med 2/3 af min skriftstørrelse. Det gav næsten det ønskede resultat. Herefter justerede jeg en smule, så vi endte med at starte ved 22,7 mm. Jeg har været inde at ændre min basic-text-frame style til at sætte baseline efter Cap Height i stedet for Ascent. SVENDEPORTFOLIO // BJØRN NYBORG 17
10 Masterpages Brødtekst Master Page A Basis layout med sidetal og»running Header«. Master Page B Layout til novelle starter. Placeholder til introbillede, samt blå gennemgående grafik. Master Page C Dobbelt kolonnet Layout til fakta opslaget bagerst i bogen. Til brødteksten har jeg anvendt Lora, som er en let læselig serif font. Den har et kunstnerisk islæt i form af detaljer i bogstavernes serifer. Dette passer godt til den kreative H.C. Andersen. Lora er også en open-source skrift. RUBRIK Brødteksten på siderne er skrevet med Roboto Slab Regular, Bacon ipsum dolor amet bresaola fatback. Skriftstørrelse Brødteksten er sat i 10/14pt, da det er en størrelse alle i målgruppen kan læse. Linjeafstanden er i den høje ende, for at øge læsevenligheden, samt for at undgå, at bogen bliver for tung at læse. Rubrikker Rubrikkerne er sat med den stilrene sans-serif»raleway«, som findes i en»thin«udgave. Dette gav det rene udtryk i rubrikkerne, som jeg ledte efter. Rubrikkerne er sat i 22/27pt og alignet til griddet. Jeg har valgt at køre rubrikkerne i allcaps og centreret for at bidrage til det rene look. Raleway er desuden en open-source font, så den er tilgængelig for alle. Linjelængde Linjerne er ca. 65 tegn i brødteksten. Det er en læsevenlig længde, dog lidt til den lange side. Det kompencerer jeg for ved at have lidt højere linjeafstand. Justering Jeg har valgt at sætte brødteksten med fast bagkant for at igen at opnå det rene udtryk, og en god læsbarhed. Afsnitsmarkering Jeg har valgt at køre med luft mellem afsnittende (mellemslag) i stedet for indrykning, for at dele tekst mængderne mere op i spiselige bidder. Underrubrik Denne er dog sat med Lora Italic, for at distancere den lidt fra den egentlige rubrik, da den fungerer som en byline. SVENDEPORTFOLIO // BJØRN NYBORG 19
11 Udligning/justeringer Justering af brødtekst For nemt at kunne lave knipning og spærring af brødteksten, har jeg oprettet to versioner af brødteksten til dette. Udover disse to versioner, har jeg været nødt til at lave en del manuelle justeringer for at få det hele til at gå op. Udligning af rubrikker Jeg har manuelt udlignet rubrikkerne Uncial Første bogstav i hver novelle har jeg valgt at sætte som et unicial. Paragraph stylen er baseret på brødteksten, men med»drop Caps«sat til at spænde over 3 linjer og 2 karakterer. Jeg har herefter justeret først linje ind til unicialet, og efterfølgende 2 linjer er rykket ind med en tab. Indholdsfortegnelse Automatisk indholdsfortegnelse Jeg har lavet en automatisk indholdsfortegnelse, som finder alle rubrikker og kapitler og indsætter disse fra hele min book. Papirvalg og omslag Papir Jeg har valgt et 135g Book papir, hvis bogen skulle trykkes, da det giver en høj kvalitetsfølelse. Figursats På bagsiden har jeg lavet en figursats, som danner en silhuet af H.C. Andersen. Denne er så spejlet som en skygge på forsiden. Dette er lavet som grafisk effekt for at fange en evt. køber, der lige tager bogen op fra boghylden. Afstande Der er på omslaget taget højde for: 3mm nedbrænding og formering 30mm Ombuk 10,2mm Ryg (Beregnet med online beregner) Preflight Jeg har opsat en preflight profil, som jeg har gennemgået alle dokumenterne, i min book, med. Den tjekker for: Missing links Opløsning på billeder min. 300ppi Overset text Missing fonts Missing glyphs Styling med nested styles Jeg har anvendt nested styles til at kunne få det ønskede udseende på min indholdsfortegnelse. SVENDEPORTFOLIO // BJØRN NYBORG 21
12 Eksportering Booken blev eksporteret samlet vha. Indesigns eksporter Book til PDF funktion. Eksporteringen foregik i både i spreads og pages efter instruktioner fra opgavestilleren. Alle billeder blev nedskaleret til 300ppi (hvis de var større). Jeg konverterede dokumentet til Fogra39 farveprofilen med»preserve numbers«, men inkluderede den ikke i PDF en, for at undgå en evt. dobbeltprofilering. Desuden er der tilføjet»all printer marks«, og bleed bliver hentet fra dokumentets indstillinger. Kvalitetsvurdering Jeg er tilfreds med resultatet, da jeg har opnået det ønskede udtryk. Jeg har også overholdt mange typografiske retningslinjer, men stadig fået et resultat, som skiller sig lidt ud fra den gængse bog. Jeg er efterfølgende kommet til at tænke på, at jeg skulle have givet den lidt ekstra indvendig margin, og derved får en lidt kortere linje længde, og samtidig kompensere for nedfaldet i ryggen på bogen. SVENDEPORTFOLIO // BJØRN NYBORG 23
13 Før Grafik og billedebehandling Efter Andersen Furniture skal have lavet et billede hvor, deres møbler indgår i et moderne køkken, til brug i en kampagne. Eksisterende spisebord og stole skal fjernes, og Andersen Furniture møbler skal indsættes. (Opgaven er fiktiv, men baseret på en virkelig opgave) SVENDEPORTFOLIO // BJØRN NYBORG 25
14 Før billeder Fotografen leverede højopløste JPG filer af møblerne, og selve køkken billedet er et stock foto. Ansvar Jeg har selv stået for udarbejdelsen af opgaven, men har fået inspiration fra de andre grafikere på Ørskov gruppens lignende opgaver Målgruppe Andersen Furniture henvender sig til designbevidste personer, som ønsker højkvalitets design møbler. Resultatet skal udstråle kvalitet og stil. Afsender Andersen Furniture Se evt. hele processen som screencast på min hjemmeside: SVENDEPORTFOLIO // BJØRN NYBORG 27
15 Opsætning af dokument Opløsning: 300 ppi Farverum: Adobe RGB (1998) Jeg har behandlet billedet i så stor en størrelse som muligt, for at have en non-destruktiv arbejdsgang, og for at resultatet vil kunne anvendes til trykte medier. Jeg har arbejdet i Adobe RGB farverummet, fordi det er det, min skærm anvender. Så på denne måde opnår jeg størst mulig farvekorrekthed. Desuden arbejder jeg i RGB, fordi det er et større farverum. Efter min retouchering gik jeg igang med at fritlægge de elementer, der skulle anvendes 2). Fritlægningen er udført ved at lave en udvælgelse med pen-tool, og herefter lave en maske på baggrund af denne udvælgelse. Jeg har hele tiden holdt de forskellige elementer i separate filer, for at have en non-destruktiv arbejdsgang. 2a En evt. konvertering til CMYK vil først finde sted ved genereringen af den trykklare fil. 2b Fremgangsmåde Det første, jeg gjorde var at få fjernet det eksisterende bord på stock-billedet 1). Det var en stor udfordring pga. spejlningerne i gulvet, men det lykkedes vha. en masse Content Aware, Clone Stamp Tool og Spot Healing Brush. 1 2c SVENDEPORTFOLIO // BJØRN NYBORG 29
16 Da jeg var tilfreds med fritlægningerne, indsatte jeg de forskellige elementer, som smart-objects, og anvendte transform tools til at justere perspektiverne helt på plads 3). 3a Herefter har jeg maskeret de forskellige møbler, så de fremstår bag planterne. Her har jeg anvendt en brush til at lave masken 4). For at tilføje lidt hjemlighed til køkkenet, lavede jeg et ur til væggen 8). Herefter gav jeg elementerne lidt skygger, så det ser ud som, uret rent faktisk hænger på væggen. Til sidst maskerede jeg min gruppe med uret, så det ser ud til at være bag planterne fra baggrundsbilledet. le punkter der brænder ud på trykte medier, samt jeg har tilføjet lidt ekstra farvemætning for at give lidt mere glød i billedet. Jeg har til sidst været inde og justere hvid balancen så farverne på de hvide låger er helt hvide (dog med et mørkt punkt så de ikke brænder ud). 8 3b 4 For at genskabe lyssætningen fra stockbilledet, på de indsatte elementer, har jeg benyttet mig af dette lille trick: Opret 2 lag, ét til højlys og ét til skygge. Laget til højlys fyldes herefter med 50% grå farve. Det næste, jeg gjorde, var at tilføje skygger og spejlninger. Skyggerne har jeg lavet ved manuelt at male med en blød sort brush, og derefter give laget en lav opacitet 5). 7 Genskinnet fra bordet er lavet ved at spejle bordet ned på gulvet, og herefter tilpasse perspektivet 6). Så har jeg fyldt det med en grå farve. Derefter har jeg lavet en maske på laget, som vha. en gradering toner ud, og så har jeg givet laget noget gaussian blur for at genskabe gulvets forvrængning af spejlningen. Herefter har jeg givet laget Linear Burn og en opacitet på 20% 7). Marker laget, der indeholder baggrundsbilledet, gå til Channels og CTRL+Klik på RGB kanalen. På denne måde udvælger vi højlyset i laget. Kopier det herefter. Vælg laget til højlys som er fyldt med 50% grå, og indsæt din udvælgelse fra RGB kanalen. Herefter sættes lagets Blending mode til Soft light. Gentag step 2, men inverter udvælgelsen, så vi i stedet får skyggerne. Disse indsættes på det tomme lag, vi har oprettet til skyggerne. Blending mode på dette sættes til Multiply 9 De 2 lag flyttes øverst i lag panelet, og opaciteten justeres. 5a 5b På denne måde kan man overføre lyssætning fra et baggrundsbillede til de indsatte elementer 9). Man kan også bruge metoden til at justere kontrasten. 6 Herefter har jeg været inde at farve justere på billedet, så der ikke er nog- SVENDEPORTFOLIO // BJØRN NYBORG 31
17 Kvalitetsvurdering Jeg modtog godt, højopløst materiale fra fotografen, så jeg havde et godt udgangspunkt. Jeg er tilfreds med resultatet, da det fik det ønskede moderne udtryk, samt jeg fik møblerne til at se naturlige ud i køkkenet. Jeg har vist resultatet til andre på kontoret, samt en grafiker ven, og de udtaler at billedet har fået et moderne, stilrent udtryk. SVENDEPORTFOLIO // BJØRN NYBORG 33
18 Guds Fred Grafisk produktionsforståelse Jeg skulle lave hjemmeside og logo for Guds Fred, som er et musikalsk projekt af Thomas Kallehave. SVENDEPORTFOLIO // BJØRN NYBORG 35
19 Idegenerering Udtryk og symbolik Efter at jeg havde aftalt med Thomas, at jeg skulle lave dette projekt, holdt vi et hangout møde. Her snakkede vi en masse om, hvad projektet skulle udstråle, og hvordan vi skulle gøre det. Vi brainstormede, og vi kom frem til, at projektet skulle udtrykke: Ansvar Jeg har haft alt ansvaret for opgaven, men jeg har lavet det hele i dialog med Thomas. Målgruppe Musikken er henvendt den, der søger fred og sindsro, ung som gammel. Afsender Guds Fred v. Thomas Kallehave Rolig/fredlig atmosfære Overskuelig og ikke larmende Stilren Vi vil opnå dette ved at udarbejde et simpelt logo, og så anvende rolige naturbilleder i stor stil på siden. Logo Udviklingen af logoet har været en længere proces med mange skitser, former og figurer. Se produktet på Men efter en lang udvælgelses proces med en masse skitser, kom vi frem til at, det enten skulle være korset eller flammen, der skulle være symbolet i logoet. Vi endte med at vælge den simple flamme. Den forestiller en fyrfadslys-flamme, som oftest forbindes med fred og tryghed. Musikken skal også være med til at lyse i verden. Sidst men ikke mindst, så er korset også et meget mere brugt symbol, og derfor vil det være svært at få særlig meget gengendelsesværdi ud af det. SVENDEPORTFOLIO // BJØRN NYBORG 37
20 Billedestil Billederne er en blanding af billeder, jeg selv har taget, og nogle en veninde har taget med mit kamera på en vandretur. Alle billederne samlede jeg og lavede en photoshop effekt med justeringslag, som jeg kopierede ud på de forskellige billeder, for at få et ensartet udtryk. Frontend udvikling Da vi vidste, hvordan vi ville have hjemmesiden til at se ud, gik jeg igang med frontend udviklingen. Alle design detaljer var endnu ikke på plads, men jeg valgte at starte med udviklingen alligevel, da nogle ting først rigtig kan prøves af, når der er en prototype klar. Med LESS er det muligt at have sit stylesheet modulært opbygget i forskellige filer, men stadig at compile det til en enkelt CSS fil. Fælles for alle billederne er, at jeg har anvendt meget sharpen for at få lidt et»støvet«udtryk. På hjemmesiden har jeg herefter gjort billederne lidt mørkere for at få mere af det rolige/dæmpede udtryk frem. Webdesign Da vi var færdige med at finde udtrykket til projektet, gik jeg igang med at lave et webdesign. Webdesignet er bygget efter, at nemt skulle kunne gøres responsivt, og at der skulle være en mulighed for nemt at kunne høre sangene online samtidigt med, at man kan læse teksterne. Jeg startede med at udvikle frontenden lokalt, hvor jeg anvendte HTML5, LESS (preprocessor til CSS) og Javascript med jquery. Jeg anvendte Brackets som editor, hvor det her er muligt at se ens resultat live, imens man koder. Det sparer rigtig mange vindueskift og sideindlæsninger. Anvendelse af LESS: Her ses forskellige anvendelser af LESS fordele Udover disse fordele, er det også muligt at anvender variabler, mixins og meget andet smart. Det sparer udvikleren for rigtig meget arbejde. Det er også muligt at lave nested styling, altså at definere forskellige properties indeni en anden. Der er siden kommet en del justeringer til designet. F.eks. fandt jeg ud af, at det på mobil er meget mere hensigtsmæssigt at have Menu knappen i højre side, da det er sådan de fleste gør, og fordi det er nemmere at nå, når man betjener mobilen med højre hånd (hvilket de fleste gør). Ovenstående ville blive compilet til: SVENDEPORTFOLIO // BJØRN NYBORG 39
21 Anvendelse af Javascript: For at få en musikafspiller, som virker på alle enheder, anvendte jeg jplayer. På denne måde var det ikke nødvendigt at genopfinde den dybe tallerken. Det medfølgende udseende passede dog slet ikke ind i mit design, så jeg har derfor redesignet hele afspilleren, men anvender stadig samme bagvedliggende Javascript bibliotek. Backend udvikling Jeg har implementeret siden i CMS et Umbraco, som er et Open Source.NET baseret CMS, hvor man kan skræddersy systemet til at passe til ens behov. Anvendelsen af et CMS gør, at det er let at oprette og redigere i indhold på siden. Jeg har selv lavet funktionen, der viser og skjuler tekster på siden, baseret på playerens timeupdate callback. Jeg har f.eks. lavet en funktion, så man let kan tilføje lyrics til sangene på siden. Disse bliver trukket ud og får en data-attribute med det antal sekunder, inde i sangen, de skal fremgå, og dette bliver læst af javascriptet, som skjuler/viser vha. den tidligere beskrevne funktion. Udover dette har jeg skrevet en funktion til Parrallax effekt på baggrunden på tekstsider. Jeg flytter elementerne modsat af den vej, man scroller. På den måde laver jeg en illusion af dybde i billedet. Dette giver en mere interaktiv følelse af siderne, som nemt kan blive uinteressante, når det bare er tekstsider. SVENDEPORTFOLIO // BJØRN NYBORG 41
22 Kvalitetsvurdering Jeg er rigtig glad for resultatet, da vi har ramt den ønskede stemning og udtryk. Og samtidigt har vi fået det sat op således at, det er let at tilføje nyt indhold til siden og redigere i eksisterende. Efter vi fik sat siden op, var der dog nogle ting, som blev ændret. F.eks. fandt jeg ud af, at det var mere hensigtmæssigt, hvis menuen sad i den modsatte side, og at logoet blev indsat øverst til venstre, så man altid havde en genvej til forsiden uden at skulle åbne menuen. Kodemæssigt er siden også blevet af rigtig høj kvalitet, da den er hurtig, valid og struktureret opbygget. SVENDEPORTFOLIO // BJØRN NYBORG 43
23 2016 SVENDEPORTFOLIO // BJØRN NYBORG T: bjornnyborg.com
Typografi og ombrydning
Typografi og ombrydning Odense Bys Museum ønskede at genoplive projektet»en eventyrrejse med H.C. Andersen«. I den forbindelse skulle der udgives en novellesamling i hardcover med 9 udvalgte noveller af
Læs mereGuds Fred Grafisk produktionsforståelse
Guds Fred Grafisk produktionsforståelse Jeg skulle lave hjemmeside og logo for Guds Fred, som er et musikalsk projekt af Thomas Kallehave. 35 Idegenerering Udtryk og symbolik Efter at jeg havde aftalt
Læs mereGrafisk Design. Jeg har lavet grafisk identitet og hjemmeside til min fritidsfreelance. virksomhed»bjørn Digital«.
Grafisk Design Jeg har lavet grafisk identitet og hjemmeside til min fritidsfreelance virksomhed»bjørn Digital«. Hjemmesiden skal være nytænkende, nem at navigere i, og de vigtigste oplysninger skal altid
Læs mereGrafik og billedebehandling
Før Grafik og billedebehandling Efter Andersen Furniture skal have lavet et billede hvor, deres møbler indgår i et moderne køkken, til brug i en kampagne. Eksisterende spisebord og stole skal fjernes,
Læs mereO B T G O M B R Y D N I N G & T Y P O G R A F I N I K O L A J V A N G K I L D E M E D I E G R A F I K E R S V E N D E P R Ø V E 2 0 1 6
O B T G O M B R Y D N I N G & T Y P O G R A F I N I K O L A J V A N G K I L D E M E D I E G R A F I K E R S V E N D E P R Ø V E 2 0 1 6 O P G A V E B E S K R I V E L S E En illustreret novellesamling med
Læs mereOPGAVEN PROGRAMVALG. Jeg har brugt Illustrator til at lave logo og ikoner.
GRAFISK DESIGN OPGAVEN Min kæreste er medstifter af en vinloge. Medlemmerne af logen kunne godt tænke sig et sted, hvor de bl.a. kunne få et overblik over, hvilke vine de har bedømt og hvornår næste loge
Læs mereTYPOGRAFI & OMBRYDNING
TYPOGRAFI & OMBRYDNING BOG OM DÚNÉ OPGAVE: IDÉ: ANSVAR: Ditte Rolighed G. Jørgensen En bog omkring Dúné, med portrætter, turneér, billeder og historie Inspiration ud fra musikmagasiner, men som udgangspunkt
Læs mereH2 Portfolio. Patrick Lindholm-Andersen
H2 Portfolio Patrick Lindholm-Andersen Grafisk design Opgave Opgaven gik ud på at designe et nyt logo til et gammelt fiktionelt bryggeri firma. Da kunden er engelsk har alt kommunikation foregået på engelsk
Læs mereTYPOGRAFI OG OMBRYDNING
TYPOGRAFI OG OMBRYDNING Opgave: Opgaven var at at producere et magasin for ansatte i, og andre med interesse for den grafiske branche. Magasinet skulle indeholde interaktive elementer i form af animation
Læs mereTYPOGRAFI & OMBRYDNING
TYPOGRAFI & OMBRYDNING Årsskrift til Skyum Idrætsefterskole 1 REDEGØRELSE Hvad går opgaven ud på Skyum Idrætsefterskole skal have udarbejdet deres årsskrift, som informere læserne om året der gik. Årsskriften
Læs meregrafisk produktion & workflow
grafisk produktion & workflow OPGAVE At lave en bog til Stilladsarbejdernes Landsklub som hyldede stilladsarbejderne i al deres forskellighed. MÅL At lave en hyldestbog som kunne fjerne fordomme og vise
Læs mereTYPOGRAFI & OMBRYDNING
TYPOGRAFI & OMBRYDNING BOX OFFICE E-MAGASIN Magasin Design http://issuu.com/mads-pj/docs/e-magazine DOKUMENTATION OPGAVE Opgaven jeg stillede mig selv, var at designe et e-magasin omkring Box Office resultater.
Læs mereTypografi og ombrydning
Typografi og ombrydning Dokumentation Svendeprøve Juni 2015 - Pia Søgaard Kunde: Tr apholt Opgave: Magasin om Arne Jacobsen & sommerhuset Programmer: Indesign, illustrator og photoshop Farverum: CMYK OPSTART
Læs mereGrafisk workflow. Se siden her: www.cormas.dk
Grafisk workflow Se siden her: www.cormas.dk Dokumentation 4 Procesbeskrivelse 5 Inspirationssøgning 6 Skitser 8 Layout i Photoshop 9 Farver 10 Font 11 Flowchart 12 Wireframe 13 Storyboard 14 kontakt.html
Læs mere1 - Karen-Louise Fejerskovs Portfolio
1 - Karen-Louise Fejerskovs Portfolio Grafisk Design 3 - Karen-Louise Fejerskovs Portfolio Typografi & Ombrydning Grafik & billedbehandling Grafisk Workflow side 4 side 10 side 16 side 26 Grafisk Design
Læs mereTESLA INC TYPOGRAFI & OMBRYDNING
TESLA INC TYPOGRAFI & OMBRYDNING OPGAVE BESKRIVELSE Dette er en fiktiv opgave.opgaven består af layout og ombrydning af et salgshæfte for Tesla Motors. Afsender Tesla Inc. er en amerikansk elbil- og batteriproducent
Læs mereGrafisk Redegørelse Opgaven Programvalg Kvalitetsvurdering Målgruppe Arbejdsproces Kvalitet Komposition og layout Brugervenlighed
Redegørelse Grafisk Opgaven At redesigne en hjemmeside for AGF fanclub, som har et mere moderne look og et nyhedsarkiv som er let oversskueligt. Hjemmesiden er en opgave jeg selv har stillet mig og kunne
Læs mereGRAFIK & BILLEDER GRAFIK & BILLEDER
GRAFIK & BILLEDER GRAFIK & BILLEDER GRAFIK GRAFISK & BILLEDER DESIGN Programmer Under produktionen af mit magasin, har jeg gjort brug af adobes forskellige programmer, primært Photoshop og InDesign, men
Læs mereDOKUMENTATION 1. HOVEDFORLØB
DOKUMENTATION 1. HOVEDFORLØB GRAFISK DESIGN Design af tørklæde til sportsklub. Skal bruges som reklame og salg til klubbbens medlemmer og fans. Design Rentegning af logo Grafik Klargørin af grafik til
Læs mereTYPOGRAFI OG OMBRYDNING
TYPOGRAFI OG OMBRYDNING Opgaven var her at udarbejde en brochure for virksomheden Fynbo Glas A/S. Det er en engros virksomhed, der sælger glas til byggebranchen. Brochuren skulle bruges som en informationsbrochure,
Læs mereWorkFlow. Svendeprøve Emil Momsen. BeskrivelseN ****** BeskrivelseN ******
Workflow Svendeprøve Emil Momsen BeskrivelseN WorkFlow BeskrivelseN Side - 2 / 8 Arktis Brief Fra kunde Opgave / Indhold Kunden var WWF og opgaven gik ud på at få folk til at blive klar over, hvor alvorligt
Læs mereGrafisk Design. rafisk Design
rafisk Design Svendeprøve 2016 Opgaven I forbindelse med at ReklameTryk ville lancere en webshop skulle vores hjemmeside opdateres. Den skulle fremstå enkelt, lys og nem at navigere rundt på og samtidig
Læs mere1. Hovedforløb. Mediegrafiker - 2015
Af Ditte Vium Overgaard Grafik og billedbehandling 1. Hovedforløb Mediegrafiker - 2015 OPGAVEBESKRIVELSE Der er til alle de fire kernefagligheder taget udgangspunkt, i mit eget lille projekt, med design
Læs mereBilled fra lurzer s archive
GRAFIK OG BILLED Billed fra lurzer s archive Steffen S. jensen 1 Grafik og billed Færdig billed Steffen S. jensen 2 Grafik og billed Dokumentation Puppeteer Detaljer Opgaven Opgaven var inspiration af
Læs mereTypografi. og OMBRYDNING SÅDAN DUFTER MIN DRØMMEKVINDE, DET HAR JEG LÆRT, RASKE PENGE, CLAUS
BEHIM BH 06.06.2016 - kr. 42,50 Typografi og OMBRYDNING CAMILLA VINTER BEHIM SÅDAN DUFTER MIN DRØMMEKVINDE, DET HAR JEG LÆRT, RASKE PENGE, CLAUS JUNI 2016 BEHIM 1 HOLM, MÅNEDENS BABE, TEAM TVILLING, LAKRIDSKONGEN
Læs mereProdukt. Index side GRAFISK DESIGN
Grafisk design Produkt Index side Produkt Underside - kontakt Redegørelse OPGAVEN I forbindelse med valgfag, som jeg tog i København, havde vi lært forskellige nye funktioner, som vi skulle implementere
Læs mere2. HOVEDFORLØB 2016 GRAFIK & BILLEDBEHANDLING
2. HOVEDFORLØB 2016 GRAFIK & BILLEDBEHANDLING KUNDEN POLE FITNESS VEJLE Pole Fitness Vejle (PFV) afholder klubmesterskab den 5/9 15 og skal derfor bruge en plakat til promovering heraf. Målgruppen Primært
Læs mereMÅLGRUPPE Alle typer af boligselskaber, ejer- og andelsforeninger samt div. institutioner (store som små) på Sjælland. Ikke private kunder.
GRAFISK DESIGN KUNDEN PA Vaskeriteknik er en enkeltmandsvirksomhed som startede i 2008. Manden bag er Preben, som gennem 14 års brancheerfaring startede sit eget firma op da han føler at han med sit partnerskab
Læs mereBirgitte Bremholm Persson MG21 svendeprøve 2015 MEDIEGRAFIKERSVENDEPRØVE
Birgitte Bremholm Persson MG21 svendeprøve 2015 MEDIEGRAFIKERSVENDEPRØVE Grafik og billedbehandling Grafik og billedbehandling l 17 Grafik og billedbehandling l 18 Annonce for Euroman 255x298 mm + 5 mm
Læs mereHovedforløb 1 Grafik & Billeder Stine Keller
Typografi & Ombrydning Portfolio Grafisk Design Grafik & Billeder Grafisk Workflow Grafik & Billeder OPGAVEBESKRIVELSE Opgaven går ud på at producere en sammenkopiering af forskellige elementer til en
Læs mereTypografi & ombrydning
Portfolio Hovedforløb 2 Af Siw Lysholt Jørgensen Opgave: Opgaven er selvopfundet og er derfor en nyopsætning. Jeg har lavet en brochure om top 10 seværdigheder på Bornholm, da jeg selv har været på Bornholm
Læs mereGRAFIK & BILLEDEBEHANDLING
GRAFIK & BILLEDEBEHANDLING Forside Beskrivelse Opgaven Jeg vil lave en forside til en brochure. Denne opgave var oprindelig fiktiv, men efter et mindre samarbejde med esport Danmark, vil de gøre brug af
Læs mereTYPOGRAFI & OMBRYDNING
TYPOGRAFI & OMBRYDNING GENNEMGANG AF MAGASIN HVAD GÅR OPGAVEN UD PÅ Opgaven er en fiktiv opgave, som jeg har stillet mig selv, da jeg længe har villet lave et magasin helt fra bunden; hvad skal magasinet
Læs mereXerox. Øvelse med tekst og billeder Nattergalen
Xerox Øvelse med tekst og billeder Nattergalen 1. opsætning af dokument i InDesign: - Klik File > New. I dialogboksen udfyldes indstillingerne som vist herunder. Det er vigtigt, at tage stilling til størrelser
Læs mereGrafik og billedbehandling. NIVEA annonce
Grafik og billedbehandling NIVEA annonce 35 Robbert Rysholt Svendeprøve Juni 2015 Opgaven Jeg fik ide'en til denne opgave, da jeg så det her billede af en NIVEA reklame-installation. Jeg kunne rigtigt
Læs mereGRAFIK & BILLEDBEHANDLING
GRAFIK & BILLEDBEHANDLING INDHOLD Dokumentation.... 3 Procesbeskrivelse.... 4 Photoshop indstillinger.... 5 Anvendt billedmateriale.... 6 Oversigt layers.... 7 Smart Object & Filter.... 8 Fritlægninger
Læs mereAnvendte programmer GRAFIK & BILLEDE. Produkt og målgruppe. Format. Process
Grafik & billede Produkt og målgruppe Til denne opgave, har jeg valgt at lave en fiktiv billedemanipulation. Jeg har valgt at lave en plakat til en parfumereklame. Her har jeg lagt vægt på sammenkopiering
Læs mereTypografi. &ombrydning. Artikel tæt på Fit Living Magasinet. Typografi & ombrydning
Typografi &ombrydning Artikel tæt på Fit Living Magasinet 1 OPGAVEN: Jeg fik til opgave at layoute en artikel om Louise Mieritz til Fitliving nr. 11 / 2015. Derudover skulle jeg booke fotograf, location
Læs mereProduktdoku. Michelle Eistrup Grundforløbsprojekt juni 2011
Produktdoku. Michelle Eistrup Grundforløbsprojekt juni 2011 Afsender Jeg har valgt, at afsenderen skal være Herningsholm Erhvervsskole, da de har et projekt igang, der omhandler motion og trivsel. Hvis
Læs mereGRAFIK OG BILLEDBEHANDLING
GRAFIK OG BILLEDBEHANDLING OCEAN WILD LIFE PLAKAT MARÍ DYRMOSE OPGAVEN Ideen til hele opgaven startede efter, jeg havde set filmen "Ponyo on the cliff by the sea". Jeg var inspireret af scenen, hvor Ponyo
Læs mereTypografi & Ombrydning
Typografi & Ombrydning H2 Portfolio Mette Bonde Ørskov Opgavebeskrivelse OPGAVE Steen Rørvang ønsker at få samlet tekster fra flere forskellige medier til et sammenhængende kompendie han kan bruge i engelskundervisningen.
Læs mereTYPOGRAFI Kunde / Liberté Opgave / 44 sidet Magasin (Fiktiv) Farve / CMYK (RGB Workflow) Programmer / Photoshop, Indesign
1 TYPOGRAFI Kunde / Liberté Opgave / 44 sidet Magasin (Fiktiv) Farve / CMYK (RGB Workflow) Programmer / Photoshop, Indesign Opgavebeskrivelse Magasin til mænd som udgives af herretøjsbutikken Liberté.
Læs mereTypografi & Ombrydning
Typografi & Ombrydning OPGAVEN Opgaven gik ud på at fremstille en årsrapport til CfDP, som er et magasin til samarbejdspartnere, mulige kunder og andre med interesse for virksomhedens beskæftigelser gennem
Læs mereGRAFIK BILLED- BEHANDLING &2. HOVEDFORLØB
GRAFIK BILLED- BEHANDLING &2. HOVEDFORLØB Opgaven I Grafik & Billedbehandling har jeg valgt at vise, hvordan jeg arbejder med forskellige værktøjer i forbindelse med grafik i Illustrator og billedbehandling
Læs mereGRAFISK WORKFLOW. 1 Grafisk workflow
GRAFISK WORKFLOW 1 Opgavebeskrivelse I forbindelse med et nyt online koncept Web in a box skulle jeg lave en Photoshop-skabelon, der kan eksportere materiale til en hjemmeside automatisk. Selve konceptet
Læs meregrafisk design DOKUMENTATION 1. HOVEDFORLØB TRINE BONNESEN
grafisk design DOKUMENTATION 1. HOVEDFORLØB TRINE BONNESEN Opgaven Jeg har lavet nyt logo til Murermester Dennis Sandbæk s firma samt lavet visitkort og brevpapir med det nye logo. Kunden havde før et
Læs merePortfolie Redesign. Forord. Det tekniske. Tema ide. Css. opløsning.
Portfolie Redesign dette er en gennemgang af opbyggelse af mit portfolie, med samtilige begrunderlser af design valg. Forord Min portfolie hjemmeside er fra start af ment som et startplatform og ikke et
Læs mereTypografi og ombrydning
Typografi og ombrydning Dugaard Cattle I dette kernefagområde har jeg udarbejdet et layout til en kogebog for Daugaard Cattle. Daugaard Cattle ville gerne have lavet et layout/udkast til en kogebog, som
Læs mereKernefaglighedsbeskrivelse. Af Ditte Vium Overgaard
Kernefaglighedsbeskrivelse Af Ditte Vium Overgaard Kernefaglighedsbeskrivelse Opgavebeskrivelse VI PRODUCERER FOR DE STØRSTE OG STÆRKESTE BRANDS SKAL VI OGSÅ PRODUCERE FOR DIG? Opgave Jeg blev stillet
Læs mereWORKFLOW & PRODUKTION
OPGAVE Jeg har lavet et fiktiv website for en hundekennel. Det er mit bud på hvordan sådan en eventuelt kan se ud. PROGRAMMER Photoshop Dreamweaver Illustrator WORKFLOW & PRODUKTION KENNEL BISCO Dokumentation
Læs mereTypografi. Magasin for Søndergård Hairdesign
Typografi Magasin for Søndergård Hairdesign 2 01 TYPOGRAFI OPGAVEN Søndergård Hairdesign er en frisørsalon, som ligger inde i Odense Centrum. Udover klipning, håropsætning og påsætning af hårdele, så har
Læs mereMediegrafiker Ida Gustafsson Hovedforløb 1 29 feb - 18 mar
Mediegrafiker Ida Gustafsson Hovedforløb 1 29 feb - 18 mar T ografi Ombrydning Grafisk Design Grafisk Produktion Grafik Billedbehandling T ografi & Ombrydning Opgave// Opgaven gik ud på, at lave et magasin.
Læs mereTYPOGRAFI & OMBRYDNING
TYPOGRAFI & OMBRYDNING OPGAVEN Jeg fi k til opgave af et reklamebureau, at designe et magasin på 4 opslag. Undervejs sendte jeg mine idéer og nogle resultater til reklamebureauet for, at de kunne følge
Læs mereBirgitte Bremholm Persson MG21 svendeprøve 2015 MEDIEGRAFIKERSVENDEPRØVE
Birgitte Bremholm Persson MG21 svendeprøve 2015 MEDIEGRAFIKERSVENDEPRØVE Grafisk produktion og workflow Grafisk produktion og workflow l 12 Pedersholmparken 6 DK 3600 Frederikssund Tlf.: +45 27 57 7164
Læs mereGRAFISK DESIGN. Responsiv website - Mockup
GRAFISK DESIGN I denne fiktive opgave skulle vi skabe et online portfolio til fotografen Sofia. Kravet var en forside, samt en galleri side, og websitet skulle kunne bruges på bade mobil og desktop. Billederne
Læs mereGrafik & billedbehandling. Tina Outzen Søllested 23
Grafik & billedbehandling Tina Outzen Søllested 23 Specifikation Kunde Alzheimerforeningen (fiktiv opgave) Opgave Forsidefoto til brochure Programmer Photoshop, Illustrator Farverum srgb IEC61966-2.1 Format
Læs mereGrafik og. billedbehandling. Helena Schmidt. Mediegrafiker uddannelsen - Svendeprøve
Grafik og billedbehandling Mediegrafiker uddannelsen - Svendeprøve Helena Schmidt Dokumentation Opgave beskrivelse: Opgaven er virkelig. Opgaven var at skabe et image omkring en ny energidrik som skulle
Læs mereDokumentation. Grafisk Design
Dokumentation Dokumentation OPGAVEN: Denne opgave er lavet for en ny opstartet cafe og restaurant i Vordingborg, de skulle derfor bruge et logo som det første og derefter en hel design linje. Deres ide
Læs mereMediegrafiker Dan Klessen 2011. Grafik og billedbehandling
Grafik og billedbehandling Grafik og billedbehandling I denne opgave inden for billedredigering, viser jeg før og efter billede, hvilke værktøjer jeg har brugt og hvad billedet skal bruges til. Billedet
Læs mereTypografi & ombrydning
Typografi & ombrydning Produkt og målgruppe Redesign af Pixlart magasin Universet Pixlart er en digital billedudstilling, beliggende i Øster Vrå i en ombygget kirke. Målgruppen varierer fra udstilling
Læs mereTypografi & Ombrydning
Typografi & Ombrydning OPGAVE Design og opsætning af bog til brug i fritiden og ifm. arbejde. ANVENDTE PROGRAMMER KUNDE Mig selv og Morsø Jernstøberi A/S DATO FOR PROJEKT Maj 2015 MIT BIDRAG TIL OPGAVEN
Læs mereGrafik & Billede. Vektorgrafik
Grafik & Billede Vektorgrafik OPGAVEN Jeg fik til opgave af en kunde at lave et logo. Logoet var til ungøkonomi.dk, der er en online service der rådgiver unge om alle former for økonomi. Sitet hvorpå logoet
Læs mereTypografi og Ombrydning. Kursustilbud på Aarhus Universitetshospital
Typografi og Ombrydning Kursustilbud på Aarhus Universitetshospital Redegørelsen Hvad går opgaven ud på? Denne opgave går ud på at lave kursuskataloget for 2015. Dette blad kommer ud hvert år, men denne
Læs mereTYPOGRAFI & OMBRYDNING. Kenneth Friis Petersen
TYPOGRAFI & OMBRYDNING Kenneth Friis Petersen Kenneth Friis Petersen - Svendeprøve 2015 UNICAL TEXT WRAP Opgavebeskrivelse Ombrydning og layout af lookbook til Nixwear, som er et nyopstartet tøj- og accessories
Læs mereProduktbeskrivelse - Grafisk workflow
Produktbeskrivelse - Grafisk workflow Opgavebeskrivelse Det er en nyhedsmail. De er en ny opsætning Ansvar for opgaveløsning Webadministratoren står for opgavefordeling. Tekst kommer fra salgs og butikslederen.
Læs mereTypograf i & Ombrydning
Typograf i & Ombrydning Brochure til Take5 (Ny opstartet virksomhed) Typograf i & Ombrydning/Dokumentation Opgave Jeg har før lavet en brochure til Take5, men de besluttede sig lige pludselig for at de
Læs mereMARIA SKAU MADSEN SVENDEPRØVE 2015 WWW.BY-M.DK
DOKUMENTATION MARIA SKAU MADSEN WWW.BY-M.DK INDHOLDSFORTEGNELSE OPGAVE BESKRIVELSE.... 5 RESEARCH, HVAD ER FSC?... 5 OPBYGNING AF BUDSKAB.... 5 SPECIFIKATIONER.... 5 CIELAB, RGB OG CMYK FARVERUM... 6 HISTORY....
Læs mere1 SVENDEPRØVE 2016 GRAFIK & BILLEDER GRAFIK & BILLEDER
1 SVENDEPRØVE 2016 GRAFIK & BILLEDER GRAFIK & BILLEDER 2 SVENDEPRØVE 2016 GRAFIK & BILLEDER 3 SVENDEPRØVE 2016 GRAFIK & BILLEDER 3 SVENDEPRØVE 2016 GRAFIK & BILLEDER 01. BRIEFING BILLEDEBEHANDLING 01.
Læs mereGrafisk produktionsforståelse
Grafisk produktionsforståelse Hæftet og målgruppe Udarbejdelse af hæftet Fra skitse til ikon. Historien om VW bussens udvikling fra 1950 til 2016. Hæftet henvender sig til alle med interesse for disse
Læs mereGRAFISK PRODUKTIONSFORSTÅELSE
GRAFISK PRODUKTIONSFORSTÅELSE BRILLIANT BIKINIES WEBSITE MARÍ DYRMOSE OPGAVEN OPGAVEBESKRIVELSE Brilliant Bikini kompagniet skulle have designet og programmeret en website, hvor de kunne præsentere deres
Læs mereTypografi og ombrydning
2. hovedforløb Typografi og ombrydning Julia igaard abrahamsen mediegrafiker, hansenberg DOKUMENTATION Opgave: ( dette er en fiktiv opgave ) En brochure om Odense, hvor man bl.a. kan læse lidt om Odenses
Læs mere1 // Grafisk design. Hjemmesiden før. Kunde. Produkt. Opgave. Målgruppe. Bogforlaget Frydenlund A/S. www.his2rie.dk
Kunde Bogforlaget Frydenlund A/S Produkt www.his2rie.dk Opgave Hjemmesiden før Redesign af hjemmesiden www.his2rie.dk, som ejes af forlaget. Min opgave lød på, at udforme et nyt design til hjemmesiden,
Læs mereGRAFIK OG BILLEDBEHANDLING PORTFOLIO PETER THØGERSEN SVENDEPRØVE 2016
GRAFIK OG BILLEDBEHANDLING PORTFOLIO PETER THØGERSEN SVENDEPRØVE 2016 PORTFOLIO // 2016 Cykeltøjet er af høj kvalitet og er skabt i samarbejde med Bo Hamburger. Hans kendskab til sporten er brugt til at
Læs mereGRAFIK OG BILLEDE. 1 Grafik og Billede
GRAFIK OG BILLEDE 1 2 Opgavebeskrivelse I denne fiktive opgave har jeg valgt at lave artworket til forsiden af et playstation spil. Opgaven er inspireret af et rigtigt playstation spil ved navn Heavy Rain.
Læs mereDokumentation TYPOGRAFI & OMBRYDNING
Dokumentation TYPOGRAFI & OMBRYDNING INDHOLD Opgavebeskrivelse:... 3 Specifikationer:... 3 BRUGTE ELEMENTER... 3 Inspiration/moodboard:...4 Oprettelse af dokument... 5 Margin & Spalter... 5 Masterpages
Læs mereGRAFIK OG BILLEDBEHANDLING. Fantasy
GRAFIK OG BILLEDBEHANDLING Fantasy AFSENDER ANSVAR FOR OPGAVELØSNING Jeg har haft ansvaret for opgaven, da den er fiktiv. OPGAVEBESKRIVELSE Opgaven er gået ud på at skabe et billede med et stærk budskab
Læs mereGRAFIK OG BILLEDBEHANDLING SVENDEPRØVE Dorte Damsgaard Larsen
GRAFIK OG BILLEDBEHANDLING SVENDEPRØVE Dorte Damsgaard Larsen OPGAVE 3D-mapping af design til sengelinned Gaveæske med billede af sengelinned Plakat med gaveæske Udstilling af gaveæske og plakat i butik
Læs mereMålgruppe Mayday Ghana
Dokumentation Hjælpeorganisationen Mayday Ghana med sloganet bortskaf e-skrot vil belyse problemet med e-skrot i Ghana og få folk til at forstå alvoren og konsekvensen af dumpingen. Som sloganet siger
Læs mereBettina Andersen M ED I E G RA F I K ER. 2. Hovedforløb
Bettina Andersen M ED I E G RA F I K ER 2. Hovedforløb Indholdsfortegnelse Grafisk design...3 Proces... 4 Inspirationssøgning... 4 Skitsering... 5 Rentegning.... 6 Typografi & Ombrydning..........................................
Læs mereTidsplan...3 Afgrænsning 1.1...4 Research...5 Idégenerering...6. Logo 1.1...8 Logo 1.2...9. Logo 1.4... 12. Farver... 11
Tidsplan.... Afgrænsning.....4 Research...5 Idégenerering....6 Navn / identitet...7 Logo.....8 Logo....9 Logo.... 0 Farver.... Logo.4... Merchandise..... Brochure.... 4 Brochure..... 5 Brochure..... 6
Læs mereGRAFISK DESIGN. Hjemmeside
GRAFISK DESIGN Hjemmeside AFSENDER Dansk design ANSVAR FOR OPGAVELØSNING Jeg har haft ansvaret for at opgaven er blevet løst, og at den har overholdt de krav som jeg selv har stillet til den skal opfylde,
Læs mereGrafik og billedbehandling
Grafik og billedbehandling Kunde: Apple Opgave: Beats by Dr. Dre er et mærke af hovedtelefoner. Mærket blev købt af Apple i 2014, men var tidligere ejet af Dr. Dre, der er en amerikansk pladeproducer,
Læs mereMARIA SKAU MADSEN SVENDEPRØVE 2015 WWW.BY-M.DK
DOKUMENTATION MARIA SKAU MADSEN WWW.BY-M.DK INDHOLDSFORTEGNELSE OPGAVE BESKRIVELSE.... 5 RESEARCH.... 5 DESIGN.... 5 SPECIFIKATIONER DET TRYKTE MEDIE.... 5 NUVÆRENDE IDENTITET... 6 PRIMÆR OG SEKUNDÆR MÅLGRUPPE....................6
Læs mereGRAFISK PRODUKTION & WORKFLOW. Endotest website
GRAFISK PRODUKTION & WORKFLOW Endotest website DOKUMENTATION OPGAVEN: Endotest ApS ønskede at redesigne deres hjemmeside, så den fremstår mere professionel og enkel. Derudover skal det nye site præsentere
Læs mereGRAFIK & BILLEDER. Marc Jacobs Daisy parfume annonce
GRAFIK & BILLEDER Marc Jacobs Daisy parfume annonce PROCESSBESKRIVELSE Beskrivelse af fremgangsmåde for Marc Jacobs Daisy Dream annonce. Opstart 01. Brainstorm. 02. Research, filsøgning, idégenerering
Læs mere2// Typografi og ombrydning
// Typografi og ombrydning Kunde Forfatter John Aasted Halse Produkt En trykt bog på 19 sider i en farve + sort. Papirtype: Munken Polar (uncoated papir) Farveprofil: Fogra 9 Trykkeri: AKA Print, Tilst
Læs mereSabine Puk Sørensen Svendeprøve portfolio
Sabine Puk Sørensen Svendeprøve portfolio 2016 Typografi & ombrydning Svendeprøve Kvalitetsvurdering Den færdige bog er overskuelig og læsevenlig, på trods af at den skulle sættes op på så få sider som
Læs mereTYPOGRAFI OG OMBRYDNING. skud på stammen 2014
skud på stammen 2014 Skud på stammen 2014 Opgavebeskrivelse Skud på Stammen handler om dansk og nordisk møbeldesign. Det er et 4 ugers forløb hvor de bedste designere, får deres værker fremstillet af elever
Læs mereTYPOGRAFI OG OMBRYDNING
TYPOGRAFI OG OMBRYDNING INFORMATION OM OPGAVEN OPGAVE: Fiktiv opsætning af en novelle i form af et hæfte. KUNDE: Forlaget Herning. DATO FOR PROJEKTET: Maj 2014. MIT BIDRAG TIL OPGAVEN: Jeg har lavet opsætningen.
Læs mereTypografi & ombrydning
BASELINE Magasin lavet til magasindesignprojekt. Uddrag fra magasinet Uddrag fra magasinet Opgaven Opgaven gik ud på at lave et fagmagasin om grafisk design. Al tekst var bestemt på forhånd, og billederne
Læs merePORTFOLIO TYPOGRAFI & OMBRYDNING
PORTFOLIO TYPOGRAFI & OMBRYDNING Typografi & Ombrydning DOKUMENTATION Opgave beskrivelse Kunden ønsker at få en simpel bruchurer, som han kan dele ud i klubben. Han kunne godt tænke sig i denne brochure,
Læs mereGrafik & billedbehandling
# 3 Grafik & billedbehandling #Billedbehandling af modeller Opgave I denne opgave har jeg redigeret hudtoner, tilføjet skarphed, kontrast og mere tegning i de mørke toner, samt lavet en fritlægning. Selvom
Læs mereTYPOGRAFI & OMBRYDNING OPGAVEBESKRIVELSE. 12 TIPS Til at finde det perfekte billede på nettet
TYPOGRAFI & OMBRYDNING OPGAVEBESKRIVELSE Jeg har samlet en række hjemmesider, hvor man som bruger har mulighed for enten at downloade billeder gratis eller købe dem. Har undersøgt markedet for hvor mange
Læs mereTYPOGRAFI & OMBRYDNING
TYPOGRAFI & OMBRYDNING OPGAVE At lave en flyer med prisliste til en neglesalon (Nailstudio). OVERVEJELSER - Hvilken målgruppe skal flyeren henvende sig til? - Hvilke informationer skal flyeren indeholde?
Læs mereRedegørelse. Curves Kontrast Skygge Lysjustering Skarphed
Redegørelse Opgaven Jeg har valgt at finde flere forskellige billeder som sammenkopieres og gøres naturligt med et nutidigt look. Jeg har valgt elementer som både udfordrer mig og som kunne være en opgave
Læs mereGRAFIK & BILLEDBEHANDLING. Billedbehandling og samkopieringsopgave for en bryllupsfotograf. Design af mønster til bryllupstakkekort.
GRAFIK & BILLEDBEHANDLING Billedbehandling og samkopieringsopgave for en bryllupsfotograf. Design af mønster til bryllupstakkekort. OPGAVEBESKRIVELSE En bryllupsfotograf kontaktede mig privat med en sammenkopieringsopgave.
Læs mereGRAFISK PRODUKTION OG WORKFLOW. Hjemmeside til Team Brügger
GRAFISK PRODUKTION OG WORKFLOW Hjemmeside til Team Brügger DITTE MADSEN - SVENDEPRØVE - 2015 KUNDEPROFIL Team Brügger er en frisørsalon i Aars. Indehaveren Gitte Brügger startede salonen op sammen med
Læs mereGRAFISK DESIGN. Diner no. 34 Hjemmeside + Visuel identitet
GRAFISK DESIGN Diner no. 34 Hjemmeside + Visuel identitet Diner no. 34 9 Opgavebeskrivelse Fiktive opgave. Redesign af visuel identitet og design af ny hjemmeside. Materialet skal skabe et genkendeligt
Læs mereGrafisk workflow. Svendeprøve Juni 2015 - Pia Søgaard
Grafisk workflow Dokumentation Svendeprøve Juni 2015 - Pia Søgaard Kunde: LASTAS Opgave: Magasin Programmer: Indesign, illustrator og photoshop Farverum: CMYK OPSTART Vi fik til opgave at lave et magasin
Læs mere