320, 768 og 1024. Þýðir þessar tölur eitthvað fyrir þig?
Nei, það er ekki Da Vinci kóðinn, þeir eru breiddin í punktum sem margir hönnuðir tengjast með farsíma, töflu og skjáborðsbreiddum.
Vandamálið sem ég hef með þessu er að farsíminn minn er ekki 320 pixlar á breidd, taflinn minn er ekki 768 pixlar á breidd og skjáborðið mitt er vissulega ekki 1024 pixlar á breidd. Það eru hundruðir mismunandi skjástærðarmörk þarna úti á ýmsum tækjum og ennþá hugsum við ennþá um móttækilegan vefhönnun eins og 320, 768 og 1024.
Ég hef séð margar síður sem nota þessar þrjú brautir fyrir hönnun sína og einfaldlega búið til 3 truflanir sem miðast við næstu breidd.
Þetta er betra en að hafa gamaldags, truflanir, skrifborðsenda staður þar sem þeir eru að minnsta kosti að þjóna einum dálki, einfölduðu útgáfu fyrir farsíma og snjallsímaútgáfu fyrir töflu en þá af hverju ættir þú að alienate allar aðrar skjástærðir með því að taka þær ekki inn íhugun?
Jafnframt mun hönnunin halda áfram að vinna í öðrum stærðum en hvað gerist þegar þú ert með töflu sem er minni en 768? Þeir munu fá farsímaupplifunina á töflu! Og þegar þú skoðar það á fartölvu minni en 1024? Við munum bara senda þeim töflureikninguna og hlæja að þeim vegna þess að þú hafir ekki einn af 3 skjástærðunum sem við teljum vera verðug.
Þegar þú býrð til móttækilegum skipulagi ættir þú alltaf að miða að því að setja eins mörg af stærðum þínum og hægt er í prósentum. Þetta hjálpar til við að tryggja að efnið þitt vaxi og skreppa jafnt í gegnum mismunandi skjástærðina og mun það gera í réttu hlutfalli við tækið sem það er skoðað á. Þessi aðferð mun einnig tryggja að efnið þitt sé alltaf að fylla 90% (eða eins mikið og þú ákveður) á skjánum í stað hugsanlega 50% af skjánum þar sem innihald er miðað á skjástærð sem er nokkra punkta minni en næsta laus brotpunktur.
Þegar þú velur bilanir þínar ættirðu alltaf að taka ákvarðanirnar þínar á grundvelli hvar efnið brýtur og ekki að skjárbreiddum tækisins. Í stað þess að búa til hönnun og breyta því til að passa iPad skjárinn þægilega, ættir þú að finna út á hvaða breidd efni þitt byrjar að glíma.
Ég hef tilhneigingu til að byrja með 1400 breiður hönnun og hægt að gera vafrann minni þar til innihaldsefni brýtur útlitið eða nær að gera það. Það ákvarðar síðan næsta brotpunkt. Það skiptir ekki máli hvort það er 1200, 800 eða 673 ef efnið virkar enn þá hvers vegna breytist útlitið?
Þú munt komast að því að þú munt endar með undarlegum brotum eins og 477 eða 982 og að þú gætir haft 2, 6 eða 10 mismunandi hlé. Aðalatriðið er að efnið muni ákveða frekar en fyrirhugaðar skjástærðir sem þú vilt að það sé skoðað á.
Með því að fylgjast með fjölda mismunandi tækjabúnaðar og skjástærðarmála í hverjum mánuði er ómögulegt að ákveða ákveðnar bilanir fyrir móttækileg verkefni okkar. Sannleikurinn er sá að meðan við erum að nota breytu eins og skjárbreidd til að ákvarða svörun okkar, munum við glíma við að þjóna fullkomnu skipulagi í öllum mismunandi stærðum en með því að fylgja nokkrum ráðum hér að ofan getum við að minnsta kosti tryggt að efnið er alltaf birt eins og best er hægt.
Hvaða brotalínur nota þú venjulega? Forðastu að koma í veg fyrir brotamörk? Láttu okkur vita í athugasemdunum.