Zer da Responsive Design? (Azalpen bideoa eta infografia)

web diseinu sentikorra

Hamarkada bat behar izan da web diseinu sentikorra (RWD) mainstream bihurtzeko geroztik Cameron Adamsek aurkeztu zuen lehen aldiz kontzeptua. Ideia asmatua izan zen. Zergatik ezin ditugu diseinatzen ikusten ari garen gailuaren ikuspegira egokitzen diren guneak?

Zer da Responsive Design?

Erantzunezko web diseinua (RWD) webguneak diseinatzeko ikuspegia da, bisualizazio esperientzia optimoa eskaintzeko guneak diseinatzea helburuarekin - irakurketa erraza eta nabigazioa gutxieneko tamaina aldatzeko, panoramizatzeko eta korritzeko - gailu ugarietan zehar (telefono mugikorretatik mahaigaineko ordenagailura monitoreak). RWD-rekin diseinatutako gune batek diseinua ikus-ingurunera egokitzen du, proportzioan oinarritutako sareak, irudi malguak eta CSS3 multimedia kontsultak erabiliz, @media arauaren luzapena.

Wikipedia

Beste modu batera esanda, irudiak bezalako elementuak eta elementu horien diseinua egokitu daitezke. Hona hemen bideo bat, erantzukizuneko diseinua zer den eta zure enpresak zergatik ezarri behar duen azaltzeko. Duela gutxi berritu genuen DK New Media gunea sentikorrena izan dadin eta lanean ari dira Martech Zone gauza bera egiteko!

Gune sentikorrena eraikitzeko metodologia neketsua da, izan ere, zure estiloko hierarkia bat izan behar duzu ikuspegiaren tamainaren arabera antolatuta.

Nabigatzaileek beren tamainaz jabetzen dira eta, beraz, estilo orria goitik behera kargatzen dute, pantailaren tamainako estilo egokiak kontsultatuz. Horrek ez du esan nahi tamaina bakoitzeko estilo orrialde desberdinak diseinatu behar dituzunik, beharrezkoak diren elementuak aldatu behar dituzu.

Mugikorreko lehen mentalitatearekin lan egitea da gaur egungo oinarrizko estandarra. Kategoriako marka onenak ez dira soilik beren webgunea mugikorretarako egokia den ala ez bezeroaren esperientzia osoaz pentsatzen ari.

Lucinda Duncalfe, Monetate zuzendari nagusia

Hemen duzue Monetate-ren infografia, gailu anitzentzako diseinu sentikor bat sortzeak ekar ditzakeen abantailak erakusten dituena:

Web Diseinu Infografikoa

Erantzuten duen gune bat martxan dagoela ikusi nahi baduzu, seinalatu zure google Chrome arakatzailea (Firefoxek funtzio bera duela uste dut) to DK New Media. Orain aukeratu Ikusi> Garatzailea> Garatzaile tresnak menutik. Honek tresna mordoa kargatuko ditu arakatzailearen behealdean. Egin klik Garatzaile tresnak menu barraren ezkerraldean dagoen mugikorreko ikono txikian.

responsive-testing-chrome

Goiko nabigazio aukerak erabil ditzakezu ikuspegia paisaiatik erretratura aldatzeko, edo baita aurrez programatutako aurrealdeko tamaina kopurua ere. Baliteke orria berriro kargatu behar izatea, baina munduko tresnarik coolena da zure sentikorraren ezarpenak egiaztatzeko eta zure guneak gailu guztietan itxura bikaina duela ziurtatzeko!

3 Comments

  1. 1
  2. 2

    Mila esker Douglas ongi azaldutako artikulu honengatik. Honekin ados egon behar dut gauzen edukiaren aldetik. Gune gehienetan diseinu sentikorra egitea ez da nahikoa izango. Sentikorrena den edukia behar dugu. Webgune oinarrizkoagoetarako ziur aski ondo kudeatutako artikulua erabiliko dugula hau kudeatzeko!

Zer deritzozu?

Gune honek Akismet-ek spam erabiltzen du. Ikasi zure iruzkina nola prozesatu den.