طراحی واکنشگرا

طراحی بصورت واکنشگرا(Responsive Design)

طراحی واکنشگرا

یکی از خصوصیات بسیار مهم در طراحی وب سایت و یا فروشگاه آنلاین شما، واکنشگرا بودن آن می باشد. پیشرفت تکنولوژی و سخت افزار باعث اختراع و ساخت نمایشگرهای متنوعی شده است، در سالهای پیشین فقط شاهد انواع محدودی از نمایشگرها بودیم ولی امروزه موبایل، تبلت، مانیتور 720p، 1080 یا فول اچ دی، 4K هرکدام طول و عرض متفاوتی دارند و هر روزه شاهد ساخت انواع جدیدتری نیز می باشیم. وب سایت شما باید به هریک از استانداردهای فوق واکنش مناسبی نشان دهد. به چنین وب سایت هایی، وب سایت های واکنشگرا یا Responsive می گویند. وب سایت هوشمند شما زمانی واکنشگرا خواهد بود که سایز فونت ها، عناصر گرافیکی موجود در تمامی صفحات و همچنین نحوه نمایش و چیدمان منوهای آن متناسب با هر نمایشگری تغییر کند. بعنوان مثال اندازه قلم در یک نمایشگر بزرگ می بایستی کوچکتر از صفحه یک تلفن همراه نشان داده شود. در شکل های زیر شما واکنشگرا بودن را کاملا درک خواهید کرد:

شکل الف : حالت نمایش وب سایت چیتا وب در یک صفحه نمایش بزرگ، همانند لپ تاپ یا کامپیوتر خانگی

واکنشگرایی در نمایشگرهای بزرگ

شکل ب : حالت نمایش وب سایت چیتا وب در یک صفحه نمایش متوسط، همانند تبلت

واکنشگرایی در نمایشگرهای متوسط

شکل ج : حالت نمایش وب سایت چیتا وب در یک صفحه نمایش کوچک، همانند موبایل

واکنشگرایی در نمایشگر موبایل

همانگونه که مشاهده می کنید نحوه نمایش منو ها و همچنین تعداد ستون ها در بخش خدمات در هر نمایشگر با دیگری کاملا متفاوت می باشد. بنابراین یکی از خصوصیاتی که در وب سایت های استاندارد و بروز بایستی در نظر گرفته شود واکنشگرا بودن آنهاست، در نظر داشته باشید زمانیکه کاربر یا بازدیدکننده به وب سایت شما مراجعه می کند و با فونت های ریز و ترکیب نا موزون عناصر صفحه روبرو می شود، بدون شک ،بی درنگ از آن خارج خواهد شد.

نگارنده : تیم تخصصی چیتا وب، کپی و استفاده فقط با ذکر منبع مجاز می باشد.