ریسپانسیو در طراحی یک سایت به چه معنی است؟

 

تا بحال پیش آمده است که از خودتان بپرسید : « ریسپانسیو چیست؟ »
معادل فارسی ریسپانسیو وب واکنش گرا است.
و همانطور از اسم آن پیداست،به طراحی صفحه وب پاسخ میدهد.
یا با توجه به دستگاه در حال استفاده سایت را تغییر میدهد .
به این صورت که در مانیتور یا لپ تاپ صفحه بزرگ سایت را برو روی حالت ” Desktop mode ” نشان میدهد.
و در گوشی های موبایل و تبلت حالت آن ” phone mode ” است.
با عرضه گوشی های هوشمند به بازار،مردم ترجیح میدهند با تلفن همراه خود سایت ها را مشاهده کنند.
تا اینکه از دستگاه های ” Desktop ” استفاده کند.

responsive (ریسپانسیو) چیست؟

طراحی وب واکنش گرا چیست؟

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

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

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

نکته جالب این است که :
نه تنها بر اساس نوع دستگاه اندازه عکس تغییر میکند،بر اساس ابعاد دستگاه هم تغییر میکند.

ریسپانسیو چگونه کار میکند؟

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

مسائل مرتبط

موس یا لمس؟

طراحی در گوشی های هوشمند،مسئله موس یا لمس را مطرح میکند.
بر روی دسکتاپ ها،کاربر از یک موس برای حرکت استفاده میکند.
در تلفن های هوشمند،عمدتا از انگشت برای حرکت استفاده میشود.
ممکن است با یک موس به راحتی انتخاب کنید.
اما ممکن است با لمس نتوانید آن را انتخاب کنید.
پس باید “لمس” را در طراحی در نظر بگیرید.

گرافیک و سرعت دانلود:

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

برنامه ها و “نسخه گوشی هوشمند

در گذشته شاید شما به اینکه یک برنامه بسازید فکر کرده بودید.
یک برنامه برای “ios” یا “android” یا حتی ساخت یک سیستم عامل خاص مانند “blackberry” .
اما امروزه با وجود بسیاری از دستگاه های مختلف،اینکار سخت شده است.
ساخت برنامه،نسخه های مختلف برای هر دستگاه،پلتفرم آنها و…

چرا کسب و کارها نیاز به تبدیل به طراحی وب واکنش گرا دارند؟

براساس آماری که گرفته شده است،77 درصد از آمریکایی ها گوشی خود را به گوشی های 2018 ارتقاء دادند.
بنابر این مردم بیشتر با تلفن همراه کار میکنند.

 

با بررسی ترافیک خود،ممکن است از طریق تلفن همراه خود نتوانید به تعداد بازدیدکنندگان خود برسید.
(در “google analytics” شما اول مخاطبان خود را در سمت چپ انتخاب میکنید.
پس از آن “موبایل را انتخاب کنید تا ببینید چه مقدار ترافیک استفاده شده است.)

برای مثال شما به یک پاسخگوی خودکار برای گالری سایت “wordpress” خود نیاز دارید.
میتوانید قالب هایی مانند : “Theme forest” استفاده کنید که قیمت آن 50$ است.

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