Садржај
Много инфографика плута поред нас у Цреативе Блоку, али Истините рибље приче нас су нас заиста спојиле. Игра на идеји да су рибари познати по причању високих прича окупљајући неке невероватне 'истините приче' о чудовиштима која вребају под морем. . Оно што га издваја је његова глатка и корисничка интерактивност, што откривање садржаја чини забавним и забавним искуством.
Инфографику су саставили Бриан Маиер и Марк Схелтон из кентакијске агенције ДБС> Интерацтиве као део сталних напора да се на веб локацију Унитед Марине дода свеж садржај.
„Циљ нам је био да створимо истински интерактивну инфографику као главни фокус садржаја“, објашњава ДБС> Интерацтиве Јохн Левис. „Дакле, поред стварања жаришних тачака и анимација, додали смо опцију за кориснике да додају своје податке, које ћемо верификовати и додати у инфографику.“
Маиер и Схелтон су користили комбинацију ЦСС3 и ЈаваСцрипт-а за изградњу инфографије. „Многе анимације и графике обрађују се са ЦСС3“, наставља Луис, „али су на неким местима користили ЈаваСцрипт за прилагођавање старијим прегледачима који још увек не подржавају ову технологију.
ЈаваСцрипт се користи за позиционирање прибадача на мапи. "Овде смо користили ЈаваСцрипт да би нам омогућили да прилагодимо мапу различитим величинама прегледача. Иконе менија, када се скалирају на мобилне, користе ЦСС3 медијске упите за циљање уређаја високе резолуције и замену слика икона са већим, детаљнијим иконама. Пројекција слајдова анимације и прелази 'странице' обрађују се комбинацијом ЦСС3 и ЈаваСцрипт-а. "
Инфографика је дизајнирана прилагодљиво, тако да добро функционише на мобилним прегледачима, као и на стоним рачунарима. ДБС ће га наставити развијати у будућности, додајући више чињеничних информација и слика о различитим врстама. „На крају, волели бисмо да то буде комбинација Рибље енциклопедије и Гинисове књиге светских рекорда.“
Свиђа вам се ово? Прочитајте ово!
- Како се прави апликација
- Водичи за илустратор: невероватне идеје које можете испробати већ данас!
- Сјајан избор уџбеника за Вордпресс
Јесте ли видели сјајну инфографику? Поделите везу са заједницом у коментарима испод!