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

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

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

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

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

Википедија

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

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

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

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

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

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

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

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

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

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

Komentari

  1. 1
  2. 2

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

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

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