INHOUDSOPGAWE
'n Volledige gids om die basiese beginsels van visuele ontwerp te leer.
Die miljoen-dollar-vraag: wat is die geheim van goeie ontwerp?
Ons kan filosofies oor hierdie een gaan , maar oor die algemeen lê die spreekwoordelike 'geheim' van goeie ontwerp in die manier waarop jy jou visuele elemente organiseer, in verhouding tot jou doek, en met mekaar. Basies het ons pas uitlegontwerp beskryf. Wat, as jy daaraan dink, oral is waar jy kyk.
Neem byvoorbeeld die uitleg van 'n tydskrif. Hul ontwerp volg 'n klassieke roosterstelsel (ons gaan binne 'n minuut alles oor roosters leer). Alles is gewoonlik links, regs en onder in lyn. Die kolomme het veral 'n duidelike geregverdigde belyning wat die bladsy nie net visueel aantreklik maak nie, maar ook maklik leesbaar en gesaghebbend maak. Die groot opskrifte trek die kyker se aandag, terwyl die subopskrif kom as 'n kontras in grootte om 'n visuele hiërargie van inligting te skep.
Linda Gaom, Behance
Al hierdie eienskappe maak die bladsy ontwerp skoon, gestruktureerd en maklik om te lees, en hulle is in pas met die wenke waaroor ons volgende gaan praat. Maar eers, laat ons meer verstaan oor uitlegontwerp self.
Wat is uitlegontwerp?
Uitlegontwerp handel oor die rangskikking van grafiese elemente om die leser se aandag te trek en 'n spesifieke boodskap op 'n visueel aantreklike manier oor te dra .Ons praat dus niedie rusplek, terwyl ander elemente rigting gee.
'n Eenvoudige manier om dit te verstaan, is deur byvoorbeeld die voorbeeld van ons webwerf te neem. Grafika is duidelik geskei van die teks, en so ook die oproepe tot aksie, so die kyker se aandag navigeer van een groep inligting na die volgende.
Beginsel #5. Gebruik Kontras
Maak seker jy het genoeg kontras in jou ontwerp.
Kontras help om jou ontwerp te organiseer en sal 'n broodnodige hiërargie daarstel en klem plaas op wat belangrik is.Meer as dit, goeie gebruik van kontras voeg ook visuele belangstelling regdeur jou ontwerp by. Kom ons erken dit, 'n uitleg waar alles dieselfde grootte, vorm of kleur is, gaan vervelig lyk. Kontras speserye dinge op.
Jou eerste gedagte kan kleurkontras wees, soos warm teenoor koel, donker teenoor lig, blou teenoor oranje. Maar hoewel kleur 'n uiters noodsaaklike beginsel van kontras is, is daar ook kontraste van tipe, belyning en grootte. En onthou, kontras is ook relatief. Dit het slegs betekenis in jukstaposisie met ander elemente.
Hier is 'n paar voorbeelde van uitlegte wat hierdie reël op 'n slim en pragtige manier gebruik. Let op die kontras in tipografie, kleur, en selfs die kontras in die grootte tussen elemente.
Bron: IAG Reconciliation Action Plan
Beginsel #6. Herhaling, Patroon, Ritme
Wanneer ons aan herhaling dink, dink onsvan dieselfde element oor en oor.
Maar dit is anders in ontwerp. Dit is beslis nie so vervelig soos dit nie. Wanneer dit korrek gebruik word, kan herhaling eintlik jou ontwerp bemagtig.
Probeer om 'n motief regdeur jou uitleg te identifiseer en te hergebruik sodat verskeie areas verbind voel en deel van dieselfde samestelling voel. Dit sal jou ontwerp help om 'n tema te hê. Deur elemente te herhaal, lewer jy nie net volgens die verwagtinge van jou gehoor nie, maar jy sal ook die gebruikerservaring verbeter. Om konsekwent te wees laat die gebruikers gemakliker voel.
Jy kan dit doen deur vorms of simbole te herhaal. Of selfs 'n kleurskema, 'n lettertipe en dieselfde styl in die algemeen.
'n Goeie gewoonte om in te kom is om 'n lettertipe met 'n groot gesin te gebruik. Beperk die verskillende aantal patrone, lyngewigte/style en kleure, en herhaal deurgaans. Probeer ook om die styl van beelde en grafika dieselfde te hou. Gebruik byvoorbeeld illustrasies deur dieselfde kunstenaar.
Bron: Thepentool.co
Dit is dit. Dit is die ses beginsels wat jou sal help om jou ontwerp te organiseer en 'n skoner, meer professionele en gebalanseerde uitleg te bereik.
Maar jou reis eindig nie hier nie. Grafiese ontwerp is nie 'n presiese wetenskap nie en dit moet nie beperk word tot wenke en beginsels nie. Soos waar is in alle areas van die skepping, is daar geen harde reël nie. Om op subtiele maniere uit hierdie wenke te breek, sal diepte en verskeidenheid byvoegjou ontwerpe.
Desnieteenstaande is dit 'n goeie beginpunt en ons moedig jou aan om dit te probeer. En laat weet ons hoe hulle gewerk het!
Laai Vectornator af om te begin
Vat jou ontwerpe na die volgende vlak.
Laai lêer af
oor logo-ontwerp hier. Maar die ontwerp van gedrukte materiaal, soos koerante, tydskrifte, plakkate en hul digitale eweknieë, sowel as web-, app- of UX/UI-ontwerp.Die woord 'uitleg' gee ons baie wenke. Dit beteken 'n rangskikking van voorafbepaalde elemente op 'n bladsy.
Wanneer 'n uitleg effektief is, lyk dit goed, en dit lei die kyker om die boodskap te verstaan wat die ontwerp probeer oordra. Om uitleg te verstaan is dus die sleutel in die skep van innemende, effektiewe, gebruikersvriendelike en aangename komposisies.
As 'n uitleg nie sy boodskap goed aan die gehoor oordra nie, of met ander woorde, dit "lees nie goed" ", sal die ontwerp ondoeltreffend wees, maak nie saak hoe nuwerwets dit lyk nie. Op die gebied van uitlegontwerp vervang inhoud tendense en foefies.
Die doel van uitlegontwerp
Om vinnig 'n boodskap oor te dra
Dit is die sleutel. Uitlegontwerp vestig die verhouding tussen grafiese bates om 'n gladde vloei van oogbeweging te verkry vir maksimum doeltreffendheid en impak.
Om balans te skep
Die gebruik van die beginsels van uitlegontwerp is die eenvoudigste manier om te skep 'n gevoel van balans en simmetrie in jou ontwerpprojekte sonder om vervelig te raak.
Om samehorigheid te skep
Uitleg help jou om die baie elemente van jou ontwerp op 'n maklik verteerbare, samehangende en logiese manier te rangskik.
Om skoonheid te skep
Balans en struktuur skep natuurlik skoonheid.As jou uitlegontwerp korrek gedoen is, sal dit outomaties visueel aantreklik vir die kyker word. Hoe minder moeite die kykers moet doen om 'n boodskap te verstaan, hoe aantrekliker sal jou ontwerp lyk.
Ontwerper deur Frank Philippin vir sy boek 'I Used to Be a Design Student: Then - Nou.' Bron: DesignBoom
The Elements of Layout Design
Text
Dit sluit nie net die teksliggaam of paragrawe in nie, maar ook opskrifte, subopskrifte, kop- en voettekste. Jou keuse van tipografie, kleur en grootte sal verskillende effekte verkry op hoe jou uitleg na jou gehoor sal vertaal.
Beeld
Die mees algemene tipe beelde is foto's, illustrasies of infografika.
Vorms
Vorms kan geometries wees, wat baie hoekig is, of hulle kan organies wees, wat die natuurlike wêreld naboots. Hulle kan ook abstrak wees. Abstrakte vorms was baie nuwerwets in die afgelope jaar, aangesien ons gesien het hoe webontwerpers hulle in komplekse en uitgestrekte komposisies inkorporeer.
Vorms kan 'n prent vervang. Of hulle kan gebruik word om grafiese elemente by 'n bladsy te voeg, teks uit te lig, of die spasie tussen ander visuele elemente af te baken.
Wit spasie
Enige uitlegontwerp sal 'n sekere hoeveelheid wit spasie hê wat jou elemente sal toelaat om asem te haal en op hul eie uit te staan.
Die goue beginsels van uitlegontwerp
Jy sal agterkom dat die beginselsvan uitlegontwerp volg baie van die fundamentele beginsels van ontwerp. Soos om kleur op 'n sekere manier te gebruik, tipografie, herhaling, kontras, hiërargie en balans.
Beginsel #1. Gebruik roosters
Rasters help ontwerpers om verskeie ontwerpelemente soos teks en beelde te posisioneer op 'n manier wat samehangend lyk en maklik om te volg.
Dit verskaf 'n gevoel van orde, dit keer dat elemente mekaar oorweldig. , en die belangrikste, roosters sal ook jou belyning regstel. Laat jou werk skoner en meer professioneel voel.
Bron: hgmlegal.com
The anatomy of grids
Jy dink dalk dis net vertikale en horisontale lyne, maar 'n rooster bestaan uit verskeie dele. Baie, in werklikheid. Hier is die belangrikste terminologie wat jy in 'n basiese rooster moet ken:
- Formaat is die volle area van jou finale ontwerp. So as jy iets ontwerp vir druk, is die formaat die bladsy, en as jy 'n webontwerper is, is die formaat die webbladsy of die blaaiervenster.
- Marges is die opsetlike leë spasies tussen die formaat en die ontwerp.
- Vloeilyne is die horisontale lyne wat jou uitleg in parallelle afdelings skei. Vloeilyne help met die leesbaarheid van jou ontwerp en lei die leser om die inhoud korrek te volg.
- Modules is die blokke wat deur die horisontale lyne en vertikale gevorm wordvloeilyne van enige rooster. As jy daaroor dink, is hulle die boustene van enige rooster. Al jou vertikale modules skep jou kolomme, terwyl al jou horisontale roosters jou rye skep.
- Streke is groepe gekoppelde modules, hetsy vertikaal of horisontaal. Daar is geen reëls oor hoe jy besluit om dit te organiseer nie.
Bron: Radversity
Types roosters
Uitlegroosters is eers gebruik om te rangskik handskrif op papier.
Hulle dateer so vroeg as die 13de eeu, toe die Franse kunstenaar Villard De die roosterstelsel met die goue snit saamgevoeg het om gedrukte bladsyuitlegte met kantlyne te produseer. Jy kan hierdie roosterstelsel tot vandag toe sien, soos die meeste gedrukte boek- en tydskrifuitlegte bewys. Uitgewers, redakteurs en ontwerpers verkies om standaardroosters te gebruik, nie net omdat dit goed lyk nie, maar omdat lesers begin verwag het dat sekere ontwerpelemente op 'n spesifieke plek moet wees.
Rasters kan op twee maniere ontwerp word: simmetries of asimmetries. Simmetriese roosters volg 'n middellyn, waar die vertikale en horisontale streke gelyk aan mekaar is; en kolomme het dieselfde breedte.
In 'n asimmetriese rooster , soos die naam aandui, is die kantlyne en die kolomme nie almal identies nie.
Gegrond op hierdie klassifikasie is daar vyf hooftipes uitlegroosters wat wêreldwyd gebruik word waarop jy kan staatmaak:
Manuskriproosters is die mees algemene soort rooster vir dokumente. Hulle skei die kopskrif, voetskrif en kantlyne, en skep basies 'n reghoek binne die formaat (of die bladsy) wat die grense aan jou teks verskaf. Hulle is die basis vir tydskrifte, koerante en boeke. So dit is seker die uitleg waarmee jy die meeste vertroud is.
Bron: UXplanet
Bron: Radversity
Kolomroosters is nog 'n gunsteling in tydskrifpublikasie. 'n Tipiese tydskrifuitleg gebruik kolomroosters om teks in maklikleesbare afdelings te skei. Maar hulle is ook baie gewild vir webwerwe. Jy kan enigiets van twee tot ses roosters gebruik. Meer is moontlik, maar nie algemeen nie. 'n Baie belangrike ding van kolomroosters is dat die spasiëring tussen die kolomme, of die geute, eweredig van mekaar afstand is.
Simmetriese kolomroosters word byvoorbeeld deur koerante gebruik, terwyl 'n asimmetriese kolomrooster verkies word in webontwerp .
Bron: UX Planet
Sien ook: 8 maniere om die krag van agtergrondverwydering te benut
Bron: Radversity
Modulêre roosters is soortgelyk aan die kolomrooster, maar hulle is ook verantwoordelik vir die horisontale vloeilyne. Hierdie tipe rooster is nodig wanneer jy verskeie elemente in jou uitleg moet organiseer en die kolomroosters is eenvoudig nie genoeg nie.
Modulêre roosters het ewe groot modules wat dit baie maklik maak om jou ruimtelike sones op verskillende maniere te visualiseer.
Bron: UXPlaneet
Bron: Radversity
Basislynroosters is fantasties vir teksgebaseerde komposisies. 'n Basislyn is die reël waar teks rus wanneer jy tik, en vooraan is die spasiëring tussen twee basislyne. Wonder jy hoe groot jou opskrif of subopskrifte moet wees?
Grondlynroosters is hier om jou teks 'n vloeiende ritme te gee.
Bron: UX Planet
Bron: Fragaria
Hiërargiese roosters lyk minder soos 'n rooster as al hul eweknieë. Nietemin, hulle is baie nuttig wanneer ontwerpelemente in hul volgorde van belangrikheid georganiseer word. Hiërargiese roosters kan op modulêre roosters gebaseer wees, of jy kan selfs jou eie skep. Webwerwe gebruik hierdie rooster baie, veral digitale tydskrifte en koerante is geneig om meer staat te maak op hiërargiese roosters eerder as kolomroosters in hul oorgang om digitaal te word.
Bron: UX Plane
Beginsel #2. Gebruik negatiewe spasie
Ons dink dikwels dat leegheid, stilte of gebrek aan kleur 'n slegte ding is. Maar ons oorweeg nie hoe hulle die soliede fondament van die kontras is nie.
Ook genoem wit spasie, negatiewe spasie is daardie area in jou ontwerp wat geen werklike elemente het nie. Dis die area wat leeg gelaat word. Dit omring nie net jou bates nie, dit skep ook die nodige bande tussen hulle. Daarom is negatiewe ruimte 'n regmatige ontwerpelement en het dit 'n groot impak op hoe effektief jou uitleg isontwerp is.
Goeie vs slegte negatiewe spasie
Negatiewe spasie sal help om verskeie areas in jou ontwerp te skei, terwyl dit ook jou uitleg toelaat om asem te haal. Dit help met visuele hiërargie en visuele balans; dit stel die gebruiker se fokus op die kernelemente; dit verminder die vlak van afleiding; en laastens voeg dit styl en elegansie by jou ontwerp.
Onervare ontwerpers kan dalk die neiging hê om soveel as moontlik van hul doek in te vul, deur teks op te skaal of 'n logo, of 'n prent op te blaas. Maar om jou elemente ruimte te gee, laat die kyker toe om sekere inligting-aanwysings vinniger en gemakliker te kies.
As alles vir jou kyker se aandag skree, word niks gehoor nie.– Aaron Walter, 'Design for emosie'
'n Maklike manier om jou negatiewe spasie te bepaal, is deur 'n modulêre rooster te gebruik. Deur dit bo-op jou ontwerp te plaas, kan jy dan maklik visualiseer watter modules leeg kan bly, en watter ingevul moet word.
Ontwerper deur Brunswicker, Bron: Codesignmag.com
Beginsel #3. Kies 'n enkele fokuspunt
Het 'n kliënt jou al ooit gevra om die logo groter te maak? En dan om die opskrif nog groter te maak?
Jy kan nie alles beklemtoon nie. Dit verslaan die punt van goeie ontwerp. Net soos tyd is fokus relatief. Vir een element om uit te staan, moet 'n ander as agtergrond dien. Sommige elemente moet ander oorheers sodat jou ontwerp vertoon kan word'n visuele hiërargie.
Die fokuspunt in 'n ontwerp is die een element met die grootste visuele gewig. Dit is die element wat die oog eerste trek, meer as enigiets anders in jou uitleg.'n Fokuspunt sal aan jou gehoor aankondig waar hul kykreis op jou ontwerp begin. Dit is dus die begin van die storie wat jy vertel.
Dit kan gewoonlik bereik word deur 'n groot beeld of 'n groot bron van tipografie te gebruik. Let op hoe effektief die fokuspunt hieronder is
Ontwerp deur Braulio Amado vir Bloomberg Businessweek, Bron: Dit is lekker dat
Maar terwyl 'n fokuspunt die aandag van jou gehoor sal trek in, die volgende reël sal help om dit te rig.
Beginsel #4. Dink aan Nabyheid en Vloei
Die beginsel van nabyheid is eenvoudig. Maak seker dat elemente wat met mekaar verband hou saam geplaas word.
Nabyheid dui aan dat die visuele bates verbind is en een visuele eenheid word wat jou uitleg help organiseer.Kluster dus slegs ontwerpbates wat 'n verhouding met mekaar het, en gebruik sakke inligting oor jou ontwerp om jou gehoor te lei na die stukkie relevante inhoud wat hulle moet verbruik. Dit word ook die vloeibeginsel genoem.
Bron: Satori Graphics
'n Ontwerp met goeie vloei sal die kykers se oog regdeur die uitleg, van element tot element, met gemak lei. Jou fokuspunte sal die oog trek en word
Sien ook: 10 speelse somerfontstyle om jou ontwerpe op te skerp