styleguide Albert Slow Styleguide

Maat: px
Weergave met pagina beginnen:

Download "styleguide Albert Slow Styleguide"

Transcriptie

1 styleguide 1

2 Inleiding Albert Heijn wilde voor de ipad app Albert Slow een ontwerp dat echt aansprekend en wervend is zonder dat gebruiksvriendelijkheid en informatie voorziening in het gedrang zou komen. Ze stonden open voor nieuwe ideeën. De relatie met het bestaande beeldmerk diende behouden te blijven al was er ruimte voor een eigen interpretatie. Zuiver, smaakvol, vooruitstrevend zijn een aantal van de design trefwoorden waarmee gewerkt diende te worden. Concurrenten van de app werken veelal met ambachtelijke ontwerpen en zijn niet vooruitstrevend. Men begint steeds meer te accepteren dat de fysieke wereld niet verwerkt hoeft te worden in het ontwerp van apps en websites. Daarom is er bij het ontwerpen van deze app gekozen voor het zogenoemde flat design. Kenmerken van een flat design zijn het ontbreken van gradiënts, schaduwen en andere aandachttrekkende details. Een heel minimalistisch ontwerp dus. Hierdoor ontstaat er een rustig, makkelijk lees- en bekijkbaar beeld. Inhoud komt tot zijn recht en zal centraal staan, in plaats van ondergeschikt te zijn aan het ontwerp. Hiermee onderscheidt het ontwerp zich van de concurrentie en sluit het aan bij de design trefwoorden; zuiver, smaakvol en vooruitstrevend. De app is in eerste instantie ontworpen voor retina ipad schermen. Door alles 50% te schalen, kunnen deze ontwerpen ook gebruikt worden voor de ipad 1 en 2 die nog geen retina scherm hebben. De maten die aangehouden zijn in deze styleguide gelden voor retina ipad schermen. 2

3 Inhoud Albert Slow Logo Icoon voor App Store Kleurenschema Typografie Typografie toegepast Grid Grid toegepast Buttons & iconen Fotografie Naamgevingssysteem assets

4 Albert Slow Logo Logo Het logo voor Albert Slow bevat het bestaande beeldmerk van Albert Heijn waarin slow schuingedrukt staat. De gebruikte typeface is hetzelfde als die van het Albert Heijn logo, namelijk Frutiger LT Std. Het logo moet genoeg contrast hebben ten opzichte van de achtergrond. Opbouw Variaties 4

5 Icoon voor App Store Het icoon voor in de App Store is een kookboek met daarop het beeldelement van het Albert Slow logo. 5

6 Kleurenschema Hoofdkleuren Container body, tekst en iconen op buttons Menubalk, tabs Buttons, geselecteerde iconen Menu, naast andere grijs/blauw #ffffff #2d3e50 #dd5561 #ffffff R255 G255 B255 R46 G61 B80 R222 G85 B97 R255 G255 B255 C0 M0 Y0 K0 C84 M69 Y47 K39 C9 M82 Y55 K0 C83 M66 Y43 K29 Secundaire Kleuren - Te gebruiken bij selectie 100% 10% #474b5f R71 G75 B95 C75 M67 Y43 K28 100% 10% #fceeef R254 G238 B237 C0 M7 Y3 K0 6

7 Typografie Montserrat Regular aabbcc ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz,;.-?!=-* Montserrat Bold aabbcc ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz,;.-?!=-*

8 Typografie toegepast Bodytekst: Montserrat Regular 0.95em #2d3e500 met lineheight van 1.25em Belangrijkste tekst op afbeelding Montserrat Bold 3.1em #2d3e500 of #fffff in hoofdletters Kopjes: Montserrat Bold 0.95em #2d3e500 Overige tekst op afbeelding Montserrat Bold 1.2em #2d3e500 of #fffff Buttons en navigatie: Montserrat Bold 1.2em #fffff Grote buttons: Montserrat Bold 2.45em #fffff... van de dag recepten of producten in hoofdletters om op te laten vallen 8

9 Grid Het grid voor de Albert Slow ipad app bestaat uit gebieden van 128 pixels breed en hoog. Omdat er gekozen is voor een statusbar bovenin, komen deze gebieden in de hoogte niet precies uit. Er blijft in de app altijd wat vrije ruimte over door bijvoorbeeld fotografiegebruik en containers, dus dat is gemakkelijk op te lossen. 128px 128px 9

10 Grid Bij het grid is rekening gehouden met het omzetten naar verticaal. Het zijpaneel waar onder andere een submenu en extra informatie te vinden is, is altijd rechts en heeft een breedte van 512 pixels. Het overgebleven gebied links, is precies de breedte van de app verticaal (1534 pixels). 512px 10

11 Grid toegepast 11

12 Buttons & iconen De buttons zijn altijd hoekig en opvullend met daarop waar mogelijk een (wit) icoon eventueel aangevuld met tekst. De buttons zijn altijd minimaal 128 pixels breed en hoog en vallen precies in het grid. Bij aanraking veranderd de button van kleur; van rood naar blauw/grijs of andersom. Bij selectie van een tab, krijgt de button de selectiekleur met daarop het icoon in het rood en een balk met pijl aan een zijkant. Als buttons van dezelfde kleur elkaar raken, komt er een 1 pixel brede grijs/ blauwe of witte lijn tussen met een transpirantie van 25%. Social media buttons zijn altijd 128 pixels breed en hoog met de kleur van de desbetreffende social media. Daarop staat het logo icoon in het wit. 12

13 Buttons & iconen toegepast 13

14 Buttons & iconen In contrast met de rechthoekige buttons hebben iconen een ronde uitstraling, op een iconen met alleen maar rechthoeken na. De iconen zijn minimalistisch en monotone. Waar mogelijk krijgt de icoon een glans -strookje. Door deze elementen krijgen de iconen iets onderscheidends mee en zijn ze consistent. De grootte van de iconen hangt af van de grootte van de button waarin de icoon staat. Bij een buttonhoogte van 128 pixels krijgt het icoon een maximale hoogte of breedte van 60 pixels. Bij een buttonhoogte van 256 pixels krijgt het icoon een maximale hoogte of breedte van 80 pixels. Bij receptenzoeker met 3 kolommen krijgt het icoon een maximale hoogte of breedte van 150 pixels. Bij receptenzoeker met 2 kolommen krijgt het icoon een maximale hoogte of breedte van 250 pixels. 14

15 Buttons & iconen toegepast 15

16 Fotografie De foto s die gebruikt worden in de Albert Slow ipad app zijn net als het ontwerp zuiver, smaakvol, vooruitstrevend. Het zijn professonele foto s die fris ogen. De foto hoeft niet altijd netjes en strak: koken is mensenwerk en soms wat chaotisch. En dat geldt ook voor het snijden, hakken en raspen van de ingrediënten. Het is daarom realistisch als er eens wat naast het bord ligt. Zo wordt de foto levendiger en real-life. Laat waar mogelijk het rood van de huisstijl er zo veel mogelijk uitspringen, zonder het nep eruit te laten zien. Het onderwerp van de afbeelding mag nooit verstopt zijn achter een button. Afmetingen van de afbeeldingen verschillen per pagina. De foto s moeten de overgebleven ruimte opvullen, het liefst zo groot mogelijk. Hier een aantal afmetingen per pagina: Homeslider Home... van de dag Receptresultaten 1 Receptresultaten 2 Recept & product Boodschappenlijst & winkelmand thumbnails Anderen bekeken ook afbeeldingen 1536px x 984px 512px x 492px 2048px x 1496px 512px x 278px 1536px x 856px 128px x 128px 256px x 192px 16

17 Naamgevingssysteem assets De assets mogen geen kapitalen en spaties bevatten. Gebruik in plaats van een spatie een underscore. In de map all images staan alle Photoshop en Illustrator bestanden. In ipad klaar staan alle logo s, afbeeldingen en iconen gebruiksklaar voor retina en non-retina ipads. Het onderscheidt tussen retina en non-retina wordt gemaakt door bij retina toe te voegen achter de naam. Een aantal elementen worden door de gehele app meerdere malen gebruikt en zijn in een aparte map geplaatst. Deze elementen zijn: Header, Menu, Social Media en Video. De overige mappen zijn de verschillende pagina s met daarin alle afbeeldingen die aangegeven worden met image_naam.jpg en iconen die aangegeven worden met icoon_naam.png. Tabjes worden aangegeven met tab_select_ omgeving.png. Op de homepagina staan bewerkte plaatjes in de carrousel, die worden aangegeven met carrousel_naam.jpg. Bij de receptenzoeker zijn meerdere tabjes waarin veel iconen staan die allemaal in een aparte map zitten om overzicht te behouden. Bij receptresultaten zijn twee resultaat mogelijkheden mogelijk. Deze twee zijn onderverdeeld in twee mappen. 17

Inhoudsopgave. Styleguide Bewust. Pagina 2

Inhoudsopgave. Styleguide Bewust. Pagina 2 Huisstijl Inhoudsopgave Inleiding Logo Logo gebruik Logo misbruik Logo app Kleuren Typografie Grid Beeld gebruik Beeld misbruik Beeld toepassing Buttons & iconen 3 4 5 6 7 8 9 10 11 12 13 14 Pagina 2 Inleiding

Nadere informatie

Web. TU Delft. Huisstijlrichtlijnen

Web. TU Delft. Huisstijlrichtlijnen TU Delft Web TU Delft Huisstijlrichtlijnen Index 1 Broodtekst 2 Titels 3 Template homepage 4 Template vervolgpagina s 5 Hoofdmenu 6 Submenu 7 Headers 8 Tabblad 9 Tabblad varianten 10 Tabblad nieuws / agenda

Nadere informatie

Dennis Wagenaar 19-04-10 v 1.0

Dennis Wagenaar 19-04-10 v 1.0 Ontwerprapport Save Energy Leiden Dennis Wagenaar 19-04-10 v 1.0 Inhoudsopgave Inleiding...4 1 Grafisch Ontwerp...5 1.1 De website...5 1.2 Header...6 1.3 Menu...6 1.4 Content...7 1.5 Grafieken...7 1.5

Nadere informatie

Inhoudsopgave. Huisstijlhandboek Droomstad 05-06-2014 Versie 1.0 2

Inhoudsopgave. Huisstijlhandboek Droomstad 05-06-2014 Versie 1.0 2 Huisstijldocument Inhoudsopgave 1. Logo 3 1.1 Beeld 3 1.2 Naam 4 1.3 Toevoeging stadsnaam 5 1.4 Plaatsing 6 1.5 Achtergrond 7 2. Kleur 8 2.1 Logo 8 2.2 Website 9 3. Typografie 10 4. Knoppen 11 5. Waardering

Nadere informatie

edenspiekermann_ hva Stijlgids HvA responsive website

edenspiekermann_ hva Stijlgids HvA responsive website edenspiekermann_ hva Stijlgids HvA responsive website April 2014 Versie 1.0 HvA, Stijlgids responsive website - Februari 2014 - Versie 1.0 2 Inhoud Introductie 3 Concept webstijl 4 3-koloms grid homepage

Nadere informatie

Titelpagina Styleguide Jij&Overijssel

Titelpagina Styleguide Jij&Overijssel Huisstijlrichtlijnen Digitaal Titelpagina Styleguide Jij&Overijssel Inhoudopgave Onderwerp Pagina 1 Responsive design 3 2 Tone of voice 4 3 Kleurgebruik 5 4 Typografie 6 5 Formulieren 8 6 Pictogrammen

Nadere informatie

Avans Hogeschool Huisstijlwijzer voor digitale middelen

Avans Hogeschool Huisstijlwijzer voor digitale middelen Avans Hogeschool Huisstijlwijzer voor digitale middelen Inleiding In deze Avans Hogeschool huisstijlwijzer voor digitale middelen vind je onze afspraken over hoe we communiceren via digitale middelen.

Nadere informatie

Screen Design. Inge van Dam 0880974 CMD2E Screen Design Product page. Inge van Dam 0880974 CMD2E

Screen Design. Inge van Dam 0880974 CMD2E Screen Design Product page. Inge van Dam 0880974 CMD2E 1 Screen Design Inge van Dam 0880974 CMD2E Screen Design Product page 2 Visuele merk en Concurrentie analyse Welke bank heb ik geanalyseerd? Ik heb de ING bank toegewezen gekregen. Ik maak zelf geen gebruik

Nadere informatie

Inhoud. Installatie. Functies

Inhoud. Installatie. Functies Inhoud Installatie Functies Instellingen Achtergrond Blokken, knoppen Korting Footer Header, left column Main navigation Modules Price categories, Producten Text Contact 3 4 5 5 6 7 8 9 10 11 12 13 14

Nadere informatie

CasualCMS heeft de volgende structuur: De website: pagina s beheren en algemene instellingen. De gebruiker: bezoekers, bezoekers met toegang tot bev-

CasualCMS heeft de volgende structuur: De website: pagina s beheren en algemene instellingen. De gebruiker: bezoekers, bezoekers met toegang tot bev- CasualCMS Inhoud CasualCMS Website Een nieuwe pagina maken Een pagina later wijzigen Een pagina verwijderen De volgorde van pagina s in het menu wijzigen Website instellingen Gebruikers Inhoud Modules

Nadere informatie

Milo. Stijlgids 2016

Milo. Stijlgids 2016 Milo Stijlgids 2016 Inhoudsopgave Inleiding 3 Artiest en essentie branding 4 Logo 5 Stijl 6 Kleurgebruik 7 Typografie 9 Grid en layout 11 Visuals 12 2 Inleiding In deze visuele stijlgids worden de gemaakte

Nadere informatie

Opdracht Vodafone Interface De opdracht houdt in dat we een sales statistieken tool herontwerpen voor telecom provider Vodafone. Dit doen we door een

Opdracht Vodafone Interface De opdracht houdt in dat we een sales statistieken tool herontwerpen voor telecom provider Vodafone. Dit doen we door een Screen Design Naam: Maarten van Domburg Studentnummer: 0864421 Klas: CMD2A Docent: Bart Nederveen Opdracht: Screen Design Opdracht 2 Vodafone Interface Opdracht Vodafone Interface De opdracht houdt in

Nadere informatie

Inhoud. Installatie. Functies Custom & fixed Index Collectie Product. Instellingen Costum & fixed Collectie & product Collectieheaders aanpassen

Inhoud. Installatie. Functies Custom & fixed Index Collectie Product. Instellingen Costum & fixed Collectie & product Collectieheaders aanpassen Inhoud Installatie Functies Custom & fixed Index Collectie Product Instellingen Costum & fixed Collectie & product Collectieheaders aanpassen Contact 3 4 5 5 6 6 12 14 16 2 Installatie Installatie Als

Nadere informatie

V.V. WILHELMUS HUISSTIJLHANDBOEK. Naam: Marco Remmerswaal Studentnummer: 12048569 Vak: Visual Communication Lerares: Noortje van Eekeren Versie 1.

V.V. WILHELMUS HUISSTIJLHANDBOEK. Naam: Marco Remmerswaal Studentnummer: 12048569 Vak: Visual Communication Lerares: Noortje van Eekeren Versie 1. HUISSTIJLHANDBOEK V.V. WILHELMUS Naam: Marco Remmerswaal Studentnummer: 12048569 Vak: Visual Communication Lerares: Noortje van Eekeren Versie 1.00 1 / 10 Inhoudsopgave Grid 3 Typografie 4 Kleurgebruik

Nadere informatie

design ook items uitsnijden

design ook items uitsnijden (fig1) Hulplijnen zetten Om het ontwerp netjes uit te snijden is het handig om eerst hulplijnen te zetten. (fig1) Nu is het zaak om eerst voor je zelf te bepalen wat is layout en wat is design. Al het

Nadere informatie

Website bouwen Blok2 Wat kan wel en wat kan

Website bouwen Blok2 Wat kan wel en wat kan Beste studente: Helaas zit je bij het ontwerpen van een website vast aan bepaalde regels, tenzij je een flashwebsite zou maken. Bij flash is veel meer mogelijk alleen heeft deze manier van websites bouwen

Nadere informatie

Trippeltrap Content Management System

Trippeltrap Content Management System Handleiding Trippeltrap Content Management System versie 2.4 Aanmelden Voordat u de tekst op uw webpagina kunt aanpassen, moet u zich eerst aanmelden. Bovenaan de pagina vindt u een link naar het intranet.

Nadere informatie

Bouw snel en eenvoudig een eigen mobile Virtual Reality app

Bouw snel en eenvoudig een eigen mobile Virtual Reality app Bouw snel en eenvoudig een eigen mobile Virtual Reality app Deze handleiding is opgesplitst in twee delen. Deel 1: Hoe gebruik je het Smart2VR CMS? Deel 2: Hoe gebruik je de Virtual Reality app? Deel 1:

Nadere informatie

STIJLHANDBOEK. een stijl met smaak. nederlands wijngilde

STIJLHANDBOEK. een stijl met smaak. nederlands wijngilde STIJLHANDBOEK een stijl met smaak nederlands wijngilde een vereniging van liefhebbers met een neus voor wijn Een vereniging van liefhebbers met een neus voor wijn. Zij heeft zich ten doel gesteld om de

Nadere informatie

Nu maak je een template en exporteert hem later naar de gewenste omgeving.

Nu maak je een template en exporteert hem later naar de gewenste omgeving. Gebruik Artisteer Start Artisteer 4 start enigszins anders dan de vorige versies. Vroeger moest je eerst kiezen voor welke omgeving je een template zou maken. Nu maak je een template en exporteert hem

Nadere informatie

EBUILDER HANDLEIDING. De Ebuilder is een product van EXED internet www.exed.nl. info@exed.nl EXED CMS UITLEG

EBUILDER HANDLEIDING. De Ebuilder is een product van EXED internet www.exed.nl. info@exed.nl EXED CMS UITLEG EBUILDER HANDLEIDING De Ebuilder is een product van EXED internet www.exed.nl info@exed.nl 1 INHOUDSOPGAVE Inleiding Een korte introductie over het Ebuilder» Navigatie» Snelnavigatie Pagina s Hier vind

Nadere informatie

INHOUD. Introductie 3 Kleurenpalet 4 Typografie 5 Grid 6 Marges 7 Intro 8 Naam en functie 10 Bullet points 11 Titelpagina 12 Ondertiteling 13 Outro 14

INHOUD. Introductie 3 Kleurenpalet 4 Typografie 5 Grid 6 Marges 7 Intro 8 Naam en functie 10 Bullet points 11 Titelpagina 12 Ondertiteling 13 Outro 14 STIJLGIDS HVA-VIDEO HOGESCHOOL VAN AMSTERDAM RICHTLIJNEN HVA-VIDEO VERSIE 1.0 2 INHOUD Introductie 3 Kleurenpalet 4 Typografie 5 Grid 6 Marges 7 Intro 8 Naam en functie 10 Bullet points 11 Titelpagina

Nadere informatie

Web Presence Builder. Inhoud

Web Presence Builder. Inhoud Web Presence Builder Inhoud Inhoud... 1 Wat is Web Presence Builder?... 2 Het categoriescherm... 2 De eerste stappen naar een eigen website... 3 Onderwerp selecteren en website naam aanpassen... 3 Vooraf

Nadere informatie

Huisstijlhandboek digitaal van de Bibliotheek. Versie 0.8

Huisstijlhandboek digitaal van de Bibliotheek. Versie 0.8 Huisstijlhandboek digitaal van de Bibliotheek Versie 0.8 Inhoudsopgave Inleiding 3 Verklarende woordenlijst 4 Basis elementen 5 1. Logo 6 1.1 Beeld 6 1.2 Naam 7 1.3 Toevoeging vestigingsnaam 8 1.4 Grootte

Nadere informatie

Opdracht 1. 2C_0888632_van_ Ruth_Colin_ Opdracht_1_Compleet

Opdracht 1. 2C_0888632_van_ Ruth_Colin_ Opdracht_1_Compleet Opdracht 1 2C_0888632_van_ Ruth_Colin_ Opdracht_1_Compleet Deliverable 1 Visuele merk- en concurentieanalyse Merkanalyse 2C_0888632_van_ Ruth_Colin_ Opdracht_1_Analyse_ ING_BANK Concurentieanalyse 2C_0888632_van_

Nadere informatie

4.1 4.2 5.1 5.2 6.1 6.2 6.3 6.4

4.1 4.2 5.1 5.2 6.1 6.2 6.3 6.4 Handleiding CMS Inhoud 1 Inloggen 2 Algemeen 3 Hoofdmenu 4 Pagina s 4.1 Pagina s algemeen 4.2 Pagina aanpassen 5 Items 5.1 Items algemeen 5.2 Item aanpassen 6 Editor 6.1 Editor algemeen 6.2 Afbeeldingen

Nadere informatie

Huisstijlhandboek. Kunststichting Firma Van Drie

Huisstijlhandboek. Kunststichting Firma Van Drie Huisstijlhandboek Kunststichting Firma Van Drie Martine den Boer Definitief 1 april 2013 Huisstijlhandboek Firma Van Drie definitief d.d. 1-4-2013 1 Inhoudsopgave Inleiding 3 1. Logo 4 1.1. Varianten 4

Nadere informatie

Aanleverspecificaties online

Aanleverspecificaties online Aanleverspecificaties online Sky Radio Group Bannering Takeover Sky Radio: Brievenbus 980*200 flash met clicktag Background voor brievenbus 2560*220, waarbij de brievenbus er gecentreerd op past Background

Nadere informatie

Vormgeving P1415: Eindwerk Mark van Dijken (500714919) Klas koraal. Datum: 12 januari 2015 Docent: M. Andrews

Vormgeving P1415: Eindwerk Mark van Dijken (500714919) Klas koraal. Datum: 12 januari 2015 Docent: M. Andrews Vormgeving P1415: Eindwerk Mark van Dijken (500714919) Klas koraal Datum: 12 januari 2015 Docent: M. Andrews Inhoudsopgave Inleiding Music player voor mobiel moodboard 2 schetsen 3 eindresultaat 4 Restaurant

Nadere informatie

WORDPRESS. op de FourBottles manier. Pagina 1

WORDPRESS. op de FourBottles manier. Pagina 1 WORDPRESS op de FourBottles manier Pagina 1 Fijn dat je voor FourBottles hebt gekozen voor het realiseren van je website. Bij een website hoort natuurlijk een Content Management Systeem (CMS). Ik maak

Nadere informatie

ONTWERPDOCUMENT NEMO. Jesse van Thijn & Tessa de Goede Project Visual Visual Essay

ONTWERPDOCUMENT NEMO. Jesse van Thijn & Tessa de Goede Project Visual Visual Essay ONTWERPDOCUMENT NEMO Jesse van Thijn & Tessa de Goede Project Visual Visual Essay Inhoudsopgave Visual essay blz 3 Informatie Nemo blz 4 Moodboard Nemo blz 5 Moodboard inspiratie blz 6 Moodboard Fractal

Nadere informatie

Webflex voor Webdesigners

Webflex voor Webdesigners Webflex voor Webdesigners Kinetiek Webtechnologie - Handelstraat 14-6815 CW Arnhem - http://kinetiek.com Webflex voor webdesigners blz. 1 9-1-2013 17:09 Inhoudsopgave 1 Inleiding... 3 1.1 Menu s... 4 1.1.1

Nadere informatie

Onderzoek naar product en concurrentie. 10 Concurrenten van webshop Sportieve E-bike. Websites links:

Onderzoek naar product en concurrentie. 10 Concurrenten van webshop Sportieve E-bike. Websites links: Onderzoek naar product en concurrentie. 10 Concurrenten van webshop Sportieve Ebike Websites links: http://www.fatboy.com/nl/ http://www.dsignmeubels.nl/ http://allemachtigprachtig.nl/ http://www.gilianoriginals.nl/

Nadere informatie

Nederlandse Organisatie voor Wetenschappelijk Onderzoek

Nederlandse Organisatie voor Wetenschappelijk Onderzoek Nederlandse Organisatie voor Wetenschappelijk Onderzoek richtlijnen webstijl version 1.1 Fabrique Merken, Design en Interactie 12.12.2011 1 Fabrique Merken, Design en Interactie Inhoud 3 Introductie Algemeen

Nadere informatie

Digitale Media Handleiding Tool. Judith Koedam DBKV 1A

Digitale Media Handleiding Tool. Judith Koedam DBKV 1A Digitale Media Handleiding Tool Judith Koedam 0838338 DBKV 1A Inhoudsopgave Inleiding Het maken van de site (stappenplan) Stroomschema Beschrijving website Lay out Website Inleiding Voor de opdracht van

Nadere informatie

Project Het Parool. Media, Informatie en Communicatie. Propedeuse. Ontwerpdocument Beeld

Project Het Parool. Media, Informatie en Communicatie. Propedeuse. Ontwerpdocument Beeld Media, Informatie en Communicatie Ontwerpdocument Beeld Project Het Parool Jerry Leigh Henkes, Demy Verhoogt, Bastiaan Verbeek, Sterre van den Berge, Lucas de Vries, Kathy Gabriel en Hanna Loos. P125 Tutor

Nadere informatie

Huisstijlhandboek HiHaHo. Algemene richtlijnen & instructies voor het gebruik van de HiHaHo huisstijl Januari Versie 1.1

Huisstijlhandboek HiHaHo. Algemene richtlijnen & instructies voor het gebruik van de HiHaHo huisstijl Januari Versie 1.1 Algemene richtlijnen & instructies voor het gebruik van de HiHaHo huisstijl Januari 2016 - Versie 1.1 Inhoud 1. Inleiding 2. Logo 3. Opbouw logo en pay-off 4. Playbutton 5. Omgaan met het logo 6. Typografie

Nadere informatie

HOE EEN CD TE BRANDEN MET EEN ILDVR SYSTEEM. 1. Indien anders wordt aangegeven, worden alle onderstaande functies uitgevoerd met de linker muisknop.

HOE EEN CD TE BRANDEN MET EEN ILDVR SYSTEEM. 1. Indien anders wordt aangegeven, worden alle onderstaande functies uitgevoerd met de linker muisknop. HOE EEN CD TE BRANDEN MET EEN ILDVR SYSTEEM 1. Indien anders wordt aangegeven, worden alle onderstaande functies uitgevoerd met de linker muisknop. 2. Selecteer de zoekfunctie (zie onderstaand). -1- 3.

Nadere informatie

Responsive Design. Werkwijze en aanlevering Responsive Design. Mach3Builders

Responsive Design. Werkwijze en aanlevering Responsive Design. Mach3Builders Responsive Design Werkwijze en aanlevering Responsive Design Mach3Builders Introductie Door de explosieve stijging van het aantal soorten devices waarop websites bekeken kan worden, is het ontwerpen van

Nadere informatie

Visual design. Naam: Rob Dekker. Studentnummer: Vak: MMIO

Visual design. Naam: Rob Dekker. Studentnummer: Vak: MMIO Visual design Naam: Rob Dekker Studentnummer: 11020067 Vak: MMIO Datum: 02-03-2016 Wireframes desktop Maak visual designs van een homepage en product pagina van een sportmerk. Werk deze uit voor gebruik

Nadere informatie

Design rationale document. Rabobank.com

Design rationale document. Rabobank.com Design rationale document Rabobank.com Inhoudsopgave 3 4 5 14 Inleiding Design values Algemene rationale Styleguide 2 Inleiding In dit document zijn de ontwerpuitgangspunten vastgelegd voor de vernieuwde

Nadere informatie

Documentatie. Jun 2016 THEME CREATED BY

Documentatie. Jun 2016 THEME CREATED BY Documentatie Jun 2016 THEME CREATED BY Inleiding U wilt een webshop die klaar is voor de toekomst? Maak het u zelf gemakkelijk; installeer NU Theme Fusion. Het Fusion theme is een conversie verhogend Full

Nadere informatie

Werken met afbeeldingen in webpagina's

Werken met afbeeldingen in webpagina's Werken met afbeeldingen in webpagina's In webpagina's komen heel vaak afbeeldingen voor. Toch gaan webpagina's helemaal anders om met afbeeldingen dan bijvoorbeeld een PowerPoint-presentatie of een Word-document.

Nadere informatie

Iconen. Voordelen van goede iconen. De iconen waar het bij deze opdracht om gaat zijn:

Iconen. Voordelen van goede iconen. De iconen waar het bij deze opdracht om gaat zijn: Iconen Steeds vaker wordt binnen (web)design gebruik gemaakt van iconen. Informatie wordt op deze manier gevisualiseerd. Hierdoor is het mogelijk op een snelle, duidelijke en vaak ook mooie manier te communiceren.

Nadere informatie

Handleiding voor het gebruik van de Website

Handleiding voor het gebruik van de Website Handleiding voor het gebruik van de Website Na het inloggen met uw gebruikersnaam en wachtwoord ziet u bovenstaand scherm De keuzes uit het HOOFDMENU zijn : HOME is onderstreept, daar bent u dus MIJN PROFIEL

Nadere informatie

Gebruikershandleiding websitebeheer m.b.v. Wordpress

Gebruikershandleiding websitebeheer m.b.v. Wordpress Gebruikershandleiding websitebeheer m.b.v. Wordpress Saft Websites Gebruikershandleiding Wordpress pag. 1 Inhoudsopgave Inhoudsopgave Inhoudsopgave Inleiding Inloggen in administratorgedeelte Informatie

Nadere informatie

U wilt een webshop die klaar is voor de toekomst? Maak het u zelf gemakkelijk; installeer NU Theme Fusion.

U wilt een webshop die klaar is voor de toekomst? Maak het u zelf gemakkelijk; installeer NU Theme Fusion. Documentatie 1 Inleiding U wilt een webshop die klaar is voor de toekomst? Maak het u zelf gemakkelijk; installeer NU Theme Fusion. Het Fusion theme is een conversie verhogend Full Responsive webshop theme

Nadere informatie

Safira CMS Handleiding

Safira CMS Handleiding Safira CMS Handleiding Inhoudsopgave 1Mappen en artikelen... 2 1.11.1 Naam wijzigen map/ pagina... 3 1.21.2 Website structuur: nieuwe pagina aanmaken, pagina verwijderen, pagina blokkeren, structuur wijzigen...

Nadere informatie

Doorlopend patroon. Behang, gordijnen, bekledingsstoffen, verpakkingen. Dit dessin herhaalt zich en sluit naadloos op elkaar aan.

Doorlopend patroon. Behang, gordijnen, bekledingsstoffen, verpakkingen. Dit dessin herhaalt zich en sluit naadloos op elkaar aan. Doorlopend patroon Behang, gordijnen, bekledingsstoffen, verpakkingen zijn vaak voorzien van een opdruk, een dessin. Dit dessin herhaalt zich en sluit naadloos op elkaar aan. In b.v. 3D max worden ook

Nadere informatie

febelgra huisstijl richtlijnen Intro 1.0 Logo 2.0 Slogan 3.0 Typografie

febelgra huisstijl richtlijnen Intro 1.0 Logo 2.0 Slogan 3.0 Typografie febelgra huisstijl richtlijnen Intro 1.0 Logo 2.0 Slogan 3.0 Typografie Febelgra is de representatieve beroepsvereniging van de Belgische grafische industrie. Febelgra behartigt de belangen en is de spreekbuis

Nadere informatie

ZÉLF JE WORDPRESS WEBSITE MAKEN?

ZÉLF JE WORDPRESS WEBSITE MAKEN? WordPress blog ZÉLF JE WORDPRESS WEBSITE MAKEN? WordPress Academy Nederland helpt je op weg met onze Basiscursus INHOUD P1 P2 P3 P4 P5 P6 P7 P8 P9 P 10 P 11 P 12 P 13 P 14 P 15 P 16 P 17 P 18 P 19 P 20

Nadere informatie

inhoud Merkpositionering 3

inhoud Merkpositionering 3 1 inhoud Deze styleguide is een overzicht van de kleuren/ texturen en lettertypes die in ons project uiteindelijke gekozen zijn. De onderbouwing en onderzoek hiernaar is te vinden op ons blog. Merkpositionering

Nadere informatie

Kompozer Webdesign www.acc.dds.nl/lesonline/kompozer/

Kompozer Webdesign www.acc.dds.nl/lesonline/kompozer/ Hier vind je de cursus op het internet: www.acc.dds.nl/acconline/ Kompozer Webdesign www.acc.dds.nl/lesonline/kompozer/ Een bestaande website met kompozer www.acc.dds.nl/lesonline/kompozer/website/ Bestanden

Nadere informatie

Gull Design & Media Insite Design. 25 januari - 24 juni 2016 Praktijkopleiders: Ivan Pakan Bauke Couperus

Gull Design & Media Insite Design. 25 januari - 24 juni 2016 Praktijkopleiders: Ivan Pakan Bauke Couperus Gull Design & Media Insite Design 25 januari - 24 juni 2016 Praktijkopleiders: Ivan Pakan Bauke Couperus VOORWOORD & INLEIDING Mijn naam is Esmé Couperus. Ik ben een 21 jaar oude studente aan de opleiding

Nadere informatie

INHOUDSOPGAVE. INTRODUCTIE pagina CONCLUSIE CONCEPTING STYLEGUIDE APP. pagina pagina pagina pagina ONDERWERP AUTOFUEL

INHOUDSOPGAVE. INTRODUCTIE pagina CONCLUSIE CONCEPTING STYLEGUIDE APP. pagina pagina pagina pagina ONDERWERP AUTOFUEL INHOUDSOPGAVE INTRODUCTIE pagina 02-04 CONCLUSIE pagina 02-04 CONCEPTING pagina 02-04 STYLEGUIDE pagina 02-04 APP pagina 02-04 ONDERWERP AUTOFUEL 2 INTRODUCTIE pagina 02-04 ONDERWERP AUTOFUEL 3 INTRODUCTIE

Nadere informatie

Ontwerpdocument Beeld

Ontwerpdocument Beeld Media, Informatie en Communicatie Project Parool Ontwerpdocument Beeld Nikita Brantsen Kim Vendrig Lisa Bol Thom Specht Christel Verwoerd Dewy Muijrers P122A Tutor : Jaimy Ramdin Media, Informatie en Communicatie

Nadere informatie

Inleiding. Daarnaast geldt dat bij gebruik van een eigen website een link wordt geplaatst bij de contactgegevens naar de homepage van In de Weerd:

Inleiding. Daarnaast geldt dat bij gebruik van een eigen website een link wordt geplaatst bij de contactgegevens naar de homepage van In de Weerd: Huisstijlhandboek Inhoudsopgave Inleiding... 3 Missie & organisatiebeschrijving... 4 Logo, pay-off & pictogrammen... 5 Logo & kleurgebruik... 6 Typografie... 8 Briefpapier... 9 Persbericht... 10 Powerpoint

Nadere informatie

HET NIEUWE LOGO & DE BASELINE

HET NIEUWE LOGO & DE BASELINE BRAND MANUAL 1. Het nieuwe logo & de baseline...22 2. Kleurgebruik...3 3. Typografie...45 4. Minimumafmetingen...5 6 5. Grafische elementen...56 6. Plaatsing...67 7. Don ts...78 8. Papierkeuze...7 8 1

Nadere informatie

Handleiding Mijneigenweb.nl

Handleiding Mijneigenweb.nl Handleiding Mijneigenweb.nl Inhoud 1 Inloggen 2 Kleurenschema en lettertype 2.1 Kies een standaard kleurenschema 2.2 Kleurenschema en lettertypes aanpassen/ zelf samenstellen 3 Logo 4 Visual 4.1 Eigen

Nadere informatie

Gebruikershandleiding websitebeheer m.b.v. Wordpress incl. Woo-Commerce

Gebruikershandleiding websitebeheer m.b.v. Wordpress incl. Woo-Commerce Gebruikershandleiding websitebeheer m.b.v. Wordpress incl. Woo-Commerce Saft Websites Gebruikershandleiding Wordpress icm Woocommerce pag. 1 Inhoudsopgave Inhoudsopgave Inhoudsopgave Inleiding Liever persoonlijke

Nadere informatie

huisstijl handboekje

huisstijl handboekje huisstijl handboekje het merk Plein nul10 Wie zijn wij? Plein nul10 is een merk! Dat merk vertegenwoordigd de kinderopvang in Hoogvliet en Lombardijen. Plein nul10 is een plein voor alle kinderen. Baby

Nadere informatie

Aanleverspecificaties

Aanleverspecificaties Aanleverspecificaties Online folder Jouw folder op onze app en website Klikbare folder Deeplinks naar aanbiedingen op je website In app banner Campagne als afsluiter van bekeken folders Banner posities

Nadere informatie

User Experience Design

User Experience Design User Experience Design vraag: Internetadres: http://www.school.mahamedgiire.nl/litoro/ Tagline: Uw wensen, ons werk. Paginatitels: Home, About en Contact Navigatiebalken: Altijd bovenin te vinden. Niet

Nadere informatie

INHOUD. Logo. Typografie. Kleurenpalet. Visitekaartje. Briefpapier. Advertentie. Header. Homepage. Gadget

INHOUD. Logo. Typografie. Kleurenpalet. Visitekaartje. Briefpapier. Advertentie. Header. Homepage. Gadget Huisstijlhandboek 1 INHOUD 4 6 8 10 12 14 16 18 20 Logo Typografie Kleurenpalet Visitekaartje Briefpapier Advertentie Header Homepage Gadget 2 3 LOGO Het beeldmerk bestaat uit een spreekwolk met de naam

Nadere informatie

Inhalen les 7 (versie B)

Inhalen les 7 (versie B) Inhalen les 7 (versie B) Stap 1: Open de startmap van les 6 De map heet Startmap Les 6. Als je de map hebt geöpend zie je verschillende bestanden en een map Website. Wij gebruiken nu alleen de map Website.

Nadere informatie

Huisstijlbeschrijving

Huisstijlbeschrijving Huisstijlbeschrijving 2 Inhoud Inleiding 3 Het NBVlogo 4 Het kleurenpalet 5 Typografie 9 Vormtaal en grid 17 Beeldtaal 22 Beeldschermpresentaties 40 Digitale uitingen 41 Brochures, folders en leaflets

Nadere informatie

AB OVO. iguide STYLEGUIDE

AB OVO. iguide STYLEGUIDE AB OVO iguide STYLEGUIDE 1 BEELDGEBRUIK SFEERVOL, MAAR NIET STOREND Bij elke keer dat je inlogt zie je dat de achtergrond bestaat uit een beeld. Dit beeld is van het land waar de gebruiker naartoe gaat.

Nadere informatie

Handleiding Joomla 3.x

Handleiding Joomla 3.x Handleiding Joomla 3.x Hoe maak ik een menu/pagina aan? Geschreven: Sandra van der Heijden (2015) AdviesMies Inleiding Wanneer je een template hebt geïnstalleerd moet de website verder vorm krijgen met

Nadere informatie

Sky Radio Group Bannering

Sky Radio Group Bannering Sky Radio Group Bannering Takeover Sky Radio: Brievenbus 980*200 flash met clicktag Background voor brievenbus 2560*220, waarbij de brievenbus er gecentreerd op past Background content (zijkanten) 2000*960

Nadere informatie

CLOUDSUITE. stijlwijzer. februari 2015

CLOUDSUITE. stijlwijzer. februari 2015 CLOUDSUITE stijlwijzer februari 2015 colofon Aan deze uitgave kunnen op geen enkele manier rechten worden ontleend. Onder voorbehoud van (druk)fouten. Niets uit deze uitgave mag zonder toestemming van

Nadere informatie

http://jumbojet.denbrok.info/wordpress/?p=4205

http://jumbojet.denbrok.info/wordpress/?p=4205 http://jumbojet.denbrok.info/wordpress/?p=4205 Je eigen familiewapen maken In deze tutorial wil ik laten zien hoe je een familiewapen zelf kunt maken. Met behulp van Google afbeeldingen en Photoshop is

Nadere informatie

Handleiding om uw website/webshop aan te passen

Handleiding om uw website/webshop aan te passen Handleiding om uw website/webshop aan te passen ONDERWERP PAGINA 1. Hoe moet ik inloggen in het beheer? 2 2. Hoe pas ik een bestaande pagina aan? 2 3. Hoe plaats ik een afbeelding? 3 4. Hoe maak ik een

Nadere informatie

Richtlijnen voor het gebruik van de huisstijl MEDEMBLIK RIJK AAN VERHALEN. huisstijl handboek

Richtlijnen voor het gebruik van de huisstijl MEDEMBLIK RIJK AAN VERHALEN. huisstijl handboek Richtlijnen voor het gebruik van de huisstijl MEDEMBLIK RIJK AAN VERHALEN huisstijl handboek Inhoud 01 Inleiding 02 Het concept 02 Logo 03 Payoff 04 Richtlijnen voor gebruik 05 Kleurpallet 06 Kleurvariaties

Nadere informatie

Na het inloggen met de gegevens die je hebt gekregen, verschijnt het overzichtsscherm zoals hieronder:

Na het inloggen met de gegevens die je hebt gekregen, verschijnt het overzichtsscherm zoals hieronder: Inhoud van de website invoeren met de ContentPublisher De inhoud van websites kan worden ingevoerd en gewijzigd met behulp van een zogenaamd Content Management Systeem (CMS). De websites van Muismedia

Nadere informatie

Header en Footer. Header en Footer

Header en Footer. Header en Footer Header en Footer Wat leer je in dit hoofdstuk: - Wat een header en footer is - De skin van de webshop aanpassen - Een logo plaatsen in de header - Een achtergrondafbeelding plaatsen - Links plaatsen in

Nadere informatie

Handleiding Nieuwe versie Wikiwijs Maken. Overzicht van veranderingen en nieuwe functionaliteiten

Handleiding Nieuwe versie Wikiwijs Maken. Overzicht van veranderingen en nieuwe functionaliteiten Handleiding Nieuwe versie Wikiwijs Maken Overzicht van veranderingen en nieuwe functionaliteiten Datum: 3 juni 2013 Wat is er nieuw? Op 3 juni 2013 is er een nieuwe versie van Wikiwijs Maken beschikbaar.

Nadere informatie

Handleiding Nieuwsbrief InSocial in Mailchimp

Handleiding Nieuwsbrief InSocial in Mailchimp Handleiding Nieuwsbrief InSocial in Mailchimp Inhoud 1 Mogelijkheden page 2 2 Bericht opties page 3 3 Achtergrond page 4 4 Afbeeldingen page 5 5 Tekst page 6 6 Link page 7 7 Testen page 8 TEST altijd eerst

Nadere informatie

responsive design & merkbeleving Nils Vermeulen / Seminar

responsive design & merkbeleving Nils Vermeulen / Seminar responsive design & merkbeleving Nils Vermeulen / Seminar deze seminar 1. De vraagstelling 2. Responsive (web)design 3. Responsive identity 4. Toepassen onderzoek 5. Van responsive design naar styleguide

Nadere informatie

Om het Elektronica thema te installeren gaat u naar "Theme Store" in Design. Hier kunt u het Elektronica thema in 4 kleurvarianten vinden.

Om het Elektronica thema te installeren gaat u naar Theme Store in Design. Hier kunt u het Elektronica thema in 4 kleurvarianten vinden. Inhoud: 1. Installatie 2. FAQ 3. Thema instellingen 4. Meer hulp nodig? 1.Installatie: Om het Elektronica thema te installeren gaat u naar "Theme Store" in Design. Hier kunt u het Elektronica thema in

Nadere informatie

behind interactive media:

behind interactive media: behind interactive media: blog ideeën: (www.katiesbookblog.com) & (www.dreamlabyrinth.tumblr.com)\ verschillende soorten posts, het logo (soort header) is mooi en cool verwerkt met de sidebar. Alle posts

Nadere informatie

Card sorting Sitemap Use case. Wireframes Schermontwerpen Stijlgids. Niet in les gedaan! Via je einddocument. Verkennen. Genereren.

Card sorting Sitemap Use case. Wireframes Schermontwerpen Stijlgids. Niet in les gedaan! Via je einddocument. Verkennen. Genereren. Hoorcollege 4 Verkennen Genereren Evalueren Communiceren Card sorting Sitemap Use case Wireframes Schermontwerpen Stijlgids Niet in les gedaan! Via je einddocument Schermontwerpen Pauze Stijlgids Feedback

Nadere informatie

10 Voorbeelden van slechte communicatie

10 Voorbeelden van slechte communicatie 10 Voorbeelden van slechte communicatie Naam: Zoë Tabak Vak: Digital Art Leraar: Leon Kranenburg Datum: 2 Oktober 2014 Afbeelding 1 Deze kiosk staat in station Utrecht Centraal. Hetgeen dat hier fout mee

Nadere informatie

SnelStart handleiding ARGO zelfbouwmodule

SnelStart handleiding ARGO zelfbouwmodule Inhoudsopgave Voorwoord Stap 1 Onderwerpkeuze Stap 2 Aanmaken module Stap 3 Keuze soort module: les of toets Stap 4 Module bewerken 3 4 5 6 7 Stap 5 Gebruik module editor Toelichting editor toolbar functionaliteit

Nadere informatie

De tekstverwerker. Afb. 1 de tekstverwerker

De tekstverwerker. Afb. 1 de tekstverwerker De tekstverwerker De tekstverwerker is een module die u bij het vullen van uw website veel zult gebruiken. Naast de module tekst maken onder andere de modules Aankondigingen en Events ook gebruik van de

Nadere informatie

Standaardskin Brinsite

Standaardskin Brinsite Standaardskin Brinsite Op deze plek komt uw logo. Zie hiervoor ook de handleiding instellen logo. De foto in de header kan per pagina worden ingesteld. Zie hiervoor ook de handleiding instellen header.

Nadere informatie

EERSTE INSTRUCTIE DIRECTEUREN RADARSCHOLEN.

EERSTE INSTRUCTIE DIRECTEUREN RADARSCHOLEN. 27-8-2013 RADARSCHOLEN EERSTE INSTRUCTIE DIRECTEUREN RADARSCHOLEN. [Geef de ondertitel van het document op] Dirk Inhoud 1. Intro eerste keer inloggen docent... 2 2. Email ouder om in te loggen... 3 3.

Nadere informatie

Toelichting release notes. 23 oktober 2014

Toelichting release notes. 23 oktober 2014 Toelichting release notes 23 oktober 2014 2 Toelichting release notes 23 oktober 2014 Inleiding release notes Deze week ontvangen jullie de release notes waarin onder meer twee nieuwe Paddlets, verschillende

Nadere informatie

Week 3 Opdracht 1 Visual design website sportmerk Meile Houtsma

Week 3 Opdracht 1 Visual design website sportmerk Meile Houtsma Week 3 Opdracht 1 Visual design website sportmerk Meile Houtsma Voor deze opdracht heb ik het merk Puma gekozen. Op basis van de hoofdkleuren van de website van Puma ben ik aan de slag gegaan. In alle

Nadere informatie

Verslag Pencil, Photoshop & InDesign

Verslag Pencil, Photoshop & InDesign Verslag Pencil, Photoshop & InDesign Naam: Rob Dekker Studentnummer: 11020067 Vak: MMIO Datum: 07-02-2016 Pencil Bij het ontwerpen van drie verschillende voorstellen voor mijn portfoliosite heb ik gebruik

Nadere informatie

Web Handleiding. semper vigilant Fall 2014 LOCALBOX 1.1.3

Web Handleiding. semper vigilant Fall 2014 LOCALBOX 1.1.3 Web Handleiding semper vigilant Fall 2014 Functionaliteiten web-based 2 Inloggen 2 Home 3 Uploaden: 4 Opties: 6 Map Delen: 6 Beheer Links 8 Functionaliteiten App-based 12 Hoger niveau 16 Acties op bestanden

Nadere informatie

Opdracht Ontwerp een huisstijlhandboek voor je crossmediaproject/televisieprogramma met je projectgroep.

Opdracht Ontwerp een huisstijlhandboek voor je crossmediaproject/televisieprogramma met je projectgroep. Huisstijlhandboek Opdracht Ontwerp een huisstijlhandboek voor je crossmediaproject/televisieprogramma met je projectgroep. Formaat Huisstijlhandboek Ontwerp het huisstijlhandboek op A5-formaat of in een

Nadere informatie

Opdracht - Digitale fotografie - Basis Oefening Kennismaking Photoshop Elements 7 op windows

Opdracht - Digitale fotografie - Basis Oefening Kennismaking Photoshop Elements 7 op windows FOTOGRAFIE Opdrachten - Erik Boot Opdracht - Digitale fotografie - Basis Oefening Kennismaking Photoshop Elements 7 op windows Lagen oefening Basis Tip: Vink steeds de 'checkbox' aan wat je al hebt gedaan,

Nadere informatie

Richtlijnen huisstijl voor vormgevers en drukkers. November 2014

Richtlijnen huisstijl voor vormgevers en drukkers. November 2014 Richtlijnen huisstijl voor vormgevers en drukkers November 2014 In de Veiligheidsregio Hollands Midden werken gemeenten, GHOR, brandweer, politie en andere partners samen aan de rampenbestrijding en crisisbeheersing

Nadere informatie

HANDLEIDING WEBHARE 1

HANDLEIDING WEBHARE 1 HANDLEIDING WEBHARE 1 2 INHOUDSOPGAVE HANDLEIDING WEBHARE... 1 Introductie... 4 Inloggen... 5 Publisher... 7 De knoppenbalk... 7 Context Menu... 8 Rotary Word sjabloon... 9 Basis WebHare beheer... 11 Nieuwe

Nadere informatie

1 BUSINESS INTERNET SUPPORT

1 BUSINESS INTERNET SUPPORT Versie 1 BUSINESS INTERNET SUPPORT Yoron Dot Net Stap voor stap Handleiding YORON DOT NET BEHEER V1.X Stap voor stap handleiding YORON Het Wielsem 10 s-hertogenbosch Inhoudsopgave Opstarten Yoron DotNet

Nadere informatie

1. Open het programma KompoZer Het grote witte vlak is een nog lege webpagina. Deze gaan we nu van inhoud voorzien.

1. Open het programma KompoZer Het grote witte vlak is een nog lege webpagina. Deze gaan we nu van inhoud voorzien. Minicursus KompoZer In deze cursus ga je leren werken met het computerprogramma KompoZer. Stapsgewijs maak je een voorbeeldsite. Daarna kun je alles wat je geleerd hebt gebruiken om je eigen website te

Nadere informatie

Liesbeth Mantel. Mediacollege webdesign professional

Liesbeth Mantel. Mediacollege webdesign professional Liesbeth Mantel Mediacollege webdesign professional Juni 2006 Inhoud 1 Inleiding... 3 2 Grid en layout... 4 3 Kleurenpalet... 5 4 Typografie... 6 5 Navigatie... 7 6 Schetsen... 8 7 Stylesheet... 10 1 Inleiding

Nadere informatie

Algemene regels. Stappenplan webdesign

Algemene regels. Stappenplan webdesign Algemene regels Stappenplan webdesign Kleurengebruik Denk bij het maken van een website aan je kleurencombinaties. Gebruik niet meer dan 4 kleuren; Achtergrond; Heading/ Subheading; Platte tekst; Links.

Nadere informatie