Ի՞նչ է պատասխանատու դիզայնը: (Բացատրական տեսանյութ և ինֆոգրաֆիկա)

պատասխանատու վեբ ձևավորում

Դրա համար տևել է մեկ տասնամյակ պատասխանատու վեբ ձևավորում (RWD) այդ ժամանակվանից սկսած մտնել հիմնական հոսք Քեմերոն Ադամսը նախ ներկայացրեց հայեցակարգը: Գաղափարը հնարամիտ էր. Ինչու՞ մենք չենք կարող նախագծել կայքեր, որոնք հարմարվում են այն սարքի դիտակետին, որի վրա այն դիտվում է:

Ի՞նչ է պատասխանատու դիզայնը:

Պատասխանատու վեբ ձևավորումը (RWD) վեբ ձևավորման մոտեցում է, որը նպատակաուղղված է կայքեր պատրաստելուն `ապահովելու դիտման օպտիմալ փորձ` հեշտ ընթերցում և նավիգացիա `նվազագույն չափափոխմամբ, փոփոխմամբ և շարժումով` սարքերի լայն տիրույթում (բջջային հեռախոսներից մինչ սեղանադիր համակարգիչ) մոնիտորներ): RWD– ով ստեղծված կայքը հարմարեցնում է դասավորությունը դիտման միջավայրին ՝ օգտագործելով հեղուկ, համամասնությունների վրա հիմնված ցանցեր, ճկուն պատկերներ և CSS3 մեդիա հարցումներ, ինչը @ մեդիայի կանոնն է:

Վիքիփեդիա, ազատ հանրագիտարան

Այլ կերպ ասած, պատկերների նման տարրերը կարող են ճշգրտվել, ինչպես նաև այդ տարրերի դասավորությունը: Ահա մի տեսանյութ, որը բացատրում է, թե ինչ է պատասխանատու դիզայնը, ինչպես նաև ինչու է ձեր ընկերությունը այն իրականացնում: Վերջերս մենք մշակեցինք DK New Media կայքը պատասխանատու լինելու համար և այժմ աշխատում է դրա վրա Martech Zone նույնն անել:

Կայքին պատասխանատու կառուցելու մեթոդաբանությունը մի փոքր հոգնեցուցիչ է, քանի որ անհրաժեշտ է ունենալ հիերարխիա ձեր ոճերի համար, որոնք կազմակերպված են դիտակետի չափի հիման վրա:

Brննարկիչները տեղյակ են իրենց չափի մասին, ուստի նրանք վերևից ներքև բեռնում են ոճաթերթը `հարցումներ կատարելով էկրանի չափի համար կիրառելի ոճերի մասին: Սա չի նշանակում, որ յուրաքանչյուր չափի էկրանին պետք է տարբեր ոճաթերթեր նախագծել, պարզապես անհրաժեշտ է տեղափոխել անհրաժեշտ տարրերը:

Բջջային կապի առաջին մտածելակերպով գործելն այսօր բազային ստանդարտ է: Դասընթացի լավագույն ապրանքանիշերը մտածում են ոչ միայն այն մասին, արդյոք իրենց կայքը բջջային է, այլ հաճախորդների լիարժեք փորձի մասին:

Lucinda Duncalfe, Monetate- ի գլխավոր տնօրեն

Ահա Monetate- ի ինֆոգրաֆիկան, որը ներկայացնում է բազմաթիվ սարքերի համար մեկ պատասխանատու դիզայն ստեղծելու հնարավոր օգուտները.

Պատասխանատու վեբ դիզայնի ինֆոգրաֆիկա

Եթե ​​ցանկանում եք տեսնել արձագանքող կայք գործողության մեջ, մատնանշեք ձերը Google Chrome զննարկիչ (հավատում եմ, որ Firefox- ն ունի նույն հատկությունը) DK New Media. Այժմ ընտրեք Դիտել> Կառուցապատող> Մշակողի գործիքներ ընտրացանկից: Սա բեռնելու է մի զույգ գործիք զննարկչի ներքևում: Սեղմեք փոքր շարժական պատկերակի վրա, որը գտնվում է Developer Tools ընտրացանկի ծայրից ձախ:

պատասխանատու-փորձարկում-քրոմ

Դուք կարող եք օգտագործել նավիգացիայի ընտրանքները վերևից ՝ տեսապատկերը լանդշաֆտից դիմանկար փոխելու համար կամ նույնիսկ ընտրելու նախածրագրավորված տեսադաշտի չափերի ցանկացած քանակ: Գուցե ստիպված լինեք վերաբեռնել էջը, բայց դա աշխարհի ամենաթեժ գործիքն է ՝ ձեր պատասխանատու պարամետրերը ստուգելու և ձեր կայքը բոլոր սարքերում հիանալի տեսք ունենալու համար:

3 Comments

  1. 1
  2. 2

    Շատ շնորհակալ եմ Դուգլասին այս լավ բացատրված հոդվածի համար: Ես պետք է համաձայնեմ սրա հետ, չնայած իրերի բովանդակային մասով: Կայքերի մեծ մասի համար, որը մենք պատրաստում ենք պատասխանատու դասավորություն, բավարար չի լինի: Մեզ պատասխանատու բովանդակություն է պետք: Բայց ավելի հիմնարար կայքերի համար մենք, անշուշտ, կօգտագործենք ձեր լավ փաստաթղթավորված հոդվածը, թե ինչպես կարգավորել այս գործը:

Ինչ եք կարծում?

Այս կայքը օգտագործում է Akismet- ը սպամի նվազեցման համար: Իմացեք, թե ինչպես է ձեր տվյալները մշակվում.