Projektēšana tīmeklim un planšetdatoriem - atsaucīgs dizains

• Maijs 6, 2024

Termins Atbildīga jau kādu laiku ir priekšplānā, bet ko tas īsti nozīmē? Internets gadu gaitā ir daudz mainījies, sākot no galvenokārt uz tekstu balstītas platformas līdz interaktīvai, saistošai, multivides un vairāku ierīču videi.

Pēdējās desmit gadu laikā tīmekļa vietnes ir mainījušās, lai atspoguļotu uzlabojumus internetā un ierīcēs, kuras mēs to izmantojam. Runājot par ierīcēm, mums ir vairāki veidi, no kuriem izvēlēties, ieskaitot datorus, minidatorus, planšetdatorus un viedtālruņus. Palielinoties ierīču skaitam un to variācijām, problēma kļūst acīmredzama. Katrai ierīcei un katram ierīces variantam ir savs ekrāna izmērs.

Kad mums bija jāveido tikai galddatoru un klēpjdatoru vietnes, mūsu galvenais apsvērums bija, kā nodrošināt, ka vietne tiek rādīta vienādi neatkarīgi no datora vai tīmekļa pārlūka. Atbilde bija populārāko tīmekļa pārlūkprogrammu dizains un visizplatītākās ekrāna izšķirtspējas. Tas darbojās neilgu laiku. Vēl viena problēma kļuva acīmredzama, jo šie parametri turpināja mainīties. Mana pirmā datora ekrāna izmērs bija 800 x 600, un es tik un tā to mīlēju. Tad 1024 x 800 kļuva par normu. Tagad datori ir pieauguši līdz 27 collām un lielākiem. Tātad mērķa izšķirtspēja vietnei turpināja mainīties.

Tieši tad, kad mēs sākām izbaudīt dizainu šiem lielākiem ekrāniem, viedtālruņa un planšetdatora popularitāte ievērojami palielinājās, pateicoties to atdzistām lietotnēm, bet mazākiem ekrāniem. Faktiski tiek prognozēts, ka viedtālruņi un tabulas tiks izmantoti biežāk nekā datori, lai skatītu tīmekli tikai dažu gadu laikā. Sākumā bija tikai dažas mobilās ierīces. Tāpēc mēs sākām veidot gan galveno vietni datora lietotājam, gan otro vietni mobilajam lietotājam. Bet tas pilnībā neatrisināja problēmu, jo mēs joprojām izstrādājām fiksēta platuma izkārtojumus.

Tagad jūs nevarat pieņemt, kuru ierīci skatītājs izmantos, lai apskatītu jūsu vietni. Tātad dažu fiksētu ekrāna izmēru projektēšana vairs nav labākā atbilde uz problēmu. Mums ir nepieciešams veids, kā noteikt lietotāja ierīces ekrāna lielumu un attiecīgi parādīt tīmekļa lapu. Tādējādi adaptīvs tīmekļa dizains, kas CSS izmanto, lai noteiktu ekrāna platumu un tīmekļa lapu parādītu atšķirīgi pēc nepieciešamības. Tas ļauj mums izveidot tikai vienu vietni, kurā pēc vajadzības tiks izveidotas vairākas versijas.