طراحی سایت با Bootstrap
Bootstrap فریم ورکی است که در چند سال اخیر مورد استقبال بسیاری از طراحان وب سایت قرار گرفته است. این نام برای فعالان در زمینه وب سایت نام آشنایی است. البته این محبوبیت به این معنی نیست که طراحی سایت با این فریم ورک برای همه منایب است. بهتر است قبل از استفاده از Bootstrap معایب و مزایای آن را بشناسیم.
هر چند که برخی از وب سایت هایی مثل Aliexpress, Shetterstock, Upwork, Netflix و paypal که از پر بازدیدترین و معروف ترین وب سایت های دنیا هستند از این فریم ورک استفاده کرده اند.
چرا با Bootstrap طراحی سایت می کنیم؟
دلایل متعددی برای استفاده از Bootstrap وجود دارد که برخی از آن ها اهمیت زیادی دارند. در اینجا این دلایل را بررسی می کنیم.
ساختار جدول بندی ساده و طراحی ریسپانسیو” text=”فریم ورک بوت استرپ براساس ساختار جدول بندی 12 ستونه نوشته شده است و نحوه نمایش المان های مختلف در موبایل و تبلت به خوبی پیش بینی شده است. در این یاختار گرید بندی (ستون بندی) شما می توانید المان های موجود در سایت را در سایز های مختلف صفحه نمایش داشته باشید.
ساختار 12 ستونه و طراحی ریسپانسیو را میتوان مهمترین دلیل افراد برا طراحی سایت با Bootstrap دانست. قابلیتی که به تنهایی سرعت راه اندازی یک سایت جدید را تا 30 درصد افزایش میدهد.
چرا از Bootstrap در طراحی سایت استفاده نکنیم؟
از مزایا و نکات مثبت بوت استرپ گفتیم. ولی همیشه هم این فریم ورک انتخاب مناسبی برای پروژه شما نخواهد بود. همچون سایر فریم ورک ها میتوان نکات منفی هم برای آن در نظر گرفت که مهمترین آنها را در این بخش بررسی خواهیم کرد.
بوت استرپ بهترین و بهینه ترین راه نیست
یکی از مهمترین ایرادات بوت استرپ آن است که المان های گوناگون آن همیشه براساس استانداردهای طراحی وب و بهینه سازی نیستند. در نتیجه شما مجبور میشوید از برخی المان ها چشم پوشی کنید یا تغییراتی اساسی در آنها ایجاد کنید.
یکی از مشکلات بوت استرپ استفاده از کلاس بندی های متعدد و بعضا بیش از اندازه است. بعنوان مثال ممکن است برای یک دکمه ساده در صفحه شما مجبور به استفاده از 4 کلاس مختلف بشوید و همین امر نسبت متن به کد در صفحات شما را کاهش میدهد.
کدهای Bootstrap برای یک طراحی سایت عمومی سنگین است” text=”فریم ورک بوت استرپ در نقطه راه اندازی همراه با 126 کیلوبایت css و 29 کیلوبایت java خواهد بود. اگر شما از font-awesome نیز استفاده کنید این عدد خیلی بیشتر خواهد شد. این اعداد زمانی آزاردهنده است که بدانید بیشتر کدها برای المان ها و شرایطی نوشته شده است که ممکن است هرگز در پروژه شما استفاده نشوند.
به این اعداد باید کدنویسی های انجام شده برای طراحی های اختصاصی و تهیه خروجی متناسب با طرح اولیه را نیز اضافه کنیم. در نتیجه سایت شما نمایش درستی در موبایل و تبلت خواهد داشت ولی تعداد زیادی از کاربران به دلیل سرعت پایین ممکن است سایت شما را ترک کنند.Bootstrap خلاقیت را از شما میگیرد
طراحی سایت به دو بخش اصلی تقسیم میشود که عبارتند از طراحی و کدنویسی، برای ایجاد یک خروجی ایده آل باید هردو به خوبی کار خود را انجام داده و البته هماهنگ با یکدیگر باشند. زمانی که طراح شما محدود به طراحی سایت با Bootstrap باشد ناخودآگاه از خلاقیت خود می کاهد تا المان های سایت متناسب با امکانات این فریم ورک باشد.
بسیاری از وبمستران معتقدند که طراحی سایت با Bootstrap موجب شده سایت های بسیاری در اینترنت شبیه به یکدیگر و در نتیجه کسل کننده باشند. ایرادی که تا حد بسیار زیادی وارد است.
جمع بندی: آیا از Bootstrap استفاده کنیم؟
تمام مواردی که برای نکات مثبت و منفی طراحی سایت با Bootstrap ذکر کردیم ممکن است برای شما کم اهمیت یا پر اهمیت باشند. پیشنهاد ما آن است که قبل از بکارگیری، این ابزار را به خوبی بشناسیم.
اگر تازه کار هستید یا خیلی حرفه ای بوت استرپ بهترین انتخاب برای طراحی سایت شماست!
منبع: استودیو طراحی وب من
پاسخ دهید