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

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

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

 

·        Bootstrap

·        Microsoft Foundation Class Library

·        Material design

 

کتابخانه های Bootstrap:

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

بوت‌استرپ شامل یکسری کدهای کاربردی و پیش ساخته با استفاده از CSS و JavaScript برای قالب بندی نوشته ها و تایپوگرافی، دکمه ها و فرم ها، تصاویر، تب ها و موارد کاربری  بسیار دیگر می باشد. که دارای قابلیت تقسیم شبکه ای صفحات وب (Grid) و طراحی واکنش گرا ( Responsive Design ) توسط این فریم ورک وجود داشته که با این دو امکان مهم طراحی یکپارچه برای کلیه دستگاه های رایانه ای و تلفن های هوشمند و تبلت مهیا شده است.

برای استفاده از امکانات پیش فرض آن لازم نیست به CSS تسلط زیادی داشته باشیم و تنها با اندکی آشنایی با HTML می توان از آن استفاده کرد. که در وهله اول می توانید فایل مربوطه را از سایت Getbootstrap.com دانلود کرده که این کتابخانه حجم بسیار اندکی دارد و شامل تنها ۴ فایل و ۲ دایرکتوری (فولدر) است که تنها دو عدد از این فایل ها مورد استفاده قرار می گیرد.

کتابخانه Microsoft Foundation Class Library

این کتابخانه به کتابخانه کلاس بنیاد مایکروسافت معروف است که در واقع کتابخانه ای است که یک واسط برنامه نویسی نرم افزار ویندوز (API) را در کلاس های C++ می گنجاند. که در این کتابخانه مجموعه ای از کلاس ها مختلف گردآوری شده است که کاربر بدون دسترسی مستقیم به API های ویندوز نیازهای برنامه نویسی خود را مرتفع میکند.

کتابخانه Material design

پس از موفقیت بوت استرپ فریم ورک محبوب منتشر شده توسط توییتر نوبت به گوگل رسید که فریم ورک استاندارد و رسمی برای متریال دیزاین را با نام  Material Design Lite معرفی و گسترش بدهد که هدف از طراحی و معرفی Material Design ترکیب اصول کلاسیک طراحی با امکانات و تکنولوژی های به روز می باشد و شما می توانید اطمینان داشته باشید که هرگاه گوگل آپدیتی روی هر المان یا بخش طراحی متریال اعمال کند، بلافاصله در فریم ورک MDL نیز آپدیت می شود.

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

 

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

 

توسط زهره نجیبی - تاریخ : 21 اسفند 1397