elementen - WordPress.com...Met het gebruik van foto’s kun je de inhoud van print of site...

33
1 MARKETING & COMMUNICATIE - DIGITALE VORMGEVING Stijl elementen

Transcript of elementen - WordPress.com...Met het gebruik van foto’s kun je de inhoud van print of site...

Page 1: elementen - WordPress.com...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

1

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

Stijl elementen

Page 2: elementen - WordPress.com...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

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

Page 3: elementen - WordPress.com...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

3

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

The Pixel

Paravel

Page 4: elementen - WordPress.com...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

4

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

Mochimedia.com

Sbresca

Page 5: elementen - WordPress.com...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

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

Page 6: elementen - WordPress.com...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

6

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

Carsonified

Helveti-Tweet

Page 7: elementen - WordPress.com...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

7

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

Roome

Page 8: elementen - WordPress.com...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

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.

Page 9: elementen - WordPress.com...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

9

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

Ecoki

Work Awesome

Page 10: elementen - WordPress.com...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

10

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

Jillz

Isipiliyoni Africa

Page 11: elementen - WordPress.com...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

11

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

Estore

My cuisine

Page 12: elementen - WordPress.com...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

12

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

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

Envato

Piazza

Page 13: elementen - WordPress.com...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

13

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

Respiro Media

Christine Galvin

Page 14: elementen - WordPress.com...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

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

Page 15: elementen - WordPress.com...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

15

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

Joao Andrade

Mulletized

Page 16: elementen - WordPress.com...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

16

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

Future of web design

Onextrapixel.com

Page 17: elementen - WordPress.com...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

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

Page 18: elementen - WordPress.com...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

18

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

Xperience

Kitaro10.com

Page 19: elementen - WordPress.com...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

19

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

Slabovia

Designbyfirgs.com

Page 20: elementen - WordPress.com...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

20

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

Uniquexports

Booreiland

Page 21: elementen - WordPress.com...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

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

Page 22: elementen - WordPress.com...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

22

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

ths

Ali Tabatabaei

Page 23: elementen - WordPress.com...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

23

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

Blog.valpnow.com

Digital Love

Page 24: elementen - WordPress.com...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

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

Page 25: elementen - WordPress.com...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

25

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

Tomas Pojeta

Outdoor Italia

Page 26: elementen - WordPress.com...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

26

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

Silverback

Food Inc. Movie

Page 27: elementen - WordPress.com...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

27

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

Clickfarm

Help your habitat

Page 28: elementen - WordPress.com...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

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

Page 29: elementen - WordPress.com...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

29

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

DSDesign

Gummisig

Page 30: elementen - WordPress.com...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

30

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

duoh!

Coffeetime

Page 31: elementen - WordPress.com...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

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

Page 32: elementen - WordPress.com...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

32

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

The New York Moon

Edgewater

Page 33: elementen - WordPress.com...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

33

MARKETING & COMMUNICATIE - DIGITALE VORMGEVING

All Star Lanes

Singularity concepts