1

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

Stijl elementen

2

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

1 . ILLUSTRATIES EN CARTOONS Het gebruik van illustraties en cartoontekeningen is een van de meest creatieve methoden om informatie te presenteren. Een vereiste hierbij is wel dat je zelf kunt tekenen of voldoende copyright-vrije afbeeldingen tot je beschikking hebt. Interessante sites hiervoor: www.iconfinder.com www.iconmonstr.com www.iconarchive.com vector.us www.freeiconsdownload.com www.iconspedia.com icondock.com/free 123freevectors.com/ http://browse.deviantart.com/cartoons/ http://www.psdgraphics.com/category/psd/page/2/

Flourish

3

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

The Pixel

Paravel

4

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

Mochimedia.com

Sbresca

5

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

2. TWEE KLEUREN Door maar 2 kleuren te gebruiken wordt de aandacht extra gevestigd op de inhoud. Het is moeilijk met maar 2 kleuren een mooi ontwerp te maken. Hierna enkele voorbeelden waarbij dit wel gelukt is. Meer informatie over de betekenis van kleur: http://www1.bikker.nl/Bikker/logowiel/04-02072009.swf

Kleurenwijzer voor kleurenseries, kleurthema’s en kleurstijlen:

http://kuler.adobe.com

Cardiff

6

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

Carsonified

Helveti-Tweet

7

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

Roome

8

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

3. FOTO-REALISME Met het gebruik van foto’s kun je de inhoud van print of site versterken en verduidelijken. Ook hier is het weer belangrijk gebruik te maken van eigen forto’s of foto’s waarvoor je toestemming hebt om te gebruiken. Waar vind je foto’s op internet met toestemming van de fotograaf? Bij www.flickr.com Search / Advanced search

Kies voor Creative commons (onderaan de bladzijde) Bij Licence worden dan nog mogelijke voorwaarden voor gebruik genoemd.

Bij www.google.nl Afbeeldingen / Opties / Geavanceerd zoeken / Kies gelabeld voor commercieel hergebruik inclusief aanpassing.

9

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

Ecoki

Work Awesome

10

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

Jillz

Isipiliyoni Africa

11

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

Estore

My cuisine

12

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

4. TRANSPARANTIE Transparantie is een goede manier om teksten en afbeeldingen met elkaar te combineren.

Envato

Piazza

13

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

Respiro Media

Christine Galvin

14

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

5. TEKST Gebruik van juiste typografie kan de tekst benadrukken en aandacht op de inhoud vestigen. Fontsites: www.dafont.com http://www.fontspace.com/ http://losttype.com/browse/ http://www.searchfreefonts.com/

Andrew Lindstrom

15

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

Joao Andrade

Mulletized

16

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

Future of web design

Onextrapixel.com

17

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

6. TEXTUREN EN PATRONEN Texturen en Patronen zijn een hulpmiddel om een site of print vorm te geven. Zij kunnen een afbeelding diepte geven. Patternsites: http://browse.deviantart.com/?qh=&section=&global=1&q=patterns http://www.brusheezy.com/patterns http://myphotoshopbrushes.com/patterns/ http://www.fontonic.com/patterns.asp?page=22 http://www.texturecase.com/en/all-textures-overview

Simone Maranzana

18

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

Xperience

Kitaro10.com

19

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

Slabovia

Designbyfirgs.com

20

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

Uniquexports

Booreiland

21

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

7.GRUNGE Deze ontwerpen zien er vaak rommelig en slordig uit maar dat is ook een gedeelte vande aantrekingskracht Grungesites: http://www.designzzz.com/free-grunge-brush-downloads/ http://speckyboy.com/2011/03/21/1000-grunge-photoshop-brushes-40-sets/ http://designm.ag/resources/450-photoshop-grunge-brushes/ http://www.brusheezy.com/brushes/1422-grunge-brushes http://www.youthedesigner.com/2008/07/28/200-free-grunge-photoshop-brushes/

Syc Fuk

22

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

ths

Ali Tabatabaei

23

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

Blog.valpnow.com

Digital Love

24

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

8. ECO Eco staat voor milieuvriendelijk en duurzaam. Natuurlijke elementen binnen een design geven een verantwoord gevoel.

Fair trade

Quality Services

25

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

Tomas Pojeta

Outdoor Italia

26

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

Silverback

Food Inc. Movie

27

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

Clickfarm

Help your habitat

28

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

9. ABSTRACT Abstracte vormgeving is een uitingsvorm waarbij geen herkenbare beelden worden gebruikt. Er kan een betekenis ingelegd worden maar ook puur als mooi visueel effect bedoeld zijn.

Lyrical Media

Make Photoshop Faster

29

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

DSDesign

Gummisig

30

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

duoh!

Coffeetime

31

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

10. RETRO Retro is een populaire stijl die veelal gebruikt wordt voor producten die origineel afkomstig zijn uit de periode tussen 1920 en 19970. Met name de keuze van het lettertype en de kleur zorgen voor de retrolook.

Forty Seven Media

Phizz

32

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

The New York Moon

Edgewater

33

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

All Star Lanes

Singularity concepts