Skip to Content

Tarteak: barne-tartea eta marjinak

Barne-tarteak eta marjinak orrialde baten egitura eta erritmoa definitzen dituzten tresnak dira. Edukia bere edukiontzitik zein hurbil dagoen eta atalen artean zenbat arnasgune dagoen kontrolatzen dute, eta horrek zuzenean eragiten die irakurgarritasunari, orekari eta hierarkia bisualari. Tarteen beharrak atal batetik bestera aldatzen direnez, barne-tarteak eta marjinak banaka doi ditzakezu edozein bloke eta widgetetan, diseinua fintzeko.

Barne-tarteen eta marjinen ezarpenak moldakorrak dira, hau da, aldaketak editatzen ari zaren ikuspegian bakarrik aplikatzen dira. Mahaigaineko ikuspegian tarteak doitzen badituzu, ez dira automatikoki tabletara edo mugikorrera pasatuko, eta alderantziz ere berdin. Zure diseinua gailu guztietan koherente mantentzeko, berrikusi eta findu barne-tarteak eta marjinak ikuspegi bakoitzean bereizita: mahaigaina, tableta eta mugikorra. Xehetasun gehiagorako, irakurri Mugikorra eta tableta artikulua.

Zer diren barne-tarteak eta marjinak

Editor UI Overview

Barne-tartea

Barne-tartea elementu baten barruko espazioa da, bere edukiaren eta ertzen artekoa. Bloke bati barne-tartea gehitzen badiozu, barruko testua, irudiak eta botoiak blokearen ertzetatik urruntzen dira, arnasgune erosoa sortuz. Pentsa barne-tartea barne-kuxin gisa, edukia estututa ez egotea eta irakurtzeko errazagoa izatea lortzen duena.

Marjina

Marjina elementu baten kanpoko espazioa da, inguruko beste elementuetatik bereizten duena. Widget edo bloke bati marjina gehitzen badiozu, ondoko edukitik urruntzen duzu, eta horrek lotutako elementuak multzokatzen eta atalak bisualki talka egitea saihesten laguntzen du. Pentsa marjina kanpoko tarte gisa, diseinuaren zatien arteko distantzia eta bereizketa kontrolatzen dituena.

Barne-tartea eta marjina Estiloaren panelean kontrolatzea

Editor UI Overview

Estiloaren ikonoa

Hemendik edozein bloke edo widgeten Estiloaren panela ireki dezakezu.

Estiloaren panela

Hemendik Estiloaren panela ireki dezakezu eskuinaldean, non barne-tartearen eta marjinaren balioak doi ditzakezun. Ziurtatu Oinarrizkoa fitxan zaudela tarte-kontrol horietara sartzeko.

Lotu alde guztiak

Aldagailu hau funtsezkoa da tarteak editatzeko. Barne-tarte edo marjina bera lau aldeetan aldi berean aplikatzeko aukera ematen dizu (goia, eskuina, behea, ezkerra), edo kontrol bereizietara aldatzeko alde bakoitza banaka fintzeko.

Gomendioa

Kasu gehienetan, alde bakoitza bereizita doitzea gomendatzen dugu, azken diseinuaren gaineko malgutasun eta kontrol handiagoa ematen dizulako.

Barne-tarteak

Hemendik widget edo bloke baten barne-tartea doi dezakezu. Erabili graduatzailea 0 eta 100 pixel arteko balio bat ezartzeko, edo idatzi zenbaki zehatz bat graduatzailearen eskuineko eremuan.

Marjinak

Hemendik widget edo bloke baten marjina doi dezakezu. Erabili graduatzailea -100 eta 100 pixel arteko balio bat ezartzeko, edo idatzi zenbaki zehatz bat graduatzailearen eskuineko eremuan.

Widgetak gainjartzea marjina negatiboarekin

Editor UI Overview

Widgetak gainjartzeak sakontasuna gehi dezake eta atal-diseinu deigarriagoak sor ditzake. Efektu hori lortzeko, normalean marjina negatiboak erabiliko dituzu.

Marjina negatiboa

Ezarri marjina balio negatibo batean. Adibide honetan, marjina -300 px-tan ezarrita dago, eta horrek testuaren widgeta eskuineko irudiaren gainera eramaten du.

Eduki gainjarria

Ondorioz, testuaren widgetak irudia 300 px-tan gainjartzen du.