Шрифт, размер на текстовете и изображенията – това е мантрата и на мобилния, и на риспонсив дизайна
Мобилен и риспонсив дизайн – наясно ли сме дали тези думи са едно и също нещо или риспонсив дизайн е начин за създаването на мобилния дизайн?
Последните уеб тенденции налагат изграждането на един проект от нулата с постепенно надграждане с нови елементи, докато стане идеален и най-ефективен за клиента. С все по-налагащите се мобилни устройва в ежедневието на всички, означава че всеки сайт/онлайн магазин или блог трябва също трябва да влизат в този обсег.
Мобилен дизайн
Мобилен изглед означава проектиране на онлайн визия за мобилни устройства, преди да бъде създаден дизайнът за десктоп или друго устройство. Това е стратегия, а понякога дори е и нов начин за писане на код.
Преди няколко години това, което виждахме на мобилните си телефони, беше десктоп сайт с някои корекции. Сега сайтовете често биват създавани като специално се има предвид как ще изглежда тяхната мобилна версия.
Планирането на оформление на сайт за десктоп е различно от мобилната версия, защото е нужно да се определи какво от съдържанието е важно за потребителя. Като се започне със съдържанието, се добива представа за начина, по който потребителите търсят информация и нейния вид, независимо дали използват своя телефон или настолен компютър.
Настолните браузъри могат да правят невероятни неща и стават все по-големи. Но това, което изглежда фантастично на десктоп, може да е ужасяващо, видяно през мобилен телефон. Проектирането на мобилната версия ни задължава да се замислим още от самото начало за специфични дизайнерски решения – като шрифта например Ако искаме различните версии на сайта да си приличат помежду си, ще трябва да бъде избран такъв шрифт, който да изглежда отлично и на най-малкия телефон. Няма смисъл да се използва красив красив ръкописен шрифт, ако той не може да бъде прочетен на малък екран.
Риспонсив уеб дизайн
Терминът риспонсив (отзивчив) уеб дизайн представлява адаптивно оформление на уеб сайт спрямо индивидуални екранни резолюции, придаващ лекота и удобство при преглеждането му от устройства с различен размер на екрана. Това е и причината някои сайтове да изглеждат толкова подобни, независимо дали са гледани от смартфон, таблет или десктоп.
За да оцелее сред конкуренцията вашият сайт трябва да бъде адаптивен към всички устройства, които потребителите използват. В противен случай те просто ще престанат да го посещават и ще намерят друг, по-удобен за тях сайт. Трябва да се има предвид и как различните елементи се променят, когато бъдат преглеждани на голям и малък екран. Подобно на мобилната версия и тук детайлите като шрифт, размер на текстове и изображения трябва внимателно да се обмислят.
Екипът на ABC Design & Communication ви очаква, за да поговорим за конкретните нужди на вашия фирмен или личен сайт или блог, или онлайн магазин. Обадете ни се!
Вижте още:
Mobile Friendly за сайтове в няколко кратки съвета
Гугъл с радикални мерки към сайтове без мобилни версии
Уеб сайтове през мобилните телефони
Видео: Що е риспонсив дизайн и за какво ни служи