Kiinteät leveysasettelut vs. nestemäiset asettelut

Verkkosivun asettelu noudattaa yhtä kahdesta eri lähestymistavasta:

  • Kiinteän leveyden asettelut: Nämä ovat asetteluja, joissa koko sivun leveys asetetaan tietyllä numeerisella arvolla.
  • Nestemäiset asettelut: Nämä ovat asetteluja, joissa koko sivun leveys on joustava katsojan selaimen leveyden mukaan.

Molempien asettelumenetelmien käyttöön on hyviä syitä, mutta ymmärtämättä molempia suhteita kunkin menetelmän etuja ja puutteita, et voi tehdä hyvää päätöstä siitä, mitä haluat käyttää verkossa sivu.

Kiinteän leveyden asettelut

Kiinteät asettelut ovat asetteluja, jotka alkavat tietyllä koolla web-suunnittelijan määrittelemän mukaan. Ne pysyvät tällä leveydellä riippumatta sivua katselevan selainikkunan koosta. Kiinteän leveyden asetteluiden avulla suunnittelija voi hallita suoremmin sivun ulkoasua useimmissa tilanteissa. Suunnittelijat, joilla on painettu tausta, suosivat niitä usein, koska ne antavat suunnittelijan mahdollisuuden tehdä asettelun pieniä säätöjä ja pitää ne yhtenäisinä selaimissa ja tietokoneissa.

instagram viewer

Nestemäiset asettelut

Nestemäiset asettelut ovat asetteluja, jotka perustuvat prosentteihin nykyisen selainikkunan koosta. He taipuvat ikkunan koon mukaan, vaikka nykyinen katsoja muuttaisi selaimen kokoa katsellessaan sivustoa. Nestemäisen leveyden asettelut mahdollistavat minkä tahansa selainikkunan tai näytön resoluutio. Suunnittelijat suosivat heitä usein, joilla on paljon tietoa n päästäkseen niin pieneen tilaan kuin mahdollista, koska niiden koko ja suhteellinen sivupaino pysyvät tasaisina riippumatta siitä, kuka katselee sivu.

Mikä on vaakalaudalla?

Sinun verkkosivujen suunnittelu vaikuttaa sinun sivuston reagoivuus ja sopeutumiskyky. Valintasi mukaan lukijoiden kyky skannata tekstiäsi, löytää etsimänsä tai joskus jopa käyttää sivustoasi voi auttaa tai estää. Sivustosi brändin identiteetti voi myös olla vaarassa, varsinkin jos tuotemerkkisi standardit noudattavat ensimmäisen painatuslogiikan mallia.

Kiinteän leveyden asettelun edut

Kiinteän leveyden asettelu on hyödyllinen joissakin olosuhteissa.

  • Kiinteän leveyden asettelun avulla suunnittelija voi rakentaa sivuja, jotka näyttävät identtisiltä riippumatta siitä, kuka niitä katselee.
  • Kiinteän leveyden elementit, kuten kuvat, eivät ylitä tekstiä pienemmissä näytöissä, koska koko sivun leveys sisältää nämä elementit.
  • Suuret tekstisegmentit eivät vaikuta skannauksen pituuteen riippumatta siitä, kuinka leveä selain on.

Nestemäisten asettelujen edut

Nestemäinen asettelu toimii parhaiten muissa olosuhteissa.

  • Nestemäisen leveyden asettelu laajenee ja supistuu täyttämään käytettävissä oleva tila.
  • Kaikkia käytettävissä olevia kiinteistöjä käytetään, jolloin suunnittelija voi näyttää enemmän sisältöä suuremmissa näytöissä, mutta silti elinkelpoinen pienemmissä näytöissä.
  • Nestemäiset asettelut tarjoavat yhdenmukaisuuden suhteellisissa leveyksissä, jolloin sivu reagoi dynaamisemmin asiakkaiden asettamiin rajoituksiin, kuten suurempiin kirjasinkokoihin.

Kiinteän leveyden asettelujen haittoja

Kiinteä muoto ei kuitenkaan ole ilman kustannuksia.

  • Kiinteän leveyden asettelu pakottaa vaakasuoran vierityksen pienemmissä selainikkunoissa. Useimmat ihmiset eivät halua vierittää vaakasuunnassa.
  • Ne jättävät suuria alueita valkoista tilaa suurempiin näyttöihin, mikä johtaa paljon käyttämättömään tilaan ja vierittää enemmän pystysuunnassa kuin muuten voisi olla tarpeen.
  • Kiinteän leveyden asettelut eivät käsittele asiakkaiden kirjasinkokomuutoksia kovin hyvin. Pienissä kirjasinkokojen suurennuksissa ne voivat olla kunnossa, mutta suuremmissa suurennuksissa asettelu voi vaarantua.

Nestemäisten asettelujen haittoja

Myös nestemäiset asettelut eivät ole ilman haittoja.

  • Nestemäisten asettelujen ansiosta sivun eri osien leveyttä voidaan hallita hyvin vähän.
  • Ne voivat johtaa tekstisarakkeisiin, jotka ovat joko liian leveitä skannaamiseksi mukavasti, tai pienemmissä selaimissa, jotka ovat liian pieniä, jotta sanat näkyvät selvästi.
  • Nesteiden asetteluvirhe, kun kiinteän leveyden elementti, kuten kuva, sijoitetaan nestepatsaan sisään. Jos sarake renderoidaan ilman tarpeeksi tilaa kuvalle, jotkut selaimet lisäävät sarakkeen leveyttä, suunnittelijan ohjeita ohittamatta, kun taas muut selaimet pakottavat päällekkäisyyksiä tekstissä ja kuvissa oikean saavuttamiseksi prosentteina.

Asetteluasetus ja yhdistetyt lähestymistavat

Jotkut suunnittelijat haluavat sekoittaa nämä käsitteet. He eivät pidä nestemäisten asettelujen käyttämisestä suurille tekstilohkoille, koska tämä rakenne tekee tekstistä joko lukukelvotonta pienessä näytössä tai luentamattoman suuressa. Joten he pyrkivät tekemään sivujen pääsarakkeista kiinteän leveyden, mutta tekevät otsikoista, alatunnisteista ja sivuista sarakkeet joustavampia ottamaan jäljellä olevat kiinteistöt ja menettämättä kapasiteettia suurempia selaimet.

Jotkut sivustot käyttävät komentosarjoja selainikkunan koon määrittämiseen ja muuttavat sitten näyttöelementtejä vastaavasti. Esimerkiksi, jos avaat tällaisen sivuston hyvin leveässä ikkunassa, saatat saada ylimääräisen linkkisarakkeen vasemmalle puolelle, jota pienempien näyttöjen vierailijat eivät ehkä näe. Myös tekstin kääriminen mainonnan ympärille riippuu siitä, kuinka laaja selainikkuna on. Jos se on tarpeeksi leveä, sivusto kääri sen ympärille tekstiä, muuten se näyttää artikkelin tekstin mainoksen alla. Vaikka useimmat sivustot eivät tarvitse tätä monimutkaisuutta, se osoittaa keinon hyödyntää suurempia näyttöjä vaikuttamatta pienempien näyttöjen näyttöön.

instagram story viewer