3 design systemy, które warto znać
Tym razem nie będę opowiadać o tym czym jest design system, bo o tym opowiedziałem w poprzednim wpisie w tej kategorii. Tym razem poznasz najbardziej popularne design systemy, których specyfikacja jest dostępna publicznie.
Material design od Google
Najważniejszą cechą tego design systemu jest to, że jest on trójwymiarowy. Co to znaczy? W zależności od tego, jak ważny jest dany element w strukturze całej strony / aplikacji jest on słabiej lub mocniej uwypuklany za pomocą cieni.
Kolory – material design stawia na żywe, ale nie jaskrawe kolory. Tworząc palety kolorystyczne dla aplikacji czy strony internetowej, wykorzystuje się dwa kolory.
Ikony – powinny być maksymalnie proste, płaskie i nie powinny zawierać skomplikowanych kształtów, a zakończenia linii powinny być proste.
Link
Human interface od Apple
Human interface design system w porównaniu do wyżej wymienionego systemu jest znacznie bardziej teoretyczny w swoich wytycznych. Twórcy przede wszystkim każą zachować spójność aplikacji z tym, z czym się identyfikuje, ale także kładą ogromny nacisk na UX.
Interfejs powinien być intuicyjny, ale też łatwo edytowalny (by można było go dostosować do potrzeb użytkownika). Ponadto tworząc aplikacje w systemie Human interface, należy pamiętać o wysokich rozdzielczościach, z których korzystają użytkownicy MacOS.
Jedną z najważniejszych wskazówek i cech charakterystycznych tego systemu jest Focus. Należy go zaznaczać poprzez odpowiednie zastosowanie kontrastu, przezroczystości i cienia, by można było odróżnić okno aktywne od nieaktywnego.
Na oficjalnej stronie znajdziemy wyjaśnienia niemalże każdego możliwego komponentu oraz informacje, jakie cechy powinien posiadać.
Link
https://developer.apple.com/design/human-interface-guidelines/
Polaris od Shopify
Polaris to design system stworzony przez Shopify, twórców jednej z największych platform e-commerce. Największy nacisk kładą na użyteczność, dostępność, strukturę informacji i ułatwienie pracy w swoich narzędziach.
Jednym z głównych wskazań jest tworzenie interfejsów aplikacji w taki sposób, by zachować płynność i spójność przejść pomiędzy podstawowymi funkcjami Shopify, a dodatkami od aplikacji.
Link
Kto może Ci więcej powiedzieć o designie, UI i UX?
Jeśli odczuwasz głód informacji na temat tych design systemów lub samego UI i UX to koniecznie musisz zacząć obserwować w swoich social mediach takie osoby jak:
Karol Stefański – Karol prowadzi kółko projektowe, w którym odkryje przed Tobą tajniki Figmy, ale też opowie Ci znacznie więcej o designie.
Agnieszka Naplocha – autorka uxowej zupki instant – książki o UX, współautorka podcastu Design Practice
Sprawdź ich wszelkie social media bo warto!
