Проектиране за уеб и таблети - отзивчив дизайн

• Април 20, 2024

Терминът Отзивчиви е на преден план от известно време, но какво точно означава това? Интернет се промени много през годините, от предимно текстова платформа до интерактивна, ангажираща, мултимедийна и мулти-устройство.

През последното десетилетие уеб страниците се променят, за да отразят подобренията в Интернет и устройствата, които използваме за неговото преглеждане. Говорейки за устройства, ние можем да избираме няколко типа, включително компютри, мини-компютри, таблети и смартфони. С увеличаването на броя на устройствата и техните варианти проблемът става очевиден. Всяко устройство и всяка негова разновидност има собствен размер на екрана.

Когато трябваше да проектираме само уебсайтове за настолни и преносими компютри, нашето основно внимание беше как да гарантираме, че уеб страницата се показва еднакво, независимо от компютъра или уеб браузъра. Отговорът беше да се проектира за най-добрите уеб браузъри и най-често срещаните резолюции на екрана. Това работи за кратко време. Друг проблем стана очевиден, тъй като тези параметри продължиха да се променят. Размерът на екрана за първия ми компютър беше 800 x 600 и така или иначе го харесвах. Тогава 1024 х 800 стана норма. Сега компютрите са нараснали до 27 инча и по-големи. Така че целевата резолюция за уебсайт продължава да се променя.

Точно когато започнахме да се наслаждаваме на дизайна за тези по-големи екрани, популярността на смартфона и таблета се увеличи значително, с техните готини приложения, но по-малки екрани. Всъщност се прогнозира, че смартфоните и таблиците ще се използват по-често от компютрите за преглед в мрежата само след няколко години. В началото имаше само няколко мобилни устройства. Така че започнахме да проектираме както основен уебсайт за компютърния потребител, така и втори сайт за мобилния потребител. Но това не реши проблема напълно, тъй като все още проектирахме оформления с фиксирана ширина.

Сега не можете да предположите какво устройство ще използва зрителят за преглед на уебсайта ви. Така че проектирането за определени фиксирани размери вече не е най-добрият отговор на проблема. Това, от което се нуждаем, е начин да определим размера на екрана на устройството на потребителя и съответно да покажем уеб страницата. Следователно, отзивчивият уеб дизайн, който използва CSS за определяне на ширината на екрана и показване на уеб страница по различен начин според нуждите. Това ни позволява да имаме само един уебсайт, който да се преобразува в няколко версии според нуждите.

Инструкции Видео: Top 5 Web Designing Framework (Април 2024).