Kuidas luua tasakaalustatud lehe paigutusi

Autor: Peter Berry
Loomise Kuupäev: 16 Juuli 2021
Värskenduse Kuupäev: 13 Mai 2024
Anonim
How to make BEILIS - creamy liqueur. BAILEYS RECIPE
Videot: How to make BEILIS - creamy liqueur. BAILEYS RECIPE

Sisu

Mis tahes kujundatava lehepaigutuse peamine eesmärk, olenemata sellest, kas see on trükitud brošüür või uusim veebirakendus, on teabe edastamine lugejale selgelt ja tõhusalt. Üks parimaid viise, kuidas tagada põhisõnumite edastamine lugejale, on tasakaalustatud lehepaigutuse loomine.

Lehekülje kujundus hõlmab tavaliselt palju paigutamist, elementide ümberkorraldamist ja vormindamist. Paljud disainerid lähenevad sellele protsessile orgaaniliselt, tundes oma teed meeldiva lõpptulemuse saavutamiseks. Ehkki see võib põhjustada suurepäraseid õnnelikke õnnetusi, on oht, et vabas vormis metoodika kasutamine võib põhjustada lehel visuaalse tasakaalu puudumise.

Hea lehekompositsioon peaks olema nii silmale meeldiv kui ka see, et need põhisõnumid edastataks selgelt ka sihtrühmale. Kogusime kokku mõned peamised näpunäited, mis aitavad teil tagada, et teie lehe kujunduse kujundus oleks tasakaalus (aitab ka hea veebisaidi koostaja). Need lähenemisviisid sobivad hästi tasakaalu ülesehitamiseks, olenemata sellest, millisest keskkonnast te töötate.


Veebispetsiifiliste nõuannete saamiseks vaadake meie juhendit täiuslike veebisaitide loomise kohta.

01. Kasutage ruudustikku

Üks lihtsamaid viise oma lehe tasakaalu tagamiseks on võrgusüsteemi kasutamine. Varem olid trükitud lehe ainsad ruudustikud, kuid viimaste aastate jooksul on veebis palju tööd tehtud, et aidata ruudustiku kontseptsioon üle viia digitaalsele andmekandjale.

Kasutades ruudustikku lehe erinevate elementide asukoha teavitamiseks, loote ühenduse erinevate lehtede elementide vahel. See võib aidata kujunduse korrastatuse tunde pakkuda, pakkudes lugejale selget struktuurilist viidet, millele tagasi pöörduda, ja suurendades teie lehe edukust.

See on oluline, sest kui kõigil teie leheelementidel on üksteisega ühenduvustunne, tundub üldmõju lugejale mugavam, aidates neil rahule jääda ja hõlbustades neile juurdepääsu olulistele asjadele: sisule.


02. Valige üks fookuspunkt

Üks tõhusamaid viise tasakaalutunde pakkumiseks on paigutuskujunduse jaoks ühe fookuspunkti valimine. Hea näide sellest praktikas on suure pildi kasutamine lehe suurima üksiku elemendina.

Tugev visuaal võib olla võimas viis lugeja oma lehele juhtimiseks (nagu ka ideaalse veebimajutusteenuse ekspertanalüüs), samuti on see kasulik struktuurielement, mille ümber ülejäänud paigutus paigutusse paigutada. Kui teil on mitu visuaalset elementi, kasutage nende grupeerimiseks geštaltiteooria läheduspõhimõtet, joondades need samamoodi.

Samuti tasub meeles pidada, et saate pealkirja või tõmmata pakkumist samamoodi; hea kuva pealkiri võib pakkuda sama palju visuaalset huvi kui pilt, pakkudes samas struktuuri, mis aitab teil tagada tasakaalustatud paigutuse.


03. Kasutage reeglit Kolmandad

Üks parimatest viisidest tasakaalutunde pakkumiseks on kasutada disaineri lemmikreeglit Kolmandad ehk Kuldne suhe. Lihtsustatult öeldes ütleb kolmandike reegel, et kui jagate oma lehe kolmandateks nii vertikaalselt kui ka horisontaalselt, pakuvad ruudustikujoonte ristumiskohad kompositsiooni loomulikke fookuspunkte.

Joondades oma põhielemendid nende nelja punktiga, saavutate meeldivama kompositsiooni kui siis, kui te näiteks oma lehe elemendid täiuslikult tsentreerite.

Iseenesest ei taga kolmandike reegel võluväel maagiliselt tasakaalu, kuid põhimõtet laiendades on seda suundumust loomuliku fookuspunkti suunas lihtne kasutada, et aidata paigutuse tasakaalu teavitada.

Levinud lähenemisviis on paigutada oma lehe kõige olulisemad elemendid lehe ülemisse (või alumisse) kolmandikku, kusjuures esmane fookuspunkt on joondatud ühele ristmikule vastavaks. Kas teil on oma saidil palju varasid salvestada? Vaadake neid pilve salvestamise võimalusi.

04. Kasutage tühikut

Algajad disainerid kasutavad lehel igat ruumi, täites sisu seni, kuni kõik tühikud on täidetud. Kogenumad teavad, et mõnikord hõlmab parim kujundus pigem elementide väljajätmist, mitte nende sisse toomist.

Trükitud andmekandjas on kõige tavalisem tühja ruumi kasutamine lehe veeriste ja vihmaveerennide suurendamisega. Veebis aitab elementide ümber lihtsalt palju hingamisruumi pakkuda, et teie kujundus tunduks komponeeritud ja tasakaalustatud.

Negatiivse ruumi kasutamine toimib kõige paremini siis, kui teil on selge struktuur, mis ankurdab sisu kokku (näiteks ruudustiku pakutav), kuna tühja ruumi tekkimise oht võib lehe elementide vahel lahti ühendada, kui see juhuslikult sisse viia.

05. Korrake kujunduselemente

Kordamine võib anda ka kindla kompositsiooni ühendatud kujunduse ja tasakaalu tunde. Idee on selles, et tuvastades motiivi või kujunduskäsitluse kogu paigutuse ulatuses ja kasutades seda uuesti, saate lugejale anda viite, et erinevad piirkonnad tunneksid end ühendatud ja osa samast üldisest kompositsioonist.

Seda tehnikat saate kasutada ka kujunduse fookuspunkti pakkumiseks, säilitades üldise tasakaalu, rikkudes tahtlikult kordamise kaudu sisse viidud sarnasuse mustrit.

06. Kasutage hierarhiat

Üks peamisi lähenemisviise lehe küljenduse nirvana saavutamiseks on selge struktuuri- ja hierarhiataju. Oleme struktuuri juba käsitlenud, kuid on oluline ka oma lehe erinevate sisulõikude suhteline tähtsus edasi anda. Näiteks peaks pealkiri olema peaaegu alati visuaalselt olulisem kui kehateksti sisu.

Vaadake erinevaid elemente, millest teie kujundus koosneb, ja otsustage, milline element on kõige olulisem. Selle elemendi abil saate lehe ülejäänud elementide jaoks struktureeritud konksu, hoides seda kõige olulisemaks.

07. Kasutage skaalat, kontrasti ja harmooniat

Lõpuks võib skaala kasutamine olla väga tõhus meetod paigutuse hea visuaalse tasakaalu saavutamiseks. Muutes mõned elemendid teistest suuremaks, tekib korrastatuse ja hierarhia tunne. See aitab luua mugava küljenduse, sest vaataja vaatab kõigepealt automaatselt paigutuse suuremaid elemente, liikudes lugedes edasi väiksemate elementideni.

See põhimõte töötab ka suurenenud kontrastiga, nii et lehe elemendi eraldamine kontrasti abil paneb silma kõigepealt sellele punktile keskenduma. See annab sissepääsu lehele ja annab jällegi kasuliku struktuuripunkti, millest saate oma paigutust arendada.

Nii skaala kui ka kontrastsus toimivad kõige paremini siis, kui need kehtivad ühele elemendile, muutes selle teie paigutuse teistest osadest eristuvaks. Kasutage harmoonia põhimõtteid, et teised tunneksid end ühendatuna ja rõhutaksid fookuspunkti.

Meie Soovitus
CSS-i tarnijate eesliited ähvardavad avatud veebi
Avastama

CSS-i tarnijate eesliited ähvardavad avatud veebi

W3C C -i töörühma koo oleku protokollid on veebidi aini valdkonna põhju tanud uurt muret, kuna ettepanek on, et brau erid võik id hakata toetama tulnukate C -i tarnijate ee li...
Päeva font: Tööhobune
Avastama

Päeva font: Tööhobune

Oleme uured tüpograafia au tajad ja ot ime alati uu i ja põnevaid kirjatüüpe, olgu ee ii ta uta või parimad fondid, mille ee t ta ub mak ta. eega, kui vajate oma praegu e proj...
Kuidas disainerid töötavad: Richard Stewart varajastest mõjudest ja loovuse säilitamisest
Avastama

Kuidas disainerid töötavad: Richard Stewart varajastest mõjudest ja loovuse säilitamisest

Richard tewart on di ainer ja illu traator Bo toni t. Tema töö hõlmab arvukalt ettevõtteid Ma achu ett i o ariigi ja elle ümbru e . iin räägib ta elle t, kuida vanem...