Днес ще се запознаем малко повече с терминът responsive дизайн и какво представлява той! Както знаем за да имаме един красив, работещ и успешен уеб сайт не е достатъчно той да е разработен само за големите екрани. В днешно време 52% от потребителите, посещават уеб съдържание през мобилните си телефони. Други близо 3% предпочитат използването на своя таблет, докато останалите 45% разчитат на лаптопа си или настолен компютър. Именно поради тази причина вече не е достатъчно уеб сайтът ни да е изграден само за по - големите екрани.
В следващите няколко реда ще разгледаме малко по - подробно какво е адаптивен (responsive) дизайн и защо е фундаментален той за бизнеса ни.
Какво е адаптивен (responsive) дизайн?
Адаптивният дизайн е технология на изработка на уеб сайт, при която се изгражда "гъвкав" дизайн. С други думи се създават специални стилистични условия, в зависимост от резолюцията на потребителя. По този начин дизайнът се пригодява в подходящ за размера на екрана вид.
Както по - горе споменахме, нуждата от мобилна версия или адаптивен дизайн в днешно време е почти неотложна задача. Изработването на такъв дизайн може да се направи по два различни подхода:
- Мобилната версия на сайт е копие на основния уеб сайт, но предназначен само за мобилни устройства. Най – често той работи на отделен URL адрес (например m.site.bg) и е разграничен от основните страници
- Мобилната версия на сайт не е отделен URL адрес, а чрез използването на специално обозначени за тези цели стилове, като се изграждат ограничения, важащи само за нея. Така не е нужно да се прави отделно копие на уеб сайта само за мобилната версия.
При втория модел на работа се посочват така наречените breakpoints или определени размери на екрана, при които външния вид на уеб сайта претърпява промени и се нагажда спрямо резолюцията на устройството. За целта новия CSS3 излиза с много подобрения относно този въпрос, като спрямо по старите версии, в новата се представят точно такива breakpoints наречени Мedia Queries или медийните запитвания.
“Responsive” vs “Responsive +”
В услугата Responsive, освен стандартната десктоп версия се обхващат два основни размера на екраните:
- Мобилни устройства - до 365px;
- По - големи мобилни устройства и таблети - до 768px;
Това не винаги е достатъчна оптимизация, защото разнообразието от резолюции на екрани е толкова голямо, че често се налага той да бъде допълнително донадграден. Именно поради това ние от Направи Ми Сайт Ви предлагаме услугата си "Responsive +", при която оптимизираме Вашето съдържание и за още три фундаментални резолюции:
- Мобилни устройства - до 325px (iPhone 5, iPhone 5S, iPhone SE);
- По - големи таблети и PC - до 1024px;
- 4K екрани - до 2600px;
Важно е да споменем в заключение, че предимството от адаптивния дизайн на уеб сайта ни, не само че винаги води до по - добри отзиви от страна на потребителите, а и нещо повече - той помага на сайта да се индексира по - добре в търсещите машини като Google, което взето заедно с по - дългото време на престой на даден потребител, със сигурност ще доведе до позитивни резултати за бизнеса Ви!