طراحی پاسخگو چیست؟ (توضیح دهنده ویدیو و اینفوگرافیک)

طراحی وب پاسخگو

یک دهه طول کشیده است طراحی وب پاسخگو (RWD) از همان زمان جریان اصلی را طی کند کامرون آدامز برای اولین بار معرفی کرد مفهوم. این ایده مبتکرانه بود - چرا ما نمی توانیم سایتهایی را طراحی کنیم که با نمای دستگاهی که در آن مشاهده می شود سازگار باشند؟

طراحی پاسخگو چیست؟

طراحی وب ریسپانسیو (RWD) یک رویکرد طراحی وب است که هدف آن ساختن سایت ها برای ایجاد یک تجربه بهینه مشاهده است - خواندن آسان و ناوبری با حداقل تغییر اندازه ، تغییر جهت و پیمایش - در طیف وسیعی از دستگاه ها (از تلفن های همراه گرفته تا رایانه رومیزی) ناظران) سایتی که با RWD طراحی شده است با استفاده از شبکه های روان ، مبتنی بر تناسب ، تصاویر انعطاف پذیر و پرس و جوهای رسانه CSS3 طرح را متناسب با محیط مشاهده می کند ، که این یک قاعدهmedia است.

ویکیپدیا

به عبارت دیگر ، عناصر مانند تصاویر و همچنین طرح آن عناصر قابل تنظیم هستند. در اینجا یک ویدیو آورده شده است که توضیح می دهد طراحی پاسخگو چیست و همچنین اینکه چرا شرکت شما باید آن را اجرا کند. ما اخیراً دوباره توسعه دادیم DK New Media سایتی که پاسخگو باشد و اکنون روی آن کار می کنیم Martech Zone برای انجام همان کار!

روش ساخت یک سایت ریسپانسیو کمی طاقت فرسا است زیرا شما نیاز به سلسله مراتبی در سبک های خود دارید که بر اساس اندازه نمای نمایش سازمان یافته اند.

مرورگرها از اندازه خود آگاه هستند ، بنابراین صفحه سبک ها را از بالا به پایین بارگذاری می کنند و سبک های قابل استفاده برای اندازه صفحه را استعلام می گیرند. این بدان معنی نیست که شما باید برای هر صفحه اندازه صفحه های مختلف را طراحی کنید ، فقط باید عناصر لازم را تغییر دهید.

امروزه فعالیت با ذهنیت همراه اول استاندارد پایه است. مارک های برتر در کلاس نه تنها در مورد موبایل پسند بودن سایتشان بلکه به تجربه کامل مشتری فکر می کنند.

Lucinda Duncalfe ، مدیر عامل شرکت Monetate

در اینجا یک اینفوگرافیک از Monetate آورده شده است که مزایای بالقوه ایجاد یک طرح پاسخگو برای چندین دستگاه را نشان می دهد:

اینفوگرافیک طراحی وب پاسخگو

اگر می خواهید یک سایت دارای واکنش در عمل را ببینید ، به سایت خود اشاره کنید گوگل کروم مرورگر (به اعتقاد من فایرفاکس همین ویژگی را دارد) به DK New Media. حالا انتخاب کنید مشاهده> برنامه نویس> ابزارهای توسعه دهنده از منو با این کار یک دسته از ابزارها در پایین مرورگر بارگیری می شوند. روی نماد کوچک تلفن همراه در سمت چپ نوار منوی Developer Tools کلیک کنید.

پاسخگو-تست-کروم

می توانید از گزینه های ناوبری بالا استفاده کنید تا نمای را از حالت افقی به حالت عمودی تغییر دهید ، یا حتی تعداد دلخواهی از اندازه برنامه پیش نمایش برنامه ریزی شده را انتخاب کنید. ممکن است مجبور شوید صفحه را دوباره بارگیری کنید ، اما برای تأیید تنظیمات پاسخگو و اطمینان از اینکه سایت شما در همه دستگاه ها عالی به نظر می رسد ، جالبترین ابزار در جهان است!

3 نظرات

  1. 1

    طراحی وب دیگر گزینه ای برای مدیران وب نیست ، اکنون برای آنها اجباری است. ممنون بابت اشتراک گذاری این مطلب آموزنده.

  2. 2

    با تشکر فراوان از داگلاس برای این مقاله که به خوبی توضیح داده شده است. من باید از نظر محتوایی موارد با این موضوع موافق باشم. برای اکثر سایتهایی که ما یک طرح پاسخگو درست می کنیم کافی نیست. ما به محتوای پاسخگو نیاز داریم. اما برای وب سایت های ابتدایی ما مطمئناً از مقاله مستند شما در مورد چگونگی مدیریت این موضوع استفاده خواهیم کرد!

    • 3

      فکر می کنم کاملاً حق با توست ، هارون. فقط برای تغییر اندازه و جابجایی موارد کافی نیست ... ما واقعاً باید از محتوا نیز به طور مثر استفاده کنیم.

شما چه فکر میکنید؟

این سایت از Akismet برای کاهش هرزنامه استفاده می کند. بدانید که چگونه نظر شما پردازش می شود.