Kas ir adaptīvs tīmekļa dizains

• Maijs 18, 2024

Ir trīs galvenās adaptīvā tīmekļa dizaina iezīmes, kas ir mainīgs izkārtojums, maināmi attēli un multivides vaicājumi. Plašsaziņas līdzekļu vaicājumi tīmekļa dizainā nav tik jauni. Sākot ar CSD2.1 multivides veidiem, mēs varētu izveidot stila lapas gan tīmeklim, gan drukāšanai, nedaudz nodrošinot, ka vietne ekrānā un drukāšanas laikā izskatās vienādi. Tas attīstījās plašsaziņas līdzekļu vaicājumos CSS3. Šis vaicājums pārbauda multivides ierīces platumu (maksimālais ierīces platums) un pārbauda to pēc iestatītās vērtības, piemēram, 480px vai 768px. Atbildot uz šo vaicājumu, mēs izmantojam CSS stilus, lai mainītu šķidruma izkārtojumu un mainītu ekrāna attēlu lielumu.

Jūs varat viegli pārbaudīt, vai vietnei ir adaptīvs dizains. Sāciet ar pārlūku pilnā datora ekrāna platumā. Pēc tam velciet pārlūka labo malu pa kreisi, lai samazinātu pārlūka loga platumu. Jums vajadzētu redzēt, ka attēli kļūst mazāki, un izkārtojums uzņems blakus esošās peldošās daivas un sakārtos tās vertikāli. Piemēram, ja galerijas lapā pilnekrāna režīmā mums ir seši attēli (seši dalījumi) katrā rindā, samazinot ekrāna platumu, attēlu skaits pēc kārtas tiek pakāpeniski samazināts un sakrauts pēc vajadzības. Kad platums tiek samazināts līdz noteiktai summai, paši attēli sāks mainīt izmērus. Cieši vērojot, jūs redzēsit arī to, ka daži dizaina elementi, piemēram, navigācijas saites, var tikt samazināti līdz ikonai vai pat pazust. To kontrolē arī CSS stila lapa.

Izstrādājot tīmekļa vietnes, ņemiet vērā ne tikai to, kā tīmekļa lapas dizaina elementi izskatīsies pilna ekrāna platumā, bet arī to, kā tie izskatīsies sakrauti. Apsveriet, kādus dizaina elementus no ekrāna var noņemt ar mazāku ekrāna platumu, nesamazinot vietnes funkcionalitāti. Tā kā atsaucīga dizaina iespējas un tehnoloģijas ātri mainās, sekošana visiem uzlabojumiem var būt laikietilpīga. Ja labprātāk pavadāt laiku kodēšanas vietā, izstrādājot dizainu, apskatiet dažas no skaistajām atsaucīgajām tēmām, kas pieejamas Wordpress. Ja esat mazs dizaina uzņēmums, izstrādājot tīmekļa vietnes, ieteicams apsvērt iespēju sākt ar vienu no šiem adaptīvajiem tēmu izkārtojumiem.

Video Instrukcijas: Kādas riepas jāizvēlas manai automašīnai? Kā patstāvīgi izvēlēties riepas? | Padomi no AUTODOC (Maijs 2024).