Хариуцлагатай дизайн гэж юу вэ? (Тайлбарлагч видео ба инфографик)

мэдрэмжтэй вэб дизайн

Энэ нь арван жилийн хугацаа шаардагдана мэдрэмжтэй вэб дизайн (RWD) оноос хойш үндсэн урсгалд шилжих болно Камерон Адамс анх танилцуулсан үзэл баримтлал. Энэ санаа нь овсгоотой байсан бөгөөд яагаад үзэж байгаа төхөөрөмжийнхөө харах цонхонд тохирсон сайтуудыг зохион бүтээж чадахгүй байна вэ?

Хариуцлагатай дизайн гэж юу вэ?

Хариуцлагатай вэб дизайн (RWD) нь хамгийн оновчтой үзэх туршлагыг бий болгоход зориулж вэбсайт бүтээхэд чиглэсэн вэб дизайны арга юм. Хэмжээ, байрлуулах, гүйлгэх хөдөлгөөнийг хамгийн бага хэмжээгээр хялбар унших, навигац хийх боломжтой (гар утаснаас ширээний компьютер хүртэл). монитор). RWD-ээр бүтээсэн сайт нь шингэн, пропорциональ сүлжээ, уян хатан дүрс, CSS3 медиа асуулга ашиглан @ орчин медиа дүрмийн өргөтгөл ашиглан байршлыг үзэх орчинд тохируулж өгдөг.

Википедиа

Өөрөөр хэлбэл, зураг гэх мэт элементүүдийг эдгээр элементүүдийн байршлыг тохируулж болно. Хариуцлагатай дизайн гэж юу болох, танай компани яагаад үүнийг хэрэгжүүлэх ёстойг тайлбарласан видео бичлэгийг энд оруулав. Бид саяхан DK New Media сайтыг хариу үйлдэл үзүүлэх, одоо ажиллаж байна Martech Zone ижил зүйлийг хийх!

Харааны талбайн хэмжээг харгалзан зохион байгуулалттай хэв маягийн шатлалтай байх шаардлагатай тул мэдрэмжтэй сайт бүтээх арга зүй нь жаахан уйтгартай байдаг.

Хөтөч нь хэмжээгээ өөрсдөө мэддэг тул загварын хуудсыг дээрээс доош нь ачаалж, дэлгэцийн хэмжээгээр тохирох хэв маягийг асуудаг. Энэ нь хэмжээ бүрийн дэлгэцэнд янз бүрийн загварын хүснэгт зохиох шаардлагатай гэсэн үг биш бөгөөд шаардлагатай элементүүдийг шилжүүлэх хэрэгтэй.

Хөдөлгөөнт сэтгэлгээгээр үйл ажиллагаагаа явуулах нь өнөөгийн суурь стандарт болж байна. Ангиллын шилдэг брэндүүд өөрсдийн сайт мобайлд ээлтэй эсэхээс гадна үйлчлүүлэгчдийн туршлагыг бүрэн дүүрэн ашиглах талаар бодож байна.

Монетат компанийн гүйцэтгэх захирал Люсинда Данкалф

Monetate-ээс олон төхөөрөмжид нэг хариу үйлдэл үзүүлэх загварыг бий болгох боломжит ашиг тусыг харуулсан инфографикийг энд оруулав.

Хариуцлагатай вэб дизайн

Хэрэв та хариу үйлдэл үзүүлэх сайтыг ажил хэрэг болгохыг хүсвэл өөрийн гэсэн цэгийг зааж өгөөрэй Google Chrome хөтөч (Firefox нь ижил шинж чанартай гэдэгт би итгэдэг) to DK New Media. Одоо сонгоно уу > Хөгжүүлэгч> Хөгжүүлэгчийн хэрэгслийг үзэх цэснээс. Энэ нь хөтөчийн доод хэсэгт олон тооны хэрэгслийг ачаалах болно. Developer Tools цэсний баруун зүүн талд байрлах жижиг гар утасны дүрс дээр дарна уу.

хариу үйлдэл үзүүлэх тест-хром

Та навигацийн тохируулгуудыг ашиглан ландшафтыг хөрөг болгон өөрчлөх, эсвэл урьдчилан төлөвлөсөн харах цонхны хэмжээг хүссэн хэмжээгээр нь сонгох боломжтой. Та хуудсыг дахин ачаалах хэрэгтэй байж магадгүй, гэхдээ энэ нь таны хариу үйлдэл хийх тохиргоог баталгаажуулах, сайтаа бүх төхөөрөмж дээр гайхалтай харагдуулах дэлхийн хамгийн гайхалтай хэрэгсэл юм!

3 санал

  1. 1

    Вэб дизайн нь вэбмастеруудын сонголт биш болсон тул одоо заавал дагаж мөрдөх болжээ. Энэхүү мэдээллийн бичлэгийг хуваалцсанд баярлалаа.

  2. 2

    Энэхүү сайн тайлбарласан нийтлэлд Дугласад маш их баярлалаа. Хэдийгээр агуулгын хувьд ч би үүнтэй санал нэг байна. Ихэнх сайтуудын хувьд бид хариу өгөх байршил хангалтгүй байх болно. Бидэнд хариу үйлдэл үзүүлэх агуулга хэрэгтэй. Гэхдээ илүү энгийн вэбсайтуудын хувьд бид үүнийг хэрхэн зохицуулах талаар сайтар баримтжуулсан нийтлэлийг ашиглах болно!

    • 3

      Таныг үнэхээр зөв гэж бодож байна, Аарон. Зөвхөн зүйлийг өөрчлөх, шилжүүлэх нь хангалттай биш юм ... бид агуулгыг бас үр дүнтэй ашиглах хэрэгтэй.

Чи юу гэж бодож байна?

Энэ сайт нь спамыг багасгахын тулд Akismet-ийг ашигладаг. Таны өгөгдлийг хэрхэн боловсруулдаг талаар суралц.