Sisältö
- 01. Käytä ristikkoa
- 02. Valitse yksi keskipiste
- 03. Käytä kolmansien sääntöä
- 04. Käytä tyhjää tilaa
- 05. Toista suunnitteluelementit
- 06. Käytä hierarkiaa
- 07. Käytä mittakaavaa, kontrastia ja harmoniaa
Suunnitellun sivun asettelun ensisijainen tavoite, riippumatta siitä, onko kyseessä painettu esite tai uusin verkkosovellus, on välittää tiedot selkeästi ja tehokkaasti lukijalle. Yksi parhaista tavoista varmistaa, että tärkeimmät viestit toimitetaan lukijalle, on luoda tasapainoinen sivuasettelu.
Sivun asetteluun liittyy tyypillisesti paljon sijoittelua, elementtien uudelleenjärjestelyä ja muotoilua. Monet suunnittelijat lähestyvät tätä prosessia orgaanisesti ja tuntevat tiensä miellyttävään lopputulokseen. Vaikka tämä voi johtaa erinomaisiin onnellisiin onnettomuuksiin, on olemassa vaara, että vapaamuotoisen menetelmän käyttö voi johtaa visuaalisen tasapainon puutteeseen sivulla.
Hyvän sivukoostumuksen tulisi olla sekä silmän miellyttävä että välitettävä avainviestit selkeästi aiotulle yleisölle. Olemme koonneet yhteen joitain tärkeimpiä vinkkejä, joiden avulla voit varmistaa, että sivujesi ulkoasuilla on tasapaino (myös hyvä verkkosivustojen rakentaja auttaa). Nämä lähestymistavat toimivat hyvin tasapainon rakentamiseksi riippumatta siitä, mistä työskentelet.
Lisää verkkokohtaisia neuvoja on oppaassamme täydellisten verkkosivujen asettelujen luomisesta.
01. Käytä ristikkoa
Yksi helpoimmista tavoista varmistaa sivusi tasapaino on käyttää ruudukkojärjestelmää. Aikaisemmin ruudukot olivat ainoa painetun sivun suoja, mutta viime vuosina on tehty paljon työtä verkossa, jotta ruudukon käsite voidaan siirtää digitaaliseen mediaan.
Käyttämällä ruudukkoa ilmoittaaksesi sivun eri elementtien sijainnin, luo yhteyden sivusi muodostavien eri elementtien välille. Tämä voi auttaa tarjoamaan järjestyksen tunteen ulkoasustasi, tarjoamaan lukijalle selkeän rakenteellisen viitteen, johon voi palata, ja lisätä sivusi menestystä.
Tämä on tärkeää, koska kun kaikilla sivuelementeilläsi on yhteys toisiinsa, kokonaisvaikutus tuntuu lukijalta mukavammalta, helpottamalla niiden levittämistä ja helpottamalla pääsyä tärkeisiin asioihin: sisältöön.
02. Valitse yksi keskipiste
Yksi tehokkaimmista tavoista tarjota tasapainotunne on valita yksi yhteyspiste taittosuunnitelmallesi. Hyvä esimerkki tästä käytännössä on suuren kuvan käyttö sivun suurimpana yksittäisenä elementtinä.
Vahva visuaalinen sisältö voi tarjota tehokkaan tavan ohjata lukija sivullesi (samoin kuin ihanteellisen web-hosting-palvelun asiantuntija-analyysi), ja se tarjoaa myös hyödyllisen rakenteellisen elementin, jonka ympärille voidaan järjestää ulkoasun jäljellä oleva sisältö. Jos sinulla on useita visuaalisia elementtejä, käytä Gestalt Theory -lähestymistapaa ryhmittääkseen ne yhteen ja kohdistamalla ne samalla tavalla.
On myös syytä pitää mielessä, että voit käyttää otsikkoa tai vetolainausta samalla tavalla. hyvä näytön otsikko voi tarjota yhtä paljon visuaalista kiinnostusta kuin kuva, samalla kun se tarjoaa rakenteen, joka auttaa sinua varmistamaan tasapainoisen asettelun.
03. Käytä kolmansien sääntöä
Yksi parhaista tavoista antaa tasapainotunne on käyttää suunnittelijan suosikkia Kolmassääntö tai Kultainen suhde. Yksinkertaisesti sanottuna kolmasosien sääntö sanoo, että jos jaat sivusi kolmasosiksi sekä pysty- että vaakasuunnassa, pisteet, joissa ruudukkoviivat leikkaavat, tarjoavat sävellyksen luonnolliset polttopisteet.
Kohdistamalla avainelementit näihin neljään kohtaan saavutat miellyttävämmän koostumuksen kuin jos esimerkiksi keskität elementit täydellisesti sivullesi.
Itse asiassa kolmasosien sääntö ei tarjoa maagisesti maagista tasapainoa, mutta periaatetta laajentamalla on helppo käyttää tätä taipumusta kohti luonnollista yhteyspistettä asettelun tasapainon saamiseksi.
Yleinen tapa on sijoittaa sivusi tärkeimmät elementit sivun ylä- tai alaosaan siten, että ensisijainen polttopiste on kohdistettu vastaamaan yhtä risteyksistä. Onko sinulla paljon varastoitavaa sisältöä sivustollesi? Tarkista nämä pilvitallennusvaihtoehdot.
04. Käytä tyhjää tilaa
Aloittelevat suunnittelijat käyttävät sivun jokaista tilaa, täyttämällä sisältöä, kunnes kaikki aukot on täytetty. Kokeneemmat tietävät, että joskus paras muotoilu sisältää elementtien jättämisen pois sen sijaan, että ne koristettaisiin sisään.
Painetussa mediassa yleisin tapa käyttää tyhjää tilaa on suurentaa sivun marginaaleja ja kouruja. Verkossa yksinkertaisesti tarjoamalla runsaasti hengitystilaa elementtien ympärille voi auttaa asetteluasi tuntemaan koostumuksen ja tasapainon.
Negatiivisen tilan käyttö toimii parhaiten, kun sinulla on selkeä rakenne, joka ankkuroi sisällön yhteen (kuten ruudukon tarjoama), koska välilyönnin riski voi olla yhteyselementtien välisen yhteyden tunne, jos se otetaan käyttöön sattumanvaraisesti.
05. Toista suunnitteluelementit
Toisto voi myös antaa vahvan tunteen yhdistetystä suunnittelusta ja tasapainosta sävellykselle. Ajatuksena on, että tunnistamalla motiivi tai suunnittelukäsittely ja käyttämällä sitä uudelleen koko ulkoasussa, voit antaa lukijalle viitteen, jotta eri alueet tuntevat olevansa yhteydessä ja osa samaa kokonaiskoostumusta.
Voit myös käyttää tätä tekniikkaa tarjotaksesi keskipisteen suunnittelussa samalla, kun säilytät yleisen tasapainon, rikkomalla tarkoituksella toistamisen aiheuttaman samankaltaisuuden mallin.
06. Käytä hierarkiaa
Yksi keskeisistä lähestymistavoista sivun asettelunirvaanan saavuttamiseksi on selkeä käsitys rakenteesta ja hierarkiasta. Olemme jo käsitelleet rakennetta, mutta on tärkeää välittää myös sivusi eri sisältöjen suhteellinen merkitys. Esimerkiksi otsikon pitäisi melkein aina olla visuaalisesti tärkeämpi kuin tekstiteksti.
Katso erilaisia elementtejä, jotka muodostavat taittosi ja päättävät, mikä elementti on tärkein. Käytä tätä elementtiä tarjoamaan rakennekoukku sivun muille elementeille, pitäen sen tärkeimpänä.
07. Käytä mittakaavaa, kontrastia ja harmoniaa
Lopuksi mittakaavan käyttö voi olla erittäin tehokas menetelmä hyvän visuaalisen tasapainon saavuttamiseksi asettelussasi. Kun jotkut elementit ovat suurempia kuin toiset, syntyy järjestyksen ja hierarkian tunne. Tämä auttaa luomaan mukavan asettelun, koska katsoja tarkastelee ensin ensin asettelun suurempia elementtejä ja siirtyy pienempiin elementteihin lukiessaan.
Tämä periaate toimii myös lisääntyneellä kontrastilla, joten eristämällä sivun elementti kontrastin avulla silmä keskittyy ensin siihen pisteeseen. Tämä tarjoaa tien sivulle ja antaa jälleen hyödyllisen rakennepisteen, josta voit kehittää asettelua.
Sekä mittakaava että kontrasti toimivat parhaiten, kun ne koskevat yhtä elementtiä, jolloin se erottuu ulkoasun muista osista. Käytä harmonian periaatteita saadaksesi muut tuntemaan yhteyden ja korostamaan keskipistettä.
