Kio estas Respondema Dezajno? (Klariga Vidbendo kaj Infografio)

respondema reteja desegno

Ĝi daŭris jardekon por respondema reteja desegno (RWD) fariĝi ĉefa ekde tiam Cameron Adams unue prezentis la koncepto. La ideo estis sprita - kial ni ne povas projekti retejojn, kiuj adaptiĝas al la vidpunkto de la aparato, sur kiu ĝi estas vidata?

Kio estas Respondema Dezajno?

Respondema ttt-projektado (RWD) estas ttt-projektado celanta krei retejojn por havigi optimuman sperton - facilan legadon kaj navigadon kun minimumo de regrandigo, panoramado kaj movado - tra vasta gamo de aparatoj (de poŝtelefonoj ĝis surtabla komputilo monitoroj). Retejo projektita per RWD adaptas la aranĝon al la vida medio per uzado de fluaj, proporciaj kradoj, flekseblaj bildoj kaj CSS3-amaskomunikilaj demandoj, etendaĵo de la @media regulo.

Vikipedio

Alivorte, elementoj kiel bildoj povas esti ĝustigitaj same kiel la aranĝo de tiuj elementoj. Jen video, kiu klarigas, kio estas respondema dezajno, kaj kial via kompanio devas efektivigi ĝin. Ni ĵus renovigis la DK New Media retejo respondebla kaj nun prilaboras Martech Zone fari same!

La metodiko krei retejon respondema estas iom teda, ĉar vi bezonas hierarkion al viaj stiloj, kiuj estas organizitaj laŭ la grandeco de la vidpunkto.

Retumiloj memkonscias pri sia grandeco, do ili ŝarĝas la stilfolion de supre malsupren, pridemandante la aplikeblajn stilojn por la grandeco de la ekrano. Ĉi tio ne signifas, ke vi devas desegni malsamajn stilfoliojn por ĉiu grandeca ekrano, vi nur bezonas ŝanĝi la necesajn elementojn.

Funkcii kun poŝtelefona pensmaniero estas la bazlinia normo hodiaŭ. Plej bonkvalitaj markoj pensas ne nur pri ĉu ilia retejo estas portebla, sed pri la plena klienta sperto.

Lucinda Duncalfe, Monetate CEO

Jen infografio de Monetate ilustranta la eblajn avantaĝojn krei unu respondeman dezajnon por multaj aparatoj:

Respondema Reteja Projekta Infografio

Se vi ŝatus vidi respondeman retejon en agado, indiku vian Google Chrome retumilo (mi kredas ke Fajrovulpo havas la saman funkcion) al DK New Media. Nun elektu Vido> Ellaboranto> Iloj por ellaborantoj el la menuo. Ĉi tio ŝarĝos multajn ilojn ĉe la fundo de la retumilo. Alklaku la malgrandan poŝtelefonon en la ekstrema maldekstro de la menuobreto de Programistoj.

respondema-testado-kromo

Vi povas uzi la navigajn opciojn supre por ŝanĝi la vidon de pejzaĝo al portreto, aŭ eĉ elekti iun ajn nombron da antaŭprogramitaj vidigaj grandecoj. Eble vi devos reŝargi la paĝon, sed ĝi estas la plej mojosa ilo en la mondo por kontroli viajn respondemajn agordojn kaj certigi, ke via retejo aspektas bonega sur ĉiuj aparatoj!

3 Komentoj

  1. 1
  2. 2

    Dankegon Douglas pro ĉi tiu bone klarigita artikolo. Mi tamen devas konsenti kun ĉi tio pri la enhava flanko de aferoj. Por plej multaj retejoj, ni kreos respondeman aranĝon ne sufiĉos. Ni bezonas respondeman enhavon. Sed por la pli bazaj retejoj ni certe uzos vian bone dokumentitan artikolon pri kiel pritrakti ĉi tion!

Kion vi pensas?

Ĉi tiu retejo uzas Akismeton por redukti spamon. Lernu, kiel via komento datiĝas.