آموزش طراحی رابط کاربری سایت با فریم ورک Foundation

5 ساعت

0.0

امروزه، یکی از راه حل های طراحی رابط کاربری وب سایت، استفاده از فریم ورک های آماده است که تاکنون فریم ورک های متعددی از جمله: W3.CSS, Semantic UI, Bootstrap Foundation و… ارائه شده است. مزیت استفاده از فریم ورک های آماده این است که نیازی نیست تا تمامی خاصیت های مربوط به شکل دهی به المان ها را از ابتدا پیاده سازی کرده و می توان از قابلیت های موجود در فریم ورک، بهره برد. همچنین می توان استایل های مشخص شده برای هر یک از فریم ورک ها را شخصی سازی کرده، قابلیت های مورد نظر خود را به فریم ورک اضافه نمود و نیز کلاس های موجود در فریم ورک را شخصی سازی کرد. از طرفی با استفاده از امکانات از پیش تعریف شده در فریم ورک، دیگر نیازی نیست تا قسمت عمده از کلاس های CSS و همچنین ساختار صفحه خود را از ابتدا پیاده سازی کرد و تنها کافی است تا کلاس مربوطه را از فریم ورک فراخوانی نمود که این کار به طراحان کمک می کند تا سرعت کدنویسی خود را افزایش دهند. یکی از فریم ورک های مطرح در زمینه طراحی رابط کاربری، فریم ورک Foundation نام دارد که توسط شرکت Zurb ارائه شده است و به طراحان کمک می کند تا به سادگی، رابط کاربری صفحه وب خود را طراحی نمایند. این فریم ورک که تاکنون به روز رسانی های مرتبط و بهینه سازی های مشخصی داشته است، به کاربران کمک می کند تا برای تنظیم موقعیت المان ها از شبکه Grid موجود استفاده نموده که این شبکه Grid براساس سه طرح متفاوت XY و Float, Flex ارائه شده است. همچنین با استفاده از کلاس های موجود در این فریم ورک می توان نسبت به طراحی المان های مختلفی از جمله: دکمه ها، منوها، جداول، نوارهای پیشرفت و… اقدام کرد.