Project 2. Mediacollege Amsterdam

Transcriptie

1 Tibor Kalman Erik Spiekermann Neville Brody Pierre Bernard Adbusters Reza Abedini David Carson James Victore Paula Scher Stefan Sagmeister Project 2 Mediacollege Amsterdam

2 Project Voor wie Globaal tijdspad Diverse onderzoeken Overleg resultaten Project 2 Project 'What design can do!' voor tweedejaars studenten GV periode 2. Onderstaande planning moet je zelf nog verder invullen en verwerken in je persoonlijke planning. Week 11 (14-18 maart) onderzoek naar vormgever; onderzoek naar doelgroep; plan van aanpak en planning schrijven en laten beoordelen; lessen / instructie over diverse media. Week 12 (21-25 maart) concept af hebben en laten goedkeuren; eerste vormgevingresultaten zowel voor print als voor web in schetsvorm bespreken; instructie Indesign, Illustrator, Photoshop, Dreamweaver. Week 13 (28 maart- 1 april) beoordelen project 1 zelfstandig werken aan project 'de Vormgever' Week 14 (4-8 april) bespreken schetsvoorstellen instructie Indesign, Illustrator, Photoshop, Dreamweaver Training Dreamweaver af Uitwerken & inleveren Week 15 (11-15 april) uitwerken toepassing (onder begeleiding) Indesign, Illustrator, Photoshop, Dreamweaver. Week 16 (18-21 april) uitwerken Inleveren alles: cd + brochure en schetsboek: eind week 16. Presentatie Week 17 (26 apr.) Presenteren volgens rooster (dat op Ma-net verschijnt) samen met de posters van het project 'de Letter'. 2

3 Inleiding Leerdoelen Als het goed is ben je inmiddels aardig thuis in de wereld van de typografie. Nu is het tijd om je te verdiepen in het werk van één specifieke vormgever. In deze reader staan achtereenvolgens beschreven: de leerdoelen van dit project; de opdrachtomschrijving; de door jou te maken producten. Aan het eind van project Waht design can do! ben je flink wat vakkennis rijker. Hieronder vind je uiteengezet wat het project jou persoonlijk zou moeten opleveren: je maakt kennis met vormgevers; je kunt vormgeven aan de hand van een concept en communicatieplan; je kunt je creatie realiseren; je kunt je eindproduct motiveren en presenteren. Naast al deze punten is het uiteraard ook de bedoeling dat je plezier hebt in het vormgeven. Opdrachtomschrijving Maak een brochure en een website over een vormgever of studio. De bedoeling is dat je hiervan een karakteristiek portret produceert. Toelichting Toelichting vervolg Om de brochure en de website te kunnen ontwerpen en maken, doe je eerst grondig onderzoek naar de vormgever en zijn werk. N.a.v. dit onderzoek formuleer je je conclusies over de vormgever en zijn werk. Deze conclusie gebruik je als uitgangspunt om een concept te bedenken voor je brochure en website. In de inleiding van de brochure beschrijf je dit uitgangspunt of je conclusies. Dit kan in tekst en beeld. 3

4 Toelichting op printmedia-uiting De tekst in de brochure is in het Nederlands en het Engels, dus wat je gaat maken is 2-talig. Je maakt de brochure voor iemand die werkzaam is in de ontwerpbranche. Je doelgroep is dus werkzaam bij een ontwerpbureau. De brochure heeft een formaat van 20 cm (b) x 24 cm (h). De brochure telt 12 pagina s. Dit is inclusief de omslag. De brochure is er één uit een serie en moet worden gekocht. De brochures zullen per stuk 9,95 euro kosten. De brochure wordt uitgegeven door Stichting Premsela en heeft een ISBN-nummer. Je print de brochure twee keer. Eén voor jezelf en één voor school. Deze wordt gebundeld met de brochures van je klasgenoten en kan als naslagwerk dienen. Te leveren producten Plan van aanpak en planning uitwerking doelgroep; schetsboek (zie voor het schetsboek protocol de reader van het project 'de Letter"); media-uiting (digitaal opgemaakt op CD gebrand én uitgeprint); website (een toelichting vind je op bladzijde 7); drukinstructie. Wat is een brochure? Een brochure is een boekje, veelal in gedrukte vorm, van geringe omvang. Een brochure bestaat - in tegenstelling tot een folder - uit meerdere vellen gevouwen papier, die in de rug bijeengehouden worden door b.v. nietjes. Het aantal pagina's is altijd een veelvoud van vier. 4

5 Digitaal uitwerken Opdracht Jouw media-uitingen zullen, nadat alle schetsfases gereed zijn, digitaal uitgewerkt moeten worden. Hiervoor gebruik je voor jouw klas ingeroosterde lesblokken (let op het rooster). Als de werktekeningen voorzien zijn van de juiste maten mét de tekstgegevens (op overlay) kan er op de computer gestart worden om het eindresultaat te verkrijgen. Eerst zal het schetsmateriaal gecontroleerd en geparafeerd worden voordat je het digitaal mag verwerken. Aan de hand van de schetsen zullen dan pas de mediauitingen op de computer uitgewerkt gaan worden. Zorg ervoor dat vóór je hiermee start, je de juiste afbeeldingen digitaal gemaakt hebt. Als je gaat scannen, let er dan op dat je eerst het uiteindelijke formaat van de foto weet, zodat je bij het scannen het juiste percentage invult. Photoshop is een pixelgeoriënteerd programma waar na het plaatsen in InDesign niet meer vergroot/verkleind mag worden (marge tussen %). Werkwijze Specificaties Het opmaken geschiedt alleen in InDesign CS4. Start met het aanmaken van één document en bewaar dat direct onder de naam: Mijn Vormgever_JeNaam.indd. Maak in InDesign je media-uitingen. Zorg dat als je een afloop kiest, deze dan 3 mm moet zijn. Werk zo veel mogelijk met lagen. 1. Analoge afbeelding scannen, omzetten en bewerken in Photoshop: a. voor full color: menu afbeelding > modus: CMYK-kleuren > daarna bewaren als Fotonaam.tif. b. voor duotone-foto s: menu afbeelding > modus: grijswaarden > duotone > daarna bewaren als Fotonaam.eps. Eventueel verder bewerken naar believen met de mogelijkheden van Photoshop. 2. Voor bewerking in Illustrator kan je rekening houden met het feit dat dit een vector-georiënteerd programma is, waar het naar believen in InDesign vergroot/verkleind mag worden. Maak lettercontouren. Je kan hier gebruik maken van de pantone kleuren (PMS) die bij full color omgezet moeten worden in CMYK. Bewaar het bestand als Illustratienaam.ai om in InDesign te kunnen plaatsen. Denk om de koppelingen!! 5

6 Digitale eisen Specificaties printuitingen Printen Voor de print-uitingen gelden de volgende eisen: afbeeldingen voor print in CMYK (géén RGB); bestandsformaten bewaren als.psd,.tiff of.eps (bij duotone); pixelbestanden met resolutie van 300 ppi; pixel-afbeeldingen mogen binnen de % geplaatst worden; Om goed te kunnen drukken/printen worden er een aantal technische eisen aan een product gesteld. Het is de bedoeling dat je ontwerp ook goed gedrukt/geprint kan worden. Bovenstaande specificaties zijn dan ook nodig om dat te kunnen realiseren. Elke drukpers/printer heeft zijn eigen specificaties/afwijkingen. Hiervoor heeft men Kleurmanagement in het leven geroepen om juiste en voorspelbare producten te kunnen krijgen. We werken daarom met profielen die internationaal afgesproken zijn. Voor elke drukpers/printer kan men een profiel aanmaken waar de afwijkingen in gecorrigeerd worden. Onze kleurenprinter heeft ook zo'n profiel. Kleurprofiel Inleveren Als je gaat printen moet je dus ook dit profiel kiezen. Je doet bij het printmenu > Kleurenbeheer > Printerprofiel > Fogra 27 of 39. Later in het jaar gaan we dieper op Kleurmanagement in. De media-uitingen moeten digitaal Op CD-ROM ingeleverd worden als: MijnVormgever_JeNaam.indd Op de CD-ROM komt te staan: MijnVormgever_JeNaam-map Je media-uitingen moet je bewaren als pakket (met alle gebruikte bestanden (Links) in één map mét de fonts); Plaats een juist gemaakte pdf bestand erbij: Noem deze MijnVormgever_JeNaam.pdf; Map met als naam: website met daarin je website; De CD-ROM is voorzien van een inlegvel dat slaat op je Vormgever-project en is voorzien van je naam en klas. Maak regelmatig back-ups!! 6

7 Website Opdracht Maak een website over de vormgever die je toegewezen hebt gekregen in dit project. De vormgeving is net zoals bij de brochure in de stijl van de vormgever. De site bestaat uit minimaal 3 pagina s. De vormgeving van die pagina s mag gelijk zijn, maar dat hoeft niet. In de trainingen oefen je een methode, waarbij je vanuit Photoshop een website ontwerpt, daar segmenten uit neemt en deze in een Dreamweaver-layout plaatst. De door Dreamweaver geleverde layout wordt naar jouw ontwerp aangepast. Afhankelijk van je ontwerp kun je deze werkwijze volgen. 1. Bedenk eerst welke inhoud je op de verschillende pagina s gaat plaatsen; Je kunt denken aan onderwerpen als de persoon, de ontwerpers van het bureau, de visie, de invloed die dit in de ontwerpwereld heeft gehad en natuurlijk het werk van het bureau of de ontwerper. Bij het ontwerp van de knoppen ga je eerst uit van de knop met de meeste tekst. 2. Wellicht wil je links maken naar webpagina s van andere vormgevers. Daarvoor moet je goed met elkaar overleggen. Kom daar dan tijdig mee!!! 3. Bespreek je ontwerp met Theo om vast te stellen langs welke weg je het beste tot een goed resultaat kan komen. Specificaties Indeling 1. Je ontwerpt voor een schermgrootte van 1024 bij 768 pixels. De breedte van de pagina mag daarom niet breder zijn dan 955 pixels. Ga voor jezelf na of je pagina scrollen mag en houd daar dan rekening mee in je ontwerp; 2. Op elke pagina staan de knoppen, die naar elk van de andere pagina s gaan. Dus als je drie pagina s hebt, maak je minimaal 3 knoppen op elke pagina. Heb je 5 pagina s dan zijn er op elke pagina minimaal 5 knoppen; 3. Afbeeldingen in RGB, 72 dpi en schaal ze in Photoshop, niet in Dreamweaver; 4. De knoppen moeten een roll-over effect hebben; 5. De vormgeving van de pagina gebeurt met CSS; 6. De stylesheet is extern; 7. De site begint op een pagina met de naam index.html; 8. De site en de training worden op N@Tschool ingeleverd; Denk daarbij aan: de map comprimeren tot zip bestand. Deze slepen in de map Showcase op N@tschool. Daar een dossier van maken en dit dossier naar Theo verzenden, waarbij je niet vergeet het VINKJE 'Vrijgeven voor gebruik buiten N@Tschool' te plaatsen; 9. De ongecomprimeerde map van de website op de CD meebranden. 7

8 Mediacollege Amsterdam opleiding Mediavormgever - uitstroomrichting grafisch vormgever Studiejaar: 2011 Project 2: de vormgever Naam: Kerntaak 1: Ontwerpt media-uiting comp. werkprocessen 1.2 maakt plan van aanpak product sub beoordeling wie wanneer toelichting Q O vertaalt het plan van aanpak in (door hem) uit te voeren stappen, de benodigde tijd en de benodigde plan van aanpak en studiecoach eindbeoordeling inzet van mensen en middelen planning 1.3 maakt concept product sub beoordeling wie wanneer toelichting ontwikkelt het concept, bedenkt het communicatie-idee en kiest voor een creatieve invulling van thema, sfeer, emotie, stijl en benaderingswijze, waarbij hij geschikte hulpmiddelen gebruikt om ideeën te vormen concept/schetsboek doc. vormg. eindpresentatie N K verzamelt informatie over de markt/ doelgroep, product/ dienst, organisatie, concurrentie, het schetsboek, brochure en onderwerp, thema en boodschap webpagina vormt zich een beeld op basis van de verzamelde informatie en legt dit beeld vast, vervolgens legt hij conceptvoorstellen en het concept middels trendboards, moodboards en/ of styling cards vast op basis van (goedgekeurd) schetsboek advies aan de opdrachtgever beeld van markt/doelgroep en verantwoordt hierbij de gemaakte keuzes doc. vormg. doc. vormg. eindpresentatie eindpresentatie 1.4 maakt ontwerp product sub beoordeling wie wanneer toelichting S werkt volgens gestelde kwaliteits- en productieniveaus en controleert het resultaat brochure en webpagina in doc. vormg. eindpresentatie de geest van vormgever L gebruikt de hulpmiddelen - waaronder relevante software - met name vormgevings- en brochure en webpagina als doc. vormg. eindpresentatie opmaaksoftware, bij het maken van het ontwerp en de presentatie geheel uiterlijk R overlegt indien nodig met opdrachtgever, collega's en derden over het ontwerp verschillende ideeën in schetsboek schetsen doc. vormg. schetsboekbeoordeling lay-outschetsen K interpreteert het concept voor de media-uiting, hij kiest geschikte (vormgevings-) elementen zoals stijl, brochure: eenheid kleur, beelden, teksten, layout, typografie en productspecificaties, hij houdt hierbij rekening met wet- typo & beeld en regelgeving o.a. op het gebied van auteursrecht, hij maakt een ontwerp waarbij in grote lijnen, middels roughs, layout proeven, prints, e.d., de elementen in samenhang worden weergegeven brochure: typografie (structuur), verantwoordt gemaakte keuzes en maakt de presentatie in de vorm van o.a. layout proef en/ of visual brochure: beeld brochure: kleurgebruik website: eenheid typo & beeld website: typografie website: beeld doc. vormg. eindpresentatie website: kleurgebruik 1.5 presenteert media-uiting product beoordeling wie wanneer toelichting L gebruikt geschikte presentatiemiddelen en gebruikt ze doeltreffend presentatie eindpresentatie V reageert adequaat op reacties en kritiek van de opdrachtgever presentatie eindpresentatie H verantwoordt in het ontwerp gemaakte keuzes met steekhoudende argumenten presentatie eindpresentatie I presenteert de informatie op aantrekkelijke, overzichtelijke, heldere en deskundige wijze en reageert presentatie eindpresentatie adequaat op reacties van de opdrachtgever Kerntaak 2: Realiseert media-uiting comp. werkprocessen 2.1 bereidt realisatie voor product beoordeling wie wanneer toelichting T zorgt er voor dat derden bestanden aanleveren in het juiste formaat en volgens de benodigde kleurmodus CMYK specificaties, zodat de bestanden bruikbaar zijn, vervolgens respecteert hij rechten en regelt toestemming voor gebruik resolutie 300 ppi schalen % kleurmodus RGB resolutie 100 %, niet schalen doc. dig. eindbeoordeling K verzamelt en inventariseert de benodigde materialen en bestanden voor de realisatie en beoordeelt of bestanden op CD doc. dig. eindbeoordeling ze technisch bruikbaar zijn, waar nodig bewerkt hij bestanden (digitaliseert beeld, beoordeelt elementen op geschiktheid voor een bepaalde media-uiuting, past elementen waar nodig aan) 2.3 Maakt de media-uiting beoordeling wie wanneer toelichting S test de werking en/ of controleert de specificaties voor het te behalen kwaliteitsniveau en levert het maakt productie pdf doc. dig. eindbeoordeling bestand aan voor verdere productie of distributie/ uploading L gebruikt relevante software, met name vormgevings- en opmaaksoftware, zodat de media-uiting op de lay-out/tekst in Indesign juiste wijze gemaakt wordt beeld in photoshop illustraties in illustrator tekst selecteerbaar html R K legt de realisatie, in de vorm van soft- en standproeven, ter goedkeuring voor aan de opdrachtgever producten grafische en voert zonodig correcties door technieken maakt en bewerkt tekst- en beeldelementen, o.a. illustraties, foto's (inclusief belichting), past gekozen alineastijlen (vormgevings-)elementen toe, past kleurmanagement toe, brengt specificaties aan, o.a. rasterpercentages, resolutie, compressie, kleurruimte, bestandsformaat, overdrukken, uitsparen, afvlakking en kleurovervul, werkt de structuur verder uit en plaatst hierin de elementen, past waar stramien/grid nodig interactiviteit en gebruiksvriendelijkheid toe, stemt vorm en inhoud op elkaar af afloop doc.gtp tekstafbrekingen tekst op basislijn extern stylesheet rollovers linken werken doc. dig. T 2.5 Beheert database product beoordeling wie wanneer toelichting slaat alle bestanden op in de database conform de geldende afspraken pakket productie pdf naamgeving wesite online op n@tschool Beroepshouding product beoordeling wie wanneer toelichting afspraken nakomen eindbeoordeling op tijd aanwezig plannen en organiseren eindbeoordeling deadline instructies en procedures opvolgen eindbeoordeling inleveren producten 8