Podstawy interfejsu Windows 8 - Wstęp  Udostępnij na: Facebook

Autor: Piotr Bubacz

[Ta dokumentacja jest wstępna i może ulec zmianie.]

Opublikowano: 2012-04-17

Wszystko powinno być tak proste, jak to tylko możliwe, ale nie prostsze.
Albert Einstein

Po erze zachłyśnięcia się okrągłościami, gradientami, przezroczystościami nadszedł czas, kiedy ponownie doceniono prostotę i na nowo odkryto kontent, a nie jego zdobienia. Nowy inferfejs Windows 8 to nie tylko język, ale również filozofia projektowania prostych, przejrzystych, czytelnych i bardzo szybkich żywych aplikacji, które są, podobnie jak my, w ciągłym ruchu. Aplikacja musi szybko reagować na najlżejszy dotyk. Tu liczy się kontent, to on jest królem i on jest najważniejszy, a nie okrągłe, półprzezroczyste ramki i zdobienia dookoła niego.

Idea nowego interfejsu nie jest zupełnie nowa, czerpie inspiracje z m.in. Modern Design – szkoły Bauhaus, International Typographic Style – Swiss Design, Motion Design - kinematografii z Swiss Style oraz ikonografii nowojorskiego metra. Interfejs jest zredukowany do minimum, prosty, przejrzysty po prosty piękny, tak prosty, jak to tylko możliwe i chyba już nie może być prostszy.

W tym cyklu poznasz podstawy, założenia i sugestie, jak w prosty sposób przygotować piękne aplikacje Metro:

  • Tworzenie wspaniałych aplikacji – w tym odcinku poznasz podstawowe założenia i dowiesz się, „co to są aplikacje pod nowy interfejs i czym różnią się od aplikacji desktopowych”,
  • Wzorce projektowe User Experience w aplikacjach – w tym odcinku poznasz zasady projektowania nawigacji, poleceń oraz interakcji dotykowej w aplikacjach,
  • Projektowanie elementów nawigacyjnych – w tym odcinku nauczysz się organizować zawartość Twojej aplikacji, aby była ona intuicyjna i łatwa w obsłudze dla każdego użytkownika,
  • Projektowanie poleceń – w tym odcinku dowiesz się, gdzie i w jaki sposób umieszczać polecenia i kontrolki aplikacji,
  • Projektowanie dotyku – w tym odcinku poznasz interakcje dotykowe w systemie Windows 8 oraz wytyczne dotyczące ich projektowania,
  • Pobieranie zasobów projektowych dla aplikacji – w tym odcinku dowiesz się, gdzie pobrać zasoby projektowe dla aplikacji, ułatwiające ich przygotowanie,
  • Wytyczne dla typografii i tekstu – w tym odcinku poznasz wytyczne umożliwiające właściwe wykorzystanie rozmiaru fontów, grubości, kolorów, które mogą pomóc Tobie zaprojektować poprawną aplikację, wykorzystującą nowy interfejs Windows 8.

Dodatkowo zobacz prezentacje z konferencji Build:

Designing Metro style: principles and personality (49 min) – w tej prezentacji, dyrektor działu „User Experience Design and Research”, Sam Moreau, omawia podstawowe założenia nowego interfejsu i przedstawia, jak można zastosować je do budowania aplikacji.

Platform for Metro style apps (73 min) – w tej prezentacji możesz zobaczyć, jakie platformy sprzętowe są wspierane przez aplikację. Zapoznaj się także z podstawowymi aplikacjami, przygotowanymi w różnych językach programowania.

8 traits of great Metro style apps (93 min) – zobacz, jakie cechy posiadają aplikacje, jak działają aplikacje w systemie Windows 8, w jaki sposób te aplikacje współdziałają między sobą dzięki jednakowemu podejściu do interfejsu użytkownika.

Prepare your apps for Windows 8 and beyond (60 min) – zobacz, jak przygotować aplikacje, aby były zgodne z nowym interfejsem i systemem Windows 8. Dowiedz się, jak Twoja aplikacja może harmonijnie dołączyć do pozostałych aplikacji nowego systemu.

Zobacz również inne prezentacje o tworzeniu aplikacji dla nowego interfejsu:

Visual Studio Toolbox: Building Metro Style Apps with XAML (39 min) – zobacz, jak wykorzystać Visual Studio 11 do tworzenia aplikacji w Windows 8. W prezentacji zaprezentowano trzy szablony projektu, udostępnione w Visual Studio. Zobacz również, jak zamienić przykładowe dane na dane rzeczywiste.

Visual Studio Toolbox: Building Metro Style Apps with JavaScript (27 min) – w tej prezentacji zobacz, jak można wykorzystać JavaScript, HTML i CSS do tworzenia aplikacji w systemie Windows 8.