Tasapainoisten sivuasettelujen luominen

sivun asettelu

Suunnittelemiesi sivuasettelujen ensisijainen tavoite, olipa 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ä nämä avainviestit selvästi aiotulle yleisölle. Olemme koonneet yhteen joitain tärkeimpiä vinkkejä, joiden avulla voit varmistaa, että sivun asettelumallisi ovat tasapainossa (hyvä verkkosivujen rakentaja auttaa myös). Nämä lähestymistavat toimivat hyvin tarjoamaan tasapainorakenteen riippumatta siitä, mistä aineistosta työskentelet.

Lisää verkkokohtaisia ​​neuvoja on täydellisen luomisen oppaassamme verkkosivujen asettelut .

01. Käytä ristikkoa

Tasapainoisten asettelujen luominen 1



Yksi helpoimmista tavoista varmistaa sivusi tasapaino on käyttää a verkkojärjestelmä . Aikaisemmin ruudukot olivat ainoa painetun sivun osa, 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 asettelun järjestyksen tunteen, 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.



kuinka valita käänteinen Photoshopissa

02. Valitse yksi keskipiste

Tasapainoisten asettelujen luominen 2

haluan photoshopin itseni kuvaksi

Yksi tehokkaimmista tavoista tarjota tasapainotunne on valita yksi painopiste 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 asiantuntijan analyysi ihanteesta) sivujen ylläpito palvelu), ja 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ä läheisyysperiaatetta Gestalt-teoria ryhmitellä ne yhteen ja kohdistaa ne samalla tavalla.

On myös syytä pitää mielessä, että voit käyttää otsikkoa tai vetolainaa 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öä

Tasapainoisten asettelujen luominen 3

Yksi parhaista tavoista tarjota tasapainotunne on käyttää suunnittelijan suosikkia Kolmannen sääntö tai Kultainen leikkaus . Yksinkertaisesti sanottuna kolmasosien sääntö sanoo, että jos jaat sivusi kolmansiksi sekä pysty- että vaakasuunnassa, pisteet, joissa ruudukkoviivat leikkaavat, antavat sävellyksen luonnolliset polttopisteet.

Kohdistamalla avainelementit näihin neljään pisteeseen saat miellyttävämmän koostumuksen kuin jos esimerkiksi keskität elementit täydellisesti sivullesi.

Itse kolmasosien sääntö ei tarjoa maagisesti tasapainoa maalauksellesi, mutta periaatetta laajentamalla on helppo käyttää tätä taipumusta kohti luonnollista yhteyspistettä, jotta saat tietoa asettelusi tasapainosta.

Yleinen lähestymistapa 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ä pilvitallennus vaihtoehtoja.

04. Käytä tyhjää tilaa

Tasapainoisten asettelujen luominen 4

Aloittelevien suunnittelijoiden on tavallista käyttää sivun jokaista bittiä 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.

mitä tarvitset öljymaalaukseen

Käyttämällä negatiivinen tila 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

Tasapainoisten asettelujen luominen 5

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 myötä syntyneen samankaltaisuuden mallin.

06. Käytä hierarkiaa

Tasapainoisten asettelujen luominen 6

Yksi tärkeimmistä lähestymistavoista sivun asettelun nirvanan 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 olla melkein aina visuaalisesti tärkeämpi kuin tekstiteksti.

Katso erilaisia ​​elementtejä, jotka muodostavat asettelusi ja päättävät, mikä elementti on tärkein. Käytä tätä elementtiä tarjoamaan rakenteellinen koukku sivun muille elementeille pitämällä se tärkeimpänä.

07. Käytä mittakaavaa, kontrastia ja harmoniaa

Tasapainoisten asettelujen luominen 7

Lopuksi mittakaavan käyttö voi olla erittäin tehokas menetelmä hyvän visuaalisen tasapainon saavuttamiseksi asettelussasi. Tekemällä joitain elementtejä suurempia kuin toiset, syntyy tunne järjestyksestä ja hierarkiasta. Tämä auttaa luomaan mukavan asettelun, koska katsoja tarkastelee ensin ensin asettelun suurempia elementtejä ja siirtyy pienempiin elementteihin lukiessaan.

mistä voin ostaa kynän puhelimeeni

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ä asteikko 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ä.

Aiheeseen liittyvät artikkelit: