وبلاگ

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

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

چرا سال 2017 سال طراحی ریسپانسیو وب سایت است؟

شاید متوجه شده باشید که سایت NasleWeb از دیرباز ظاهری جدید به خود گرفته است. به نظر می رسد طراحی عرض صفحه گسترده‌تر از حد معمول است و وقتی مرورگر خود را کوچک می کنید، اندازه محتوا تغییر کرده و متناسب عرض صفحه می شود. با این حال، هدف صرفاً زیبایی یا نوآوری فنی نیست: شرکت‌های رسانه‌ایی مانند شرکت ما شاهد تغییراتی عمده در عادات مخاطبان خود هستند. شرکت هایی که خود را با این تغییرات سازگار نمی‌کنند ممکن است از بقیه عقب بیافتند. در ادامه به بررسی این موضوع خواهیم پرداخت.  

دوران بعد از کامپیوترهای خانگی

سال2012  سالی بسیار غیر معمول در بازار کامپیوترهای خانگی بوده است. برای اولین بار از سال 2001، فروش کامپیوترهای خانگی پایین‌تر از سال گذشته بود. پس مصرف کنندگان چه دستگاهی را جایگزین آن کرده‌اند؟ شاید تبلت . انتظار می‌رود فروش تبلت به بیش از 100 میلیون عدد در سال جاری برسد. تعداد فروش آنها ممکن است در سال آینده از نوت بوک هم بالاتر رود. وب و یا نرم افزار؟ یا هر دو؟ طراحی وب سایت و خدمات، همه منجر به یک نتیجه شده است، یک میلیون مانیتور در سراسر دنیا تولید شده و باید خود را با آنها سازگار کنیم. طراحی برنامه‌های اندروید و غیره شاید راهکاری بدیهی به نظر برسد. شکی نیست که داشتن برنامه‌های موبایل برای سیستم عامل‌های اصلی بهتر از نداشتن هیچ برنامه‌ای است، اما در عین حال چگونه می‌توان خود را برای هر فروشگاه نرم افزاری آماده کرد؟ هنگامی که نوبت به سایت‌های خبری می‌رسد، اطلاعات حاکی از آن است که وب موبایلی بسیار حائز اهمیت است. به گزارش مرکز تحقیقات پیو، 60 درصد از کاربران تبلت ترجیح می‌دهند اخبار را در وب موبایل بخوانند تا از طریق برنامه. در حالی که به نظر من، شرکت‌های رسانه‌ای حتماً باید برنامه‌هایی را طراحی کنند، اما بدیهی است که داشتن وب سایت بزرگ موبایلی باید در اولویت باشد.

طراحی ریسپانسیو وب سایت

البته راه حل، طراحی وب سایتی است که به طور یکسان در هر دستگاهی دیده شود. در اینجا طراحی واکنش‌گرای وب سایت مطرح می شود. به عبارت ساده، طراحی ریسپانسیو وب سایت از "جستجوی رسانه" برای یافتن رزولوشن دستگاهی که روی آن دیده می‌شود استفاده می‌کند. بنابراین تصاویر و شبکه‌های انعطاف پذیر کاملاً مناسب صفحه نمایش می‌شوند. برای مثال، اگر این مقاله را روی مرورگر دسکتاپ مشاهده می‌کنید، پنجره مرورگر را کوچکتر کنید. تصاویر و ستون محتوا کوچک می‌شوند، و سپس نوار کناری کاملاً ناپدید خواهد شد. در صفحه اصلی ما، خواهید دید که طرح سایت از سه ستون به دو ستون و سپس به یک ستون کاهش مییابد. مزایای این طرح آشکارست: وب سایتی را طراحی می‌کنید، و در سراسر هزاران صفحه نمایش مختلف به خوبی کار می‌کند.
;