Шта је прилагодљиви дизајн? (Видео за објашњење и Инфографика)

прилагодљив веб дизајн

Треба деценију прилагодљив веб дизајн (РВД) да би се од данас Цамерон Адамс је први пут представио концепт. Идеја је била генијална - зашто не бисмо могли да дизајнирамо сајтове који се прилагођавају погледу приказа уређаја на којем се гледа?

Шта је прилагодљиви дизајн?

Респонзивни веб дизајн (РВД) је приступ веб дизајнирању чији је циљ израда сајтова како би се пружио оптималан доживљај гледања - лако читање и навигација уз минимум промене величине, померања и померања - на широком спектру уређаја (од мобилних телефона до стоног рачунара монитори). Сајт дизајниран са РВД прилагођава изглед окружењу за гледање користећи флуидне мреже засноване на пропорцијама, флексибилне слике и ЦСС3 медијске упите, продужетак правила @медиа.

Википедија

Другим речима, елементи попут слика могу се прилагодити као и распоред тих елемената. Ево видео снимка који објашњава шта је прилагодљиви дизајн, као и зашто би ваша компанија требало да га примени. Недавно смо поново развили Highbridge да би сајт био реагован и сада ради на њему Martech Zone учинити исто!

Методологија израде сајта који реагује је помало заморна јер треба да имате хијерархију ваших стилова који су организовани на основу величине оквира за приказ.

Прегледачи су свесни своје величине, па учитавају табелу стилова од врха до дна, питајући применљиве стилове за величину екрана. То не значи да морате да дизајнирате различите табеле стилова за сваку величину екрана, већ само треба да преместите потребне елементе.

Оперирање са менталитетом који је први од мобилних уређаја данас је основни стандард. Најбоље марке у класи размишљају не само о томе да ли је њихова веб локација прилагођена мобилним уређајима, већ и о потпуном корисничком искуству.

Луцинда Дунцалфе, извршна директорка Монетате

Ево инфографије компаније Монетате која илуструје потенцијалне користи стварања једног одзивног дизајна за више уређаја:

Респонзивни инфографски веб дизајн

Ако желите да видите прилагодљиву веб локацију на делу, усмерите своју гоогле цхроме претраживач (верујем да Фирефок има исту функцију) у Highbridge. Сада изаберите Поглед> Програмер> Алати за програмере из менија. Ово ће учитати гомилу алата на дну прегледача. Кликните на малу икону за мобилне уређаје крајње лево од траке менија Девелопер Тоолс.

респонсиве-тестинг-цхроме

Можете да користите навигационе опције горе да бисте променили приказ из пејзажног у портретни приказ или чак изабрали било који број унапред програмираних величина видног поља. Можда ћете морати поново да учитате страницу, али то је најцоол алат на свету за проверу ваших реактивних поставки и осигуравање сјајног изгледа странице на свим уређајима!

Komentari

  1. 1
  2. 2

    Пуно хвала Доуглас на овом добро објашњеном чланку. Морам да се сложим са овим, иако са садржајне стране ствари. За већину сајтова које направимо прилагодљив изглед неће бити довољан. Потребан нам је садржај који одговара. Али за основне веб локације сигурно ћемо користити ваш добро документовани чланак о томе како да се носите са овим!

Шта ви мислите?

Ова страница користи Акисмет како би смањила нежељену пошту. Сазнајте како се ваш коментар обрађује.