Web lapas izkārtojumu var izdarīt divos dažādos veidos:
- Fiksētie platuma izkārtojumi - tie ir izkārtojumi, kuros visas lapas platums ir iestatīts ar noteiktu skaitlisku vērtību.
- Šķidrie izkārtojumi. Tie ir izkārtojumi, kuros visas lapas platums ir elastīgs atkarībā no tā, cik liela ir skatītāja pārlūkprogramma.
Ir labi iemesli, kā izmantot gan izkārtojuma metodes, gan neizprotot katras metodes relatīvos ieguvumus un trūkumus, jūs nevarat pieņemt pareizu lēmumu par to, ko izmantot jūsu tīmekļa lapai.
Fiksētie platuma izkārtojumi
Fiksētie izkārtojumi ir izkārtojumi, kuru sākums ir noteikts izmērs, ko noteicis Web dizaineris . Tie saglabā šo platumu, neatkarīgi no tā, cik pārlūkprogrammas loga lapas tiek skatītas. Fiksēta platuma izkārtojumi ļauj dizaineram vairāk kontrolēt to, kā lapa izskatīsies vairumā situāciju. Tiem bieži dod priekšroku dizaineri ar drukāšanas fona, jo tie ļauj dizaineram veikt miniatūras pielāgojumus izkārtojumam un saglabāt to atbilstību pārlūkprogrammās un datoros.
Šķidrās izkārtnes
Šķidro maketu veidi ir izkārtojumi, kuru pamatā ir pašreizējā pārlūkprogrammas loga lieluma procentuālais sastāvs. Viņi saskaras ar loga izmēru, pat ja pašreizējais skatītājs maina pārlūkprogrammas izmēru, kad viņi skatās vietni. Šķidruma platuma izkārtojumi ļauj ļoti efektīvi izmantot telpu, ko nodrošina jebkurš konkrētais Web pārlūkprogrammas logs vai ekrāna izšķirtspēja. Parasti dizaineriem dod priekšroku tiem, kuriem ir daudz informācijas, lai pēc iespējas mazu vietu varētu atrast, jo tie saglabājas nemainīgi pēc izmēra un relatīvās lapas svēršanas, neatkarīgi no tā, kurš lapas skatās.
Kas ir pie Stake?
Jūsu tīmekļa vietnes dizainam izvēlētā metode ietekmēs ne tikai jūsu dizainu . Atkarībā no tā, kuru jūs izvēlaties, jūs ietekmēsiet lasītāju spēju skenēt jūsu tekstu, atrast to, ko viņi meklē, vai dažkārt pat izmantot jūsu vietni. Arī izkārtojuma stils ietekmēs jūsu centienus tirgot jūsu vietni, izmantojot zīmolu, nekustamā īpašuma pieejamību un jūsu vietnes estētiku.
Fiksētās platuma izkārtojumu priekšrocības
- Fiksēta platuma izkārtojums ļauj dizaineram izveidot lapas, kas izskatīsies vienādi, neatkarīgi no tā, kurš tos aplūko.
- Fiksēta platuma elementi, piemēram, attēli, nepārsniegs tekstu mazajos monitoros, jo visas lapas platums ietver šos elementus.
- Skenēšanas garums neietekmēs lielus teksta segmentus neatkarīgi no tā, cik liels ir tīmekļa pārlūks.
Liquid Layouts priekšrocības
- Šķidro platuma izkārtojums paplašinās un tiek noslēgts līgums, lai aizpildītu pieejamo vietu.
- Tiek izmantots viss pieejamais nekustamais īpašums, kas ļauj dizaineram attēlot vairāk satura lielākos monitoros, bet maziem displejiem joprojām ir dzīvotspējīgi.
- Šķidruma izkārtojumi nodrošina relatīvo platumu konsekvenci, ļaujot lapai vairāk dinamiski reaģēt uz klientu noteiktajiem ierobežojumiem, piemēram, lielākiem fontu izmēriem.
Trūkumi fiksēta platuma izkārtojumos
- Fiksēta platuma izkārtojumi var izraisīt horizontālu ritināšanu mazāku pārlūka logos. Un lielākā daļa cilvēku nepatīk ritināt horizontāli.
- Lielākos monitoros tie var izraisīt lielu atstarpi atstarpēs, kā rezultātā daudz neizmantotas vietas un vertikāli ritinot, nekā citādi būtu nepieciešams.
- Fiksēta platuma izkārtojumi ļoti labi neiztur lietotāju izmaiņas fontu lielumos. Attiecībā uz nelielu fonta lieluma palielinājumu tie var būt labi, bet lielākiem palielinājumiem izkārtojums var tikt apdraudēts.
Trūkumi šķidruma izkārtojumos
- Šķidrie izkārtojumi ļauj ļoti maz precīzi kontrolēt dažādu lapas elementu platumu.
- Tie var radīt teksta slejas, kas ir vai nu pārāk plašs, lai ērti skenētu, vai mazākiem pārlūkiem, kas ir pārāk mazi, lai vārdi skaidri parādītu.
- Šķidriem izkārtojumiem var būt problēmas, ja fiksēta platuma elements, piemēram, attēls, atrodas šķidruma kolonnā. Ja kolonna tiek iztulkota bez attēla pietiekami daudz vietas, dažas pārlūkprogrammas palielinās kolonnu platumu, neņemot vērā dizainera norādījumus, savukārt citās pārlūkprogrammās teksts un attēli pārklāsies, lai sasniegtu pareizos procentus.
Secinājums
Daudzas vietnes, kurām ir nepieciešama daudz informācijas, kas vajadzīgas, lai sniegtu pēc iespējas mazāk vietas, varētu labi darboties ar šķidru izkārtojumu. Tas ļauj viņiem izmantot visu nekustamo īpašumu, ko nodrošina lielāki monitori, vienlaikus nemazinot mazāku displeju.
Vietnes, kurām nepieciešama precīza kontrole par to, kā lapas izskatās katrā situācijā, varētu labi izmantot fiksēta platuma izkārtojumu. Tas nodrošina lielāku pārliecību, ka jūsu vietnes zīmols ir konsekventa un skaidra neatkarīgi no tā, cik liela izmēra monitoru tas tiek skatīts.
Izkārtojuma izvēle
Daudzi izvēlas jauktu pieeju. Viņiem nepatīk izmantot lielu teksta bloku šķidro izkārtojumu, jo tas var padarīt tekstu nederīgu mazajam monitoram vai neskaitāmam uz liela. Tātad tie mēdz veidot galvenās lappušu kolonnas ar fiksētu platumu, bet padarīt galvenes, kājenes un sānu kolonnas elastīgākas, lai aizņemtu atlikušo nekustamo īpašumu, un nezaudētu lielāku pārlūkprogrammu ietilpību.
Dažās vietnēs tiek izmantoti skripti, lai noteiktu pārlūkprogrammas loga izmēru un pēc tam attiecīgi mainītu displeja elementus. Piemēram, ja atverat šādu vietni ļoti plašā logā, kreisajā pusē varat iegūt papildu sleju saites, ka klienti ar mazākiem monitoriem var neredzēt. Arī teksta aplaušana reklāma ir atkarīga no tā, cik liels ir jūsu pārlūkprogrammas logs. Ja tas ir pietiekami plašs, vietne aptins tekstu, pretējā gadījumā zem reklāmas parādīsies raksta teksts. Kaut arī lielākajai daļai vietņu nav nepieciešams šis sarežģītības līmenis, tas parāda veidu, kā izmantot lielākos ekrānus, neietekmējot displeju mazajos ekrānos.