Çfarë është Dizajni i Përgjegjshëm? (Video shpjeguese dhe Infografike)

dizajn i përgjegjshëm i faqes në internet

Takenshtë dashur një dekadë për të dizajn i përgjegjshëm i faqes në internet (RWD) për të shkuar në rrjedhën kryesore që nga atëherë Cameron Adams prezantoi për herë të parë koncepti. Ideja ishte e zgjuar - pse nuk mund të projektojmë faqe që përshtaten me pamjen e pajisjes në të cilën po shikohet?

Çfarë është Dizajni i Përgjegjshëm?

Dizajni i përgjegjshëm i faqes në internet (RWD) është një qasje për krijimin e faqes në internet që synon krijimin e faqeve për të siguruar një përvojë optimale të shikimit - lexim dhe navigim të lehtë me një minimum ndryshimi të madhësive, ndryshimit dhe lëvizjes - në një gamë të gjerë pajisjesh (nga celularët në kompjuterin desktop monitoron). Një faqe e krijuar me RWD përshtat paraqitjen në mjedisin e shikimit duke përdorur rrjete fluide, të bazuara në proporcion, imazhe fleksibël dhe pyetje mediatike CSS3, një zgjatim i rregullit @media.

wikipedia

Me fjalë të tjera, elemente si imazhet mund të rregullohen, si dhe paraqitja e atyre elementeve. Këtu keni një video që shpjegon se çfarë është dizajni i përgjegjshëm, si dhe pse kompania juaj duhet ta zbatojë atë. Kohët e fundit kemi rizhvilluar Highbridge faqja që të jetë e përgjegjshme dhe tani po punojmë Martech Zone për të bërë të njëjtën gjë!

Metodologjia e ndërtimit të një siti të përgjegjshme është pak e lodhshme pasi duhet të keni një hierarki të stileve tuaja që janë të organizuara bazuar në madhësinë e pamjes së shikimit.

Shfletuesit janë të vetëdijshëm për madhësinë e tyre, kështu që ata ngarkojnë fletën e stileve nga lart poshtë, duke kërkuar stilet e zbatueshme për madhësinë e ekranit. Kjo nuk do të thotë që ju duhet të hartoni fletë stilesh të ndryshme për çdo ekran me madhësi, thjesht duhet të zhvendosni elementët e nevojshëm.

Të operosh me një mentalitet të parë të lëvizshëm është standardi bazë sot. Markat më të mira në klasë nuk po mendojnë vetëm nëse faqja e tyre është miqësore me celularin, por edhe për përvojën e plotë të klientit.

Lucinda Duncalfe, CEO i Monetate

Këtu keni një infografikë nga Monetate që ilustron përfitimet e mundshme të krijimit të një dizajni të përgjegjshëm për pajisje të shumta:

Dizajn Web i përgjegjshëm Infographic

Nëse dëshironi të shihni një faqe të përgjegjshme në veprim, tregoni tuajin Google Chrome Shfletuesi (besoj Firefox ka të njëjtën karakteristikë) për të Highbridge. Tani zgjidhni Shikoni> Zhvilluesi> Mjetet e Zhvilluesit nga menuja. Kjo do të ngarkojë një bandë mjetesh në pjesën e poshtme të shfletuesit. Klikoni në ikonën e vogël për celularin, në të majtën e shiritit të menusë për Tools Developer.

kromi-testimi i përgjegjshëm

Ju mund të përdorni opsionet e lundrimit lart për të ndryshuar pamjen nga peizazhi në portret, ose madje edhe të zgjidhni ndonjë numër të madhësive të paraprogramuara të pamjes. Ju mund të duhet të rimbushni faqen, por është mjeti më i mirë në botë për të verifikuar cilësimet tuaja të përgjegjshme dhe për të siguruar që faqja juaj të duket e shkëlqyeshme në të gjitha pajisjet!

3 Comments

  1. 1
  2. 2

    Faleminderit shumë Douglas për këtë artikull të shpjeguar mirë. Unë duhet të pajtohem me këtë edhe pse në anën e përmbajtjes së gjërave. Për shumicën e faqeve që ne bëjmë një paraqitje responsive nuk do të jetë e mjaftueshme. Ne kemi nevojë për përmbajtje të përgjegjshme. Por për faqet e internetit më themelore, ne me siguri do të përdorim artikullin tuaj të dokumentuar mirë se si ta trajtojmë këtë!

Çfarë mendoni ju?

Kjo faqe përdor Akismet për të reduktuar spamin. Mësoni se si përpunohet komenti juaj.