Proiectare pentru web și tablete - Design responsive

• Mai 10, 2024

Termenul de Responsabil a fost în frunte pentru o perioadă, dar ce înseamnă exact? Internetul s-a schimbat mult de-a lungul anilor, de la o platformă bazată pe text, într-un mediu interactiv, angajator, multi-media și multi-dispozitiv.

Paginile Web s-au schimbat în ultimul deceniu pentru a reflecta îmbunătățirile aduse Internetului și dispozitivelor pe care le folosim pentru a le vizualiza. Vorbind despre dispozitive, avem de ales din mai multe tipuri, inclusiv computere, mini-computere, tablete și smartphone-uri. Pe măsură ce numărul dispozitivelor și variațiile acestora cresc, o problemă devine evidentă. Fiecare dispozitiv și fiecare variație a unui dispozitiv are dimensiunea proprie a ecranului.

Când a trebuit să proiectăm doar site-uri web pentru computere desktop și laptop, principala noastră considerație a fost cum să ne asigurăm că pagina web afișează același lucru indiferent de computer sau browser web. Răspunsul a fost să proiectăm pentru browserele web de top și cele mai comune rezoluții de ecran. Asta a funcționat o perioadă scurtă de timp. O altă problemă a devenit evidentă, deoarece acești parametri au continuat să se schimbe. Dimensiunea ecranului pentru primul meu computer a fost de 800 x 600 și oricum mi-a plăcut. Apoi, 1024 x 800 a devenit norma. Acum calculatoarele au crescut la 27 de centimetri și mai mari. Deci, rezoluția țintă pentru un site web a continuat să se schimbe.

Tocmai când am început să ne bucurăm de proiectarea pentru aceste ecrane mai mari, popularitatea smartphone-ului și tabletei a crescut foarte mult, cu aplicațiile lor superbe, dar cu ecrane mai mici. De fapt, se prevede că smartphone-urile și tabelele vor fi folosite mai des decât computerele pentru a vizualiza web în doar câțiva ani. La început erau doar câteva dispozitive mobile. Așa că am început să proiectăm atât un site web principal pentru utilizatorul computerului, cât și un al doilea site pentru utilizatorul mobil. Însă acest lucru nu a rezolvat problema complet, deoarece încă proiectam pentru machete cu lățime fixă.

Acum, nu vă puteți asuma ce dispozitiv va folosi telespectatorul pentru a vizualiza site-ul dvs. web. Deci proiectarea pentru anumite dimensiuni de ecran fixe nu mai este cel mai bun răspuns la problemă. Ne trebuie un mod de a determina dimensiunea ecranului dispozitivului utilizatorului și de a afișa pagina web în consecință. Prin urmare, design web sensibil, care folosește CSS pentru a determina lățimea ecranului și pentru a afișa o pagină web în mod diferit, după cum este necesar. Acest lucru ne permite să avem un singur site web care se va transforma în mai multe versiuni, după cum este necesar.

Instrucțiuni Video,: Google I/O 2011: Designing and Implementing Android UIs for Phones and Tablets (Mai 2024).