Home > نوشته ها > طراحی و توسعه سایت > طراحی سایت ریسپانسیو

تا چند سال اخیر تنها وسیله ای که شاید با آن می شد به اینترنت دسترسی پیدا کرد و گشت و گذاری در صفحات وب انجام داد کامپیوتر های رو میزی بود، این کامپیوتر ها اغلب ابعاد صفحه مشابهی داشتند و به همین خاطر طراحان سایت، سایت های خود را متناسب با ابعاد و وضوح این نمایشگر ها طراحی می کردند، بنابر این تمام اغلب صفحات در نمایشگر های متفاوت معمولا به یک شکل مشابه و به درستی نمایش داده می شدند اما با پیشرفت تکنولوژی و ساخت تلفن های هوشمندی که قابلیت اتصال به اینترنت و مرور صفحات وب را داشتند رفته رفته این معادله تغییر کرد، سایت های طراحی شده برای صفحه نمایش های ۲۰ اینچی و عریض در نمایشگر های تلفن همراه که اغلب کوچکتر از ۶ اینچ بودند و نسبت طول به عرض بر عکس مانیتور های رو میزی بود به درستی نشان داده نمی شدند و برای درست شدن و قابل خواندن شدن نوشته ها نیاز به زوم کردن و همینطور اسکرول صفحه ار چپ و راست و پایین و بالا بود. به همین خاطر مبحث جدیدی در طراحی صفحات وب شکل گرفت به نام طراحی ریسپانسیو که بر اساس رعایت یک سری قواعد و تکنولوژی ها، صفحات طراحی شده به صورت پویا در هر سایز صفحه نمایش به درستی نشان داده می شد.

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

سایت ریسپانسیو یا واکنش گرا که به انگلیسی Responsive نوشته می شود به معنای سایت هایی هستند که به هر سایز صفحه نمایش سازگاری دارند. احتمالا شما هم با سایت هایی مواجه شده اید که هنگامی که با تلفن همراه به آن ها وارد می شوید برای خواندن نوشته ها لازم است که صفحه را بزرگ کنید و هنگامی که صفحه را بزرگ می کنید تمام خط نوشته در عرض صفحه جا نمی شود و برای خواندن کل عرض نوشته باید پیمایش یا Scrolling افقی یعنی از چپ به راست و بالعکس انجام دهید که اصلا مطلوب نیست و مطالعه محتویات صفحه را دشوار می کند، چنین سایت هایی ریسپانسیو نیستند، به عبارتی دیگر سایتی ریسپانسیو است که در هر سایر صفحه نمایش نوشته ها بدون نیاز به بزرگنمایی خوانا باشند و احتیاج به پیمایش افقی صفحه نباشد.

یک مثال ساده

در تصویر زیر مفهوم طراحی سایت ریسپانسیو به درستی نشان داده شده است.

 

Content-is-like-water-1980

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

مزایای طراحی سایت ریسپانسیو

داشتن یک سایت ریسپانسیو ۲ مزیت بزرگ برای صاحبان سایت فراهم می آورد، اول این که سایت های ریسپانسیو به اصطلاح سئو فرندلی (seo friendly) هستند و یک مزیت در رتبه بندی گوگل و جستجو هایی که با تلفن همراه صورت می گیرد برای شما هستند. به تازگی یکی از معیار های گوگل برای طبقه بندی صفحات و سایت ها سازگاری آن ها با تلفن های همراه می باشد.

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

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

Add comment

تمامی حقوق متعلق به گروه آپادانا وب می باشد © 2016