Udostępnij przez


Wytyczne dotyczące projektowania

W sekcji Wytyczne opisano podstawowe bloki konstrukcyjne projektu aplikacji systemu Windows. Te tematy definiują wzorce, reguły i zachowania, które zapewniają, że aplikacja czuje się intuicyjna, dopracowana i dopasowana do projektu Fluent Design. Od koloru i typografii po ruch, układ i materiały, każdy element ułatwia podejmowanie spójnych decyzji, które skalują się między stronami, funkcjami i formatami.

Skorzystaj z tych podstaw jako przewodnika w procesie projektowania — niezależnie od tego, czy mapujesz pierwsze ekrany, uściślisz wzorce interakcji, czy upewnisz się, że interfejs użytkownika jest zgodny z konwencjami systemu Windows. Wczesne eksplorowanie tych podstaw może zaoszczędzić czas programowania, skrócić pracę i prowadzić do lepszych środowisk dla użytkowników.


Ikona koloru
Kolor
Użyj koloru, aby ustanowić hierarchię, komunikować znaczenie i tworzyć spójną tożsamość wizualizacji.

Ikona polecenia
Komendanta
Prezentowanie akcji w przejrzystych, spójnych wzorcach, które pomagają użytkownikom zrozumieć, co mogą robić.

Ikona wzniesienia
Wysokość
Zastosuj głębokość i warstwy w celu ukierunkowania uwagi i wzmocnienia struktury interfejsu.

Ikona geometrii
Geometrii
Użyj relacji kształtów, rozmiarów i przestrzennych, aby tworzyć zrównoważone, przewidywalne układy.

Ikona ikonografii
Ikonografii
Szybkie komunikowanie akcji i pojęć za pomocą znanych, celowych ikon.

Ikona układu
Układ
Organizuj zawartość za pomocą siatek, odstępów i wzorców wyrównania, które zwiększają przejrzystość i płynność.

Ikona materiałów
Materiał
Ulepsz interfejs użytkownika dzięki płynnym materiałom, takich jak Mica i Akryl, aby dodać głębię i ciepło.

Ikona ruchu
Ruchu
Użyj ruchu, aby przekazać opinię, zwrócić uwagę i utworzyć płynne, dynamiczne interakcje.

Ikona nawigacji
Nawigacja
Ułatwiają użytkownikom przechodzenie przez aplikację z przewidywalnymi, dobrze ustrukturyzowanymi wzorcami nawigacji.

Ikona dźwięku
Dźwięk
Użyj wskazówek dźwiękowych, aby przekazać opinie, wzmocnić akcje i zapewnić ułatwienia dostępu.

Ikona typografii
Typografia
Ustaw ton i zwiększ czytelność przy użyciu spójnych opcji typów i hierarchii.

Ikona użyteczności
Użyteczność
Upewnij się, że aplikacja jest łatwa w użyciu dzięki intuicyjnym interakcjom, jasnym przystępnym cenom i ułatwieniom dostępu.

Ikona widżetów
Widżety
Rozszerz aplikację o czytelne, interaktywne powierzchnie udostępniające kluczowe informacje i działania.

Ikona pisania
Pisanie
Użyj jasnego, zwięzłego i przydatnego języka, aby poprawić zrozumienie i zmniejszyć obciążenie poznawcze.