Udostępnij przez


Zasady projektowania systemu Windows 11

różnych elementów projektu systemu Windows 11

System Windows 11 oznacza wizualną ewolucję systemu operacyjnego. Rozwinęliśmy nasz język projektowy wraz z Fluent, aby stworzyć projekt, który jest ludzki, uniwersalny i naprawdę przywodzi na myśl Windows.

Poniższe zasady projektowania poprowadziły nas przez całą drogę do tego, aby system Windows był najlepszym w klasie implementacji Fluent.

Bez wysiłku

System Windows 11 jest szybszy i bardziej intuicyjny. Łatwo jest robić to, czego chcę, z fokusem i precyzją.

Spokój

System Windows 11 jest bardziej łagodny i uporządkowany; zanika w tle, aby pomóc mi zachować spokój i koncentrację. To doświadczenie jest ciepłe, eteryczne i przyjazne.

Osobisty

System Windows 11 bezproblemowo dostosowuje się do sposobu korzystania z mojego urządzenia. Zgina się i dostosowuje do moich indywidualnych potrzeb i preferencji, abym mógł w pełni wyrazić siebie.

Znajomy

System Windows 11 równoważy nowy, odświeżony wygląd i działanie ze znajomością systemu Windows, który już znam. Nauka nie sprawia trudności; mogę to od razu zacząć.

Kompletna + spójna

System Windows 11 oferuje wizualnie bezproblemowe środowisko na różnych platformach. Mogę pracować na wielu platformach i nadal mieć spójne środowisko systemu Windows.

Środowiska podpisu systemu Windows 11

Charakterystyczne doświadczenia to elementy projektowe używane przez system Windows 11 do wyrażenia języka wizualnego i zachowania spójnego wyglądu i odczucia we wszystkich środowiskach Fluent.

okno i okno modalne w trybie jasnym po lewej stronie i w trybie ciemnym po prawej stronie

Kolor

Color pomaga użytkownikom skupić się na swoich zadaniach, wskazując hierarchię wizualizacji i strukturę między elementami interfejsu użytkownika. System Windows 11 używa koloru, aby zapewnić uspokajające podstawy, subtelnie zwiększając interakcje użytkowników i podkreślając istotne elementy tylko wtedy, gdy jest to konieczne.

okno aplikacji z pojedynczym obszarem zawartości

Wzniesienie i warstwowanie

podniesienie i warstwowanie to koncepcja nakładania jednej powierzchni na drugą, tworząc co najmniej dwa wizualnie wyróżniające się obszary na tej samej powierzchni. System Windows 11 używa podwyższania uprawnień i warstw jako podstawy dla hierarchii aplikacji.

ikona koszyka

Ikonografia

Iconography to zestaw obrazów i symboli wizualnych, które ułatwiają użytkownikom zrozumienie i nawigowanie po aplikacji. Ikonografia systemu Windows 11 ewoluowała zgodnie z naszym językiem projektowania. Każdy glif w naszej czcionce ikon systemu został przeprojektowany, aby wprowadzić łagodniejszą geometrię oraz nowoczesne metafory.

akrylowa powierzchnia interfejsu użytkownika wykonana z

Materiały

Materiały to efekty wizualne, które sprawiają, że powierzchnie interfejsu użytkownika przypominają rzeczywiste artefakty. System Windows 11 używa materiałów, aby interfejs użytkownika był połączony ze swoim środowiskiem. Materiały ożywiają powierzchnie i pomagają nam rozróżniać skoncentrowane i rozproszone aplikacje.

kilka elementów interfejsu użytkownika wyróżniających nową geometrię w systemie Windows 11

kształty i geometria

Geometry opisuje kształt, rozmiar i położenie elementów interfejsu użytkownika na ekranie. Te podstawowe elementy projektowania pomagają doświadczeniom czuć się spójnie w całym systemie projektowym. Aktualizacje geometrii w systemie Windows 11 tworzą bardziej przystępne, atrakcyjne i nowoczesne środowisko.

Kilka wyrazów renderowanych w Segoe UI Variable

Typografia

Jako wizualna reprezentacja języka głównym zadaniem typografii jest przekazywanie informacji. System typów systemu Windows 11 ułatwia tworzenie struktury i hierarchii w zawartości w celu zmaksymalizowania czytelności i czytelności w interfejsie użytkownika.

Animowany obraz przedstawiający kilka przykładów ruchu w interfejsie użytkownika systemu Windows.

Ruch

Motion opisuje sposób, w jaki interfejs animuje i reaguje na interakcję użytkownika. Ruch w systemie Windows jest reaktywny, bezpośredni i odpowiedni do kontekstu. Udostępnia on opinie dotyczące danych wejściowych użytkownika i wzmacnia paradygmaty przestrzenne, które obsługują znajdowanie sposobów.