Huis Persoonlijke financiën Infographics Design Principles: Balance - dummies

Infographics Design Principles: Balance - dummies

Inhoudsopgave:

Video: 6 Principles of Visual Design 2024

Video: 6 Principles of Visual Design 2024
Anonim

Een goed ontwerp is een goed ontwerp. Dit geldt voor grafisch ontwerp, kranten en zelfs interieurontwerp, en zeker voor infographics. Adequate balans geeft uw infographic visuele stabiliteit, waardoor wordt voorkomen dat één element de visuele en ten onrechte lezende focus van de lezer domineert. Het houdt het ontwerp ondersteboven of ondersteboven of schuin naar de ene of de andere kant.

Een geweldige vuistregel voor het maken van een uitgebalanceerde infographic is om uw pagina in drieën op te splitsen, met behulp van een raster, zoals weergegeven in deze afbeelding. De derden kunnen van links naar rechts of van boven naar beneden gaan. Hoe dan ook, je dominante -element - het deel van de afbeelding dat je hoofdidee illustreert - zou ongeveer tweederde van je ontwerp in beslag moeten nemen.

Experimenteren met balans

Er is meer dan één manier om een ​​visueel aantrekkelijke infographic te maken. Raadpleeg opnieuw de drie voorbeelden in de vorige afbeelding. De eerste bevat slechts drie afzonderlijke kunstelementen: één dominante grafiek linksboven, een kleiner kunstelement rechts bovenaan en een vrij groot element dat de onderkant verankert.

De tweede heeft zes delen, dus het is een beetje complexer, maar nog steeds mooi in balans en vrij helder. Nogmaals, het heeft een visueel dominant element. Om de rest van het ontwerp te verenigen, gebruikt u spaties, subkoppen (meestal een woord of twee die naar een nieuw gedeelte leiden) of kaartspellen (een zin of twee die informatie toevoegt) en kleur om de kijker door het verhaal te leiden.

Met de derde lay-out kan het dominante element de volledige bovenkant van de afbeelding opnemen. Dit kan een goede keuze zijn als de illustratie erg aantrekkelijk is, of als het verhaal echt overtuigend is. Ondersteunende informatie staat op de achtergrond, onderaan de infographic.

Al deze drie lay-outs zouden heel goed werken. De aard van de gegevens en het karakter van de illustraties bepalen welke lay-out het beste werkt voor uw infographic.

Optimaal gebruik maken van witte ruimte

"Witte ruimte" is een heel belangrijk ontwerpelement dat u kan helpen uw balans te vinden in uw infographics. Ten eerste is witte ruimte niet altijd wit - het is gewoon de naam voor de open ruimte tussen kunst en tekstelementen.

Met witte ruimte kan het oog een pauze nemen tussen het ene deel van uw infographic en het volgende. Het zorgt ervoor dat uw afbeelding duidelijk en leesbaar is. Je moet wat witte ruimte inbouwen in je ontwerp.

Sla niet alleen uw artistieke elementen dicht en laat de gaten als uw witte ruimte dienen.

De volgende afbeelding laat zien hoe willekeurige witte ruimte de balans van een infographic kan beschadigen. Deze afbeelding zou worden verbeterd door de kleinere kunstelementen in proportie met elkaar te brengen en meer gelijke hoeveelheden witte ruimte tussen alle te creëren.

Overweeg het aantal en het type illustraties en diagrammen dat u weergeeft en denk ook na over de inhoud ervan. Je wilt waarschijnlijk niet dat al je ondersteunende elementen lijndiagrammen zijn omdat dat saai zou zijn. Je wilt ook geen mengelmoes van datavisualisatie creëren, want dat kan je boodschap verwateren. Experimenteer met vormen die je dominante element zullen ondersteunen zonder ervan af te leiden.

Infographics Design Principles: Balance - dummies

Bewerkers keuze

Setup Menu 3 op de Rebel T6i / 750D - dummies

Setup Menu 3 op de Rebel T6i / 750D - dummies

Er wachten nogal wat aanpassingsmogelijkheden op de Setup-menu van de Rebel T6i / 750D 3. Setup-menu 3, weergegeven in de volgende afbeelding, bevat de volgende aanpassingsmogelijkheden: Schermkleur: standaard bevat het scherm Opname-instellingen opnamegegevens in het wit op een eenvoudige zwarte achtergrond. Er worden grijstinten in grijstinten gebruikt en accenten worden meestal oranje gemarkeerd. ...

Bewerkers keuze

Tekst invoeren en in een PowerPoint-dia passen - dummies

Tekst invoeren en in een PowerPoint-dia passen - dummies

Tekst aan een inhoud toevoegen tijdelijke aanduiding in Microsoft PowerPoint, klik op het gebied Klik om tekst toe te voegen en typ wat u wilt. Als u een ander type inhoud wilt toevoegen, klikt u op het pictogram in de tijdelijke aanduiding voor het gewenste type. Als u meer tekst typt dan in dat tekstvak past (vooral gebruikelijk voor ...

Voor senioren: de Prullenbak van uw computer leegmaken - dummies

Voor senioren: de Prullenbak van uw computer leegmaken - dummies

De Prullenbak op uw computer bevat onlangs verwijderde items. Uw oude bestanden bevinden zich in de Prullenbak en u kunt ze ophalen totdat u deze leegt of totdat deze de maximale maximale grootte heeft bereikt, en Windows automatisch enkele bestanden dumpt. Nadat u de Prullenbak hebt leeggemaakt, zijn alle bestanden daarin niet beschikbaar voor ...

Hoe tekst in te voeren in een Microsoft Office-document - dummies

Hoe tekst in te voeren in een Microsoft Office-document - dummies

Nadat u een document hebt gemaakt, bent u klaar om te beginnen met typen. Tekst op de pagina plaatsen (of op het scherm) is een beetje anders in elk van de drie grote Microsoft Office-toepassingen: Word, Excel en PowerPoint. Woord: Het belangrijkste werkgebied van het programma is een lege lei waarop u rechtstreeks kunt typen. Klik gewoon in de ...

Bewerkers keuze

Animatie maken met de HTML5-canvastag - dummies

Animatie maken met de HTML5-canvastag - dummies

Hoewel de HTML5-canvastag misschien niet als vervanging voor Flash als mechanisme voor het implementeren van games en animaties in de browser, is het redelijk eenvoudig om animaties aan een canvasafbeelding toe te voegen. De sleutel is om de animatiefuncties te gebruiken die al in de browser zijn ingebouwd. Basisstructuur van de animatielus in HTML5-canvas Een animatie ...

Hoe externe stijlen maken in CSS3 - dummies

Hoe externe stijlen maken in CSS3 - dummies

De meeste ontwikkelaars gebruiken externe stijlen in CSS3 om te verkleinen de hoeveelheid werk die nodig is om een ​​site te onderhouden. Een. CSS-bestand bevat alle stijlen voor de site, wat betekent dat het veranderen van een stijl voor de hele site net zo eenvoudig is als het veranderen van dat ene bestand (in plaats van elke pagina). Omdat de wijziging plaatsvindt in slechts ...

Hoe u volledige interactieve CSS3-toepassingen maakt met YUI - dummies

Hoe u volledige interactieve CSS3-toepassingen maakt met YUI - dummies

De Yahoo! Gebruikersinterface (YUI) -bibliotheek (Yuilibrary) is een complete ontwikkeling - API verwant met jQuery en jQuery UI CSS3 gecombineerd in sommige opzichten en rijker dan deze bibliotheken in andere. Dit is een complexe API die is ontworpen om aan de behoeften van grotere applicaties te voldoen. Eigenlijk moet je echt de tutorials doorlopen, ...