Hvað er móttækileg hönnun? (Útskýringarmyndband og upplýsingatækni)

móttækileg vefhönnun

Það hefur tekið áratug fyrir móttækileg vefhönnun (RWD) til að fara almennur síðan Cameron Adams kynnti fyrst hugtakið. Hugmyndin var sniðug - af hverju getum við ekki hannað síður sem laga sig að útsýni tækisins sem það er skoðað á?

Hvað er móttækileg hönnun?

Móttækileg vefsíðuhönnun (RWD) er nálgun við vefsíðuhönnun sem miðar að því að búa til vefsíður til að veita sem bestan útsýnisupplifun - auðveldan lestur og leiðsögn með lágmarki stærðar, stærð og vafningi - yfir fjölbreytt úrval tækja (allt frá farsímum til borðtölva) fylgist með). Vefsíða sem er hönnuð með RWD aðlagar útlitið að útsýnisumhverfinu með því að nota vökva, hlutfallstengda net, sveigjanlegar myndir og CSS3 fjölmiðlafyrirspurnir, framlenging á @ media reglunni.

Wikipedia

Með öðrum orðum er hægt að laga þætti eins og myndir sem og uppsetningu þessara þátta. Hér er myndband sem útskýrir hvað móttækileg hönnun er sem og hvers vegna fyrirtæki þitt ætti að vera að innleiða það. Við enduruppbyggðum nýlega DK New Media síða til að vera móttækilegur og er nú að vinna í Martech Zone að gera það sama!

Aðferðafræðin við uppbyggingu vefsvæðis sem er móttækileg er svolítið leiðinleg þar sem þú þarft að hafa stigveldi að stílum þínum sem eru skipulagðir út frá stærð útsýnisins.

Vafrar gera sér grein fyrir stærð sinni, svo þeir hlaða stílblaðinu frá toppi til botns og spyrja um viðeigandi stíl fyrir stærð skjásins. Þetta þýðir ekki að þú þurfir að hanna mismunandi stílblöð fyrir hvern stærðarskjá, þú þarft bara að færa þá þætti sem nauðsynlegir eru.

Að starfa með farsíma-fyrsta hugarfari er grunnviðmiðið í dag. Bestu tegundirnar í flokki hugsa ekki bara um hvort síða þeirra sé farsímavænn heldur um fulla reynslu viðskiptavina.

Lucinda Duncalfe, forstjóri Monetate

Hér er upplýsingatækni frá Monetate sem sýnir mögulega ávinninginn af því að búa til eina móttækilega hönnun fyrir mörg tæki:

Móttækileg vefhönnun Infographic

Ef þú vilt sjá móttækilega síðu í aðgerð skaltu benda á Google Króm vafra (ég tel að Firefox hafi sömu eiginleika) til DK New Media. Veldu núna Skoða> Hönnuður> Hönnuðartól af matseðlinum. Þetta mun hlaða fullt af verkfærum neðst í vafranum. Smelltu á litla farsímatáknið lengst til vinstri á valmyndastiku verktaki.

móttækileg-prófun-króm

Þú getur notað leiðsöguvalkostina efst til að breyta útsýni úr landslagi í andlitsmynd, eða jafnvel velja hvaða fjölda forforritaðra stærða sem eru skoðaðar. Þú gætir þurft að endurhlaða síðuna en það er flottasta tól í heimi til að staðfesta móttækilegar stillingar og tryggja að vefsvæðið þitt líti vel út í öllum tækjum!

3 Comments

  1. 1
  2. 2

    Takk kærlega Douglas fyrir þessa vel útskýrðu grein. Ég hlýt að vera sammála þessu þó að innihalds hlið hlutanna. Fyrir flestar síður sem við gerum móttækilegt skipulag mun ekki duga. Við þurfum móttækilegt efni. En fyrir fleiri grunn vefsíður munum við örugglega nota vel skjalfesta grein þína um hvernig á að höndla þetta!

Hvað finnst þér?

Þessi síða notar Akismet til að draga úr ruslpósti. Lærðu hvernig ummæli þín eru unnin.