TotaalNI - De klare lijn en richtlijnen v2016

een kennismaking met een

PASSIE VOOR CREATIE

luc

www.LucVanMalderen.be

een klare kijk op communicatieVan Malderen

TotaalNi.be

Luc Van MalderenPASSIE VOOR CREATIE

een kennismaking met een PASSIE VOOR CREATIE


www.LucVanMalderen.be 3

3een klare kijk InhOudSTAfEl

Onze diensten & services 4

Een kennismaking met Totaalni 5

“de Klare lijn” 6

de Klare lijn in websites & grafisch werk ? 7

digitaal analfabetisme 8

Waarom is Totaalni anders ? 9

Onze aanpak 10

Werkdocumenten 14

Techinsche fiches & Richtlijnen 16

Extra diensten en services 17



4u vraagt... wij realiserenOnZE dIEnSTEn

Bannering, Signage, Wagenbelettering,

20m2 affiches, Posters, Magazines, flyers,

folders, Advertenties, huisstijl, Roll-up ban-

ners, Vlaggen, Kledij-bedrukking , Bege-

leiding winkelconcepten, drukwerkbege-

leiding, uitnodigingen, Stickers, E-posters,

Websitebuilding, Alle digitale communica-

tie, Boeken: covers & binnenwerk, Catalogi,

Papierexpertise (25 jaar), Kalenders, Tram-

bekleding, Vloerstickers, Baches, Raadge-

ver sociale media, Kennis van zowel PC als

Apple, Presentaties, Organisatie van A tot Z

van beurzen, trainingen, events & jaarver-

gaderingen, Google advertising, facebook

bannering, Webdesign, naamkaartjes,

logo creatie,

... en nog veel meer!



5een kennismaking met:TOTAAlnI

Totaalni werd opgericht naar aanleiding van de stijgende vraag

naar mijn grafisch & digitaal werk.

Voor Totaalni.be bent u uniek & anders.

Wij behouden een vernieuwende kijk op functionele communicatie

en onderzoeken de nieuwe trends die deze kunnen verbeteren of

aanvullen.

Voor ons heeft elke klant recht op maatwerk voor zijn/haar budget!

Typografie, kleurenharmonie, design, aandacht voor uw doelstellingen,

visie & missie... dat zijn onze krachtpunten die we aanwenden om u

nog beter te kunnen van dienst te zijn.

Kortom : Totaalni hecht veel belang aan ‘design’ ten dienste van en

ter bevordering van de leesbaarheid, de inhoud en de structuur van

uw communicatie naar uw doelpubliek.



6een zijsprongetje naar:“dE KlARE lIjn”

Strips waren in mijn jeugd de X-boxen en Playstations dezer wereld.

deze getekende verhalen hebben een zeer grote onbewuste en later

bewuste invloed gehad op mijn grafische vorming. In het bijzonder

heeft de stroming van de “klare lijn” een zeer zware stempel gedrukt

op mijn ‘communicatief en vormgevend denken’.

Wat is die klare lijnEen stroming in de stripkunst, dat staat vast. Vandaag is het een mo-

derne stroming die na de a-historische Sf, zeden- en kritische strips

teruggrijpt naar het klassieke realistische avontuur uit de jaren 40.

deze stroming steunt op de klassiekers van de frans-belgische school

met oa : hergé (Kuifje), E. P. jacobs (Blake en Mortimer) en jacques

Martin (Alex).

de huidige klare lijn wil eenvoudigweg een verhaal brengen binnen

een specifieke stijl met één functionele techniek: Stabiliteit. Maar

daarenboven ook een stijl waarbinnen ruimte is voor variatie en in-

novatie.

Ever Meulen en joost Swarte hebben die klare lijn nog verder weten

door te trekken.



7the missing link:dE KlARE lIjn In WEBSITES & GRAfISCh WERK ?

Rekening houden met de kenmerken van de Klare lijn, zowel in het

bouwen van websites als in mijn grafisch werk, is voor mij niet zo-

maar een evidentie; het is een groeiproces geweest in een manier

van werken waar ik op een bepaald moment zelf de overeenkomsten

tussen mijn werkwijze en “de klare lijn” inzag.

Indien ik de ‘kenmerken’ neem en die reflecteer op mijn werk, dan

kom ik tot de volgende ‘vergelijking’ :

Kenmerken Kl: Overheersing van het verhaal over de tekening.

[l]: de boodschap primeert tov overdadige technische toeters en bellen.

Kl: het verhaal zo duidelijk mogelijk vertellen.

[l]: de boodschap zo duidelijk mogelijk overbrengen.

Kl: de klare lijn is niet alleen een grafische stijl, maar ook een vertelstijl.

[l]: de klare lijn is een grafishe stijl, maar ook een communicatiestijl.

Kl: Streven naar de optimale leesbaarheid.

[l]: Streven naar dé optimale leesbaarheid.

Kl: lineaire tekeningen en klare vormen.

[l]: Klare lijnen en optisch correcte verhoudingen.

Kl: Abstracte gelaatstrekken

[l]: Sobere lay-out

Kl: Ononderbroken, gemakkelijk te begrijpen plots.

[l]: duidelijke struktuur en inhoud.



8de toren van Babel en hetdIGITAAl AnAlfABETISME

Sinds de komst van de pc, tablets & smartphones, zijn de mogelijk-

heden tot communiceren oneindig geworden en gaan ze zelfs onze

verbeelding te boven.

Tot mijn spijt moet ik echter vaststellen dat de communicatiemacht nu

in handen is gekomen van mensen die al hun technisch kunnen persé

in één schermpje van 800 x 600 pixels willen stoppen. Ze verplich-

ten ons minutenlang te wachten tot alle toeters en bellen geladen zijn

én dan verplichten ze ons nog een introfilmpje of reclame te bekijken

die geen enkele informatieve waarde heeft, maar er toch – vinden ze

zelf - oh zo leuk uitziet… het spijt me daar hebben u en ik geen

tijd voor, wij willen snel de juiste informatie vinden die we zoeken,

punt uit.

dan heb ik het nog niet gehad over de eeuwenoude kunst van de

typografie en pagina-opbouw die met de digitalisering ‘niet meer be-

langrijk was’ of nog erger: gewoonweg onbekend en onbegrepen.

hierover verbolgen reageren is één zaak, het anders aanpakken een

andere. die andere aanpak is nu net waar Totaalni voor staat. Met als

leidraad ‘u bent uniek & anders’ en ‘for the different website’ verzoent

Totaalni het technische met het essentiële nl: dE BOOdSChAP.



9de achtergrondWAT MAAKTTOTAAlnI AndERS ?

Op mijn zestiende had ik het geluk al ‘vakantiewerk’ te mogen doen

bij IBM als bediende en werkte ik met een ‘state of the art‘ tijpma-

chine met magnetische ponskaart. Een jaar later mocht ik voor het

eerst een draagbare computer zien die zo’n slordige 10 kg woog en

zo groot was als een reiskoffer. nadien heb ik ook nog gewerkt voor

AES en XIOn twee software bedrijven die al hun software nog voor

een dOS-omgeving schreven. daar hoorde ik voor het eerst dat er

iets nieuws op de markt ging komen… Windows. IBM had gekozen

voor OS-2 en had een paar jaar voordien een ‘vervelende’ mede-

werker bedankt… Bill Gates. Alle schermen, waar ik mee werkte,

zagen toen nog groen of oranje.

Sindsdien heb ik dus alle Windows- en OS versies geïnstalleerd en

er uiteraard mee gewerkt; leerde ik programeren in Basic (later Visual

Basic) en het fenomeen internet verscheen.

Beroepsmatig was ik ondertussen in de grafische sector terechtgeko-

men en kwam in contact met de wereld van het gedrukte woord. Als

drukwerkbegeleider & grafist voor een papiergroothandel ontdekte en

bestudeerde ik alle facetten van drukwerk (zowel offset, zeefdruk, enz).

hierdoor werd ik niet enkel geconfronteerd met de problemen (van

alle betrokken partijen (eindklant, graficus, drukker, verwerker,...),

maar mocht ik mee op zoek gaan naar oplossingen) maw gaande-

weg leerde ik de beperkingen van materialen en technieken kennen;

maar vooral hun mogelijkheden.



10meten is wetenOnZE AAnPAK

Esthetiek het spreekt voor zich dat het visuele aantrekkelijkheid van een com-

municatie bijdraagt tot de credibiliteit van uw onderneming. de

lay-out moet uitnodigen tot het lezen van de boodschap en deze

snel en duidelijk overbrengen. hiervoor gebruiken we de volgende

elementen:

StijlVolgens Vandale is de eerste betekenis van Stijl: ‘overeind staande

balk die iets ondersteunt’. de stijl van uw communicatie moet ervoor

zorgen dat deze weergeeft wie je bent en/of waar je onderneming

voor staat. de ‘stijl’ zal dus de inhoud moeten ondersteunen. Tot de

stijl reken ik ook de kleurencombinaties van vlakken, tekst en illustra-

ties.

Afwerking Onzorgvuldigheden zoals te nauw bijgesneden randen, slordige ho-

rizontale of verticale centrering, verkeerde of overmatige beeldcom-

pressie, vergeten anti-aliasing zijn onvergeeflijk. Taal- en tikfouten,

evenals het gebruik van een kindertaaltje of een overvloed aan uit-

roeptekens uit den boze.

Typografie

Een goed webdesigner heeft daarenboven respect voor typografie

en heeft oog voor ‘blad’(beeld)-schikking. Typografie is niet zomaar

een ‘duur’ woord. het is een eeuwenoude kunst die dreigt verloren

te gaan omdat de ‘doordeweekse’ lezer niet begrijpt welk belang dit

heeft. Voor de echte doorwinterde typografen is het net echter een

nachtmerrie met maar slechts een handvol fonts die bruikbaar zijn

(lees : leesbaar en aanwezig op ieders computer).



11Techniek (websites)

Syntax & Toegankelijkheid: foutloze hTMl, oog voor optimalisatie en

het controleren van alle links zijn van primordiaal belang.

Totaalni garandeert u toegankelijkheid:

op alle browsers [firefox – Chrome (Google) – Safari – IE –

Opera]

op alle platforms [PC – Mac – linux]

op alle smartphones & tablets

hoe kunnen we dit garanderen ?

door de W3C standaard zoveel mogelijk te volgen, zelf te testen

en op de hoogte te blijven van alle nieuwe trends en toepassingen.

Want websites die er in verschillende browsers en onder verschil-

lende platforms (OS X, Windows, linux, ...) identiek uitzien, zijn het

kenmerk van een technisch onderlegd ontwerper.

Aandacht voor:navigatie: uw bezoekers beschikken niet over telepathische gaven,

een enorme vastberadenheid of bovenmenselijk geduld. Een duidelijk

navigatiesysteem moet dan ook doorheen de site gehandhaafd blij-

ven. Men laat de bezoeker best geen hindernissenparcours afleggen

om zijn doel te bereiken als het met één muisklik ook kan. Aangezien

op internet iedereen zijn eigen uitgever is, is het voor de doorsnee

gebruiker sowieso al moeilijk om tussen de bomen het bos nog te

zien. de kans dat een bezoeker na een ontgoochelende ervaring

snel terugkeert is vrij miniem.

het vasthouden van de aandacht is dan ook één van de moeilijkste

opgaven voor de webdesigner. dit fenomeen loopt volledig analoog

met het zappen op televisie, met dat verschil dat er op internet geen

30 maar meer dan 30 miljoen kanalen zijn waartussen men kan

kiezen.



12Efficiëntie: Een oordeelkundige keuze van beeldcompressietechniek en -verhou-

ding is essentieel om de website zo snel mogelijk te doen inladen

zonder aan beeldkwaliteit in te boeten. Men dient er zich van bewust

te zijn dat niet iedereen over een hogesnelheidsverbinding beschikt.

Bovendien spaart men zo webruimte, toegewezen bandbreedte,

maar vooral veel tijd uit.

Interactiviteit: Telkens als een nieuwe technologie zijn intrede doet loopt het storm

voor de nieuwe hype. de nieuwste gimmicks blijken na zekere tijd in

de praktijk slechts een beperkt toepassingsgebied te kunnen verwer-

ven. het is de taak van de ontwerper om oordeelkundig de nieuwe

technologieën in te schakelen, en niet de klassieke fout te maken om

van de website een showcase te maken voor allerlei toeters en bellen.

Er van uitgaan dat iedereen net dezelfde hardware- en softwareconfi-

guratie heeft, getuigt niet alleen van grenzeloze naïviteit, maar schept

tevens een vals gevoel van voldoening. het getuigt van een groter

inzicht als de ontwerper een specifieke technologie maar inzet waar

het imago, de communicatie of de functionaliteit van de website dit

vragen. Om de bezoeker allerlei kopzorgen over zijn instellingen,

browserversie en plug-ins te besparen, is het aangewezen om zoveel

mogelijk gegevensverwerking op de webserver te laten uitvoeren in

plaats van op de eigen computer. Via server-side scripting vermijdt

men incompatibiliteiten en crashes, en zorgt men zo voor de breedste

ondersteuning en het grootste aantal tevreden bezoekers. de ontwer-

per kan het zich op dit gebied wel wat comfortabeler maken met

behulp van hulpmiddelen zoals ASP en Coldfusion, maar dat heeft al

snel zijn gevolgen qua stabiliteit, beschikbaarheid of kostprijs.



13Streven naar volledigheid: Een bezoeker die buiten wat

algemene informatie weinig interessants kan vinden, is al snel ontgoo-

cheld. het is belangrijk om te trachten op de website alle mogelijke

informatie te plaatsen waarnaar een bezoeker op zoek kan zijn, en

zich niet tevreden te stellen met enkel maar een digitale versie van de

standaard firmabrochure.

Archieven: Om de vluchtigheid van het medium internet wat tegen te gaan, kan

het handig zijn om archieven van vroegere persberichten, tijdschriften

of andere documenten ter beschikking te stellen. het zou zonde zijn

om informatie die voor de bezoeker eventueel interessant kan zijn,

en waar destijds veel energie werd ingestoken, na luttele tijd reeds

definitief te wissen.

Multimedia:

In al die drukte zou men haast vergeten dat internet het multimediage-

beuren bij uitstek is. Bij het ontwerp van de site dient men dus zeker

niet te aarzelen om alle mogelijke niet-vertrouwelijke informatie zoals

documenten en handleidingen in Pdf-formaat of audio- en videomon-

tages op de website te plaatsen: de bezoeker zal er u dankbaar

voor zijn.

Onderhoud: Sommige sites worden na de plechtige lancering steeds minder geac-

tualiseerd, wat het bezoekersaantal na verloop van tijd exponentieel

doet dalen.

het regelmatig onderhouden van een website is op zijn minst even

belangrijk als de oorspronkelijke bouw ervan, alhoewel dit door tijds-

gebrek, onderhoudskosten of ‘angst’ voor de programma’s vaak sterk

wordt verwaarloosd... met alle gevolgen vandien, want de bezoeker

zal uw imago gelijkstellen aan de kwaliteit van uw website... het is

meestal de eerste kennismaking met u en uw firma.



14RI

Ch

TlIjn

En &

dO

ElST

EllIn

GEn

WERKdOCuMEnT

dit werkdocument kan u eventueel gebruiken om de productie van uw web-

site snel, efficiënt en gestructureerd te laten verlopen – dit aan de hand van

een aantal vragen.

[doel]

Waarom wilt u een website ?

[doelpubliek]

Wie wilt u bereiken en waarom ?

[inhoud]

Wat wilt u communiceren naar uw doelpubliek

[binding]

Wat kan je doen om je doelpubliek regelmatig terug te laten keren naar je

website

[Taalkeuze]

Welke talen zijn er nodig om het volledige doelpubliek te bereiken

[Multimedia]

Enkel nuttig en vooral relevant gebruik hiervan zal voor de beste ‘return’

helpen

[uitstraling]

dit is vooral van belang voor de vormgeving van de site... het is verstandig

om dit samen met ons te bekijken.

[bekendmaking]

Onderzoek hoe uw website bekend te maken bij ‘al’ uw klanten, leveran-

ciers, zakenrelaties, ... en vooral... uw eigen medewerkers en personeel.



15WER

KWIjZ

EWERKdOCuMEnT

het is belangrijk om vanaf het begin te weten dat de begeleiding door u

of door één van uw medewerkers meer werk zal vragen dan u misschien

vermoed. Wij vragen altijd om één en slechts één aanspreekpunt [contact-

persoon] aan te duiden tussen u en ons. dit is van essentieel belang om een

optimale, snelle en duidelijke communicatie op te bouwen.

Eerste fase

na het overlopen van de bovenvermelde punten wordt de structuur van het

ontwerp besproken zowel vanuit uw standpunt als vanuit het standpunt van

design. deadlines worden afgesproken.

Tweede fase

Een voorstel van lay-out wordt uitgewerkt. na bespreking hiervan en na

eventuele aanpassingen wordt de algemene vorm vastgelegd.

derde fase

u zorgt voor de correcte teksten in alle talen die nodig zijn voor het werk en

beeldmateriaal wordt aangeleverd. Voor een goede en snelle werking, is

het nodig om dit ook zo gestructureerd en duidelijk mogelijk aan te leveren.

Ivm beeldmateriaal is het van zeer groot belang eerst met ons zeer goed af

te stemmen wat en hoe [formaat, type, ...]

Vierde fase

de afgewerkte psd’s worden doorgegeven ter controle.

Eindfase

na een volledig overlopen van het ontwerp wordt deze afgeleverd.



16TEChnISChE fIChE& RIChTlIjnEn

BEEldMATERIAAlBeeldmateriaal dat u zelf aanlevert, moet voldoen aan bepaalde eisen:

- Rechtenvrij of rechten in uw bezit of door uzelf* genomen.

*Opgelet er bestaat ook nog portretrecht. Laat eventuele personen op uw foto’s een document tekenen waarbij ze

afstand doen van het portretrecht voor die specifieke foto voor die specifieke advertentie!

- Enkel hoog resolutie-beelden (afhankelijk van gebruik af te stemmen met ons)

- logo’s - liefst vectorieel (ai, eps, ...)

- duidelijke naamgeving en indicatie onderwerp

TEKST- Rechtenvrij, rechten in uw bezit of door uzelf geschreven

- Bij gebruik van persoons- merk- en/of firmanamen ook opletten

- Aan te leveren OnOPGEMAAKT

in Word, OpenOffice of een ander tekstformaat

We kunnen eventueel uit pdf’s ook tekstmateriaal halen.



17EXTRAdIEnSTEn & SERVICE

hiervoor werken we samen met zeer professionele mensen met een even

grote zorg voor detail als u van Totaalni gewoon bent. uiteraard wordt uw

opdracht nauw opgevolgd door ons en staan we garant voor het afgele-

verde werk.

u kan uiteraard ook op ons rekenen voor:

drukwerkbegeleiding (alle soorten drukwerk)

fotografie op maat en/of aankoop van beeldbank-beeldmateriaal

Inhoudelijke diensten

Vertalingen van al uw documenten

Copywriting en/of vernederlandsing*

Alle scanwerk

OCR - Omzetten van gedrukt materiaal naar bewerkbare tekst

digitaliseren van uw negatieven of dia’s

... en nog veel meer!

*copywriter die uw teksten naleest en in het AN ‘vertaald’ en/of de spellings-en taalfouten verbeterd.


contacteer me

louis Van Craenstraat 29B-2100 deurne

Tel +32 [0] 3 289 89 92Gsm +32 [0] 478 27 30 66

[email protected]

www.linkedin.com/in/ lucvanmalderen

www.lucvanmalderen.be

online Portfolioissuu.com/lucvanmalderen

TotaalNI - De klare lijn en richtlijnen v2016

Documents

Transcript of TotaalNI - De klare lijn en richtlijnen v2016