Główna » Projektowanie stron » Konstrukcja śmigła łączy Bootstrap i Google Material Design

    Konstrukcja śmigła łączy Bootstrap i Google Material Design

    Ogromna popularność Google'a wygląd materiału nie powinno być zaskoczeniem. To część nowoczesnego stylu interfejsu użytkownika skupiającego się bardziej na płaska konstrukcja z nacisk na UX i wzorce użyteczności.

    Przyjmując koncepcje projektowania materiałów i dodając je do Bootstrap, otrzymujemy Ramy śmigła.

    Ta w pełni responsywna platforma open source doskonale spełnia rolę materialną. Jest dostarczany z biblioteką komponentów 25 elementów interfejsu użytkownika, wraz z niestandardowe szablony przyspieszyć produkcję.

    Możesz znaleźć cały kod źródłowy w GitHub, wraz z informacjami dotyczącymi obsługi przeglądarki i najnowszymi aktualizacjami.

    Jeśli naprawdę chcesz się zanurzyć, powinieneś sprawdzić strona dokumentacji. W tym miejscu dzieje się wiele dobrych rzeczy, obejmujących strukturę folderów, podstawowe ustawienia witryny, korzystanie z komponentów i sposób samodzielnego dostosowania zestawu.

    Większość komponentów działa na wierzchu klas Bootstrap, więc pracujesz z oryginalny kod BootStrap. Jest jednak mocno dostosowany do naśladować projekt materiałuanimacje i ideologie projektowe.

    Rozwijane menu, formularze, widżety z zakładkami i paski postępu, wszystkie te składniki postępuj zgodnie ze stylem projektowania materiałów i są bardzo łatwe w konfiguracji. Najtrudniejsze jest znalezienie dokładnego komponentu, który pasuje do Twojej witryny, ponieważ jest ich tak wiele do wyboru.

    Ogólnie rzecz biorąc, śmigło postępuje zgodnie z większością wytycznych projektowych Google. Deweloperzy wykonali fantastyczną robotę z tym frameworkiem i naprawdę pasują do stylu materiału.

    Na stronie Pierwsze kroki znajdziesz cztery różne pliki do pobrania, każdy dla odrębnego celu:

    1. Materiał tematyczny - dla istniejących stron Bootstrap, które wymagają stylu projektowania materiałów
    2. Zestaw śmigła - cała biblioteka CSS / JS gotowa do produkcji
    3. Samodzielny - poszczególne elementy, które można kopiować / wklejać do własnych projektów
    4. Szablon administratora - niestandardowy szablon panelu administracyjnego wykonany za pomocą śmigła

    Jeśli jesteś nowicjuszem w branży, możesz pobrać cały zestaw i zabrać się do pracy. Ten pakiet nie ma wielu przykładowych stron, ale możesz zajrzeć do witryny Propeller, aby zobaczyć, jak to wygląda.

    Ta struktura jest gotowy do produkcji jeśli szukasz motywu materialnego. Jest to jedna z najprostszych konstrukcji do zbudowania i prawdopodobnie będzie dostępna przez wiele lat.