SearchÔÇŽ
Czym jest Material UI Kit?
Material UI Kit to design system opieraj─ůcy si─Ö o Material Design stworzony przez firm─Ö Google. Jednym z g┼é├│wnych cel├│w, jakie przy┼Ťwieca┼éy nam podczas jego tworzenia, by┼éo pe┼éne odzwierciedlenie komponent├│w zawartych w bibliotece Material UI, wykorzystywanej przez web developer├│w. Dzi─Öki takiemu odwzorowaniu designer wykorzystuj─ůcy ten UI kit mo┼╝e nie tylko szybciej zaprojektowa─ç aplikacj─Ö zgodn─ů ze standardami Material Designu, ale tak┼╝e mie─ç pewno┼Ť─ç, ┼╝e programi┼Ťci b─Öd─ů w stanie r├│wnie szybko przeku─ç stworzone mockupy na w pe┼éni funkcjonaln─ů aplikacj─Ö.

Jakie korzy┼Ťci daje u┼╝ycie Material UI Kita?

1. Oszcz─Ödno┼Ť─ç czasu

Je┼Ťli trafisz na projekt, w kt├│rym chcia┼éby┼Ť wykorzysta─ç Material Design, projektowanie wszystkich styl├│w oraz komponent├│w mo┼╝e zaj─ů─ç tygodnie. W przypadku UI Kita dostarczamy Ci baz─Ö, zawieraj─ůc─ů wszystkie komponenty okre┼Ťlone w ramach MD (oraz wiele dodatkowych, wyst─Öpuj─ůcych w ramach Material UI). Dzi─Öki temu, zamiast wynajdywa─ç ko┼éo na nowo, mo┼╝esz od razu przej┼Ť─ç do projektowania widok├│w.

2. Łatwa współpraca na linii design-development

Komponenty oraz motyw stworzone w ramach UI Kita s─ů identyczne, jak komponenty, z kt├│rych korzysta─ç b─Öd─ů web developerzy. Daje Ci to gwarancj─Ö, ┼╝e ka┼╝dy z zaprojektowanych przez Ciebie mockup'├│w mo┼╝e w ┼éatwy i szybki spos├│b zosta─ç zakodowany z zachowaniem pe┼énego podobie┼ästwa. Ponadto kolory, cienie i typografia, kt├│re masz do dyspozycji r├│wnie┼╝ s─ů tymi, kt├│re developerzy b─Öd─ů mogli z najwi─Öksz─ů ┼éatwo┼Ťci─ů modyfikowa─ç.

3. Szybkie wprowadzanie zmian

Celem Material UI, jest zapewnienie developerom komponent├│w, kt├│re mog─ů by─ç z ┼éatwo┼Ťci─ů modyfikowane, by dopasowa─ç je do potrzeb projektu. Zale┼╝y nam, aby UI Kit r├│wnie┼╝ posiada┼é tak─ů cech─Ö. W zwi─ůzku z tym d─ů┼╝yli┼Ťmy do jak najlepszego wykorzystania takich funkcjonalno┼Ťci Figmy, jak lokalne style, auto-layout, czy mo┼╝liwo┼Ť─ç zmiany instancji komponent├│w. Dzi─Öki temu dowolna zmiana, jak─ů pragniesz wprowadzi─ç, mo┼╝e zosta─ç zaimplementowana szybko i mia┼éa odzwierciedlenie we wszystkich powi─ůzanych komponentach.

4. Przykłady i inspiracje

Obecnie jeste┼Ťmy na etapie rozbudowywania stron Frames oraz Screens. Chcemy, aby┼Ť m├│g┼é na nich odnale┼║─ç wiele przyk┼éad├│w z┼éo┼╝onych komponent├│w oraz ca┼éych stron, kt├│re b─Ödziesz m├│g┼é bezpo┼Ťrednio wykorzysta─ç w tworzonym przez siebie projekcie.
Last modified 1yr ago