Podstawy interfejsu Windows 8 - Wstęp
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.