Дизајн за веб и таблете - одзивни дизајн

• Може 12, 2024

Израз Респонсиве је већ неко време у првом плану, али шта тачно значи? Интернет се током година много променио, од платформе која је углавном заснована на тексту, до интерактивног, ангажованог, мултимедијалног и мулти-уређаја.

Веб странице су се промениле током последње деценије да би одражавале побољшања на Интернету и уређајима које користимо за преглед. Када говоримо о уређајима, можемо изабрати неколико врста, укључујући рачунаре, мини-рачунаре, таблете и паметне телефоне. Како се повећава број уређаја и њихове варијације, проблем постаје очигледан. Сваки уређај и свака верзија уређаја имају сопствену величину екрана.

Када смо само морали да дизајнирамо веб странице за десктоп и преносне рачунаре, наша главна пажња била је како осигурати да веб страница буде иста без обзира на рачунар или веб претраживач. Одговор је био дизајн за врхунске веб претраживаче и најчешће резолуције екрана. То је успело кратко време. Још један проблем постао је очигледан јер су се ови параметри стално мењали. Величина екрана за мој први рачунар била је 800 к 600 и свеједно ми се допао. Тада је 1024 к 800 постало норма. Сада су рачунари порасли на 27 инча и више. Тако се циљна резолуција за веб локацију стално мења.

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

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

Видео Упутства: Mobile Web Development (Може 2024).