O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Projektowanie interfejsów. Sprawdzone wzorce projektowe

Book Description

W niniejszym zaktualizowanym wydaniu znajdziesz wzorce do wykorzystania zarówno w aplikacjach mobilnych i mediach społecznościowych, jak i w aplikacjach internetowych czy programach komputerowych.

Table of Contents

  1. Projektowanie interfejsów. Sprawdzone wzorce projektowe
  2. Wprowadzenie do drugiego wydania
    1. Zmiany w drugim wydaniu
  3. Wprowadzenie
    1. Drobne, luźno powiązane elementy
    2. Ogólnie o wzorcach
    3. Inne zbiory wzorców
    4. O wzorcach przedstawionych w tej książce
    5. Czytelnicy
    6. Układ tej książki
    7. Podziękowania
  4. 1. Co robi użytkownik
    1. Środek do celu
    2. Podstawy badań użytkowników
    3. Motywacja użytkowników do nauki
    4. Wzorce
      1. Bezpieczna Eksploracja
      2. Pragnienie Natychmiastowej Satysfakcji
      3. Satisficing
      4. Zmiany Na Bieżąco
      5. Odwlekanie Decyzji
      6. Stopniowa Konstrukcja
      7. Przyzwyczajenie
      8. Mikroprzerwy
      9. Pamięć Przestrzenna
      10. Pamięć Prospektywna
      11. Wspomagane Powtarzanie
      12. Miłość Do Klawiatury
      13. Porady Innych
      14. Osobiste Rekomendacje
  5. 2. Organizacja treści: architektura informacji i struktura aplikacji
    1. Ogólny zarys
      1. Pokazanie jednego elementu
      2. Pokazanie listy elementów
      3. Udostępnienie narzędzi kreatywnych
      4. Umożliwienie wykonania czynności
    2. Wzorce
      1. Ekspozycja, Wyszukiwanie I Przeglądanie
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
          1. Przykłady
      2. Aktualności
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
      3. Menedżer Obrazów
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
      4. Pulpit
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
      5. Płótno I Paleta
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
      6. Kreator
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
      7. Edytor Ustawień
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
      8. Różne Widoki
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
      9. Wiele Obszarów Roboczych
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
      10. Wielopoziomowy System Pomocy
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
  6. 3. Tam i z powrotem: nawigacja, drogowskazy i poruszanie się
    1. Jak się odnaleźć
    2. Koszt nawigacji
      1. Niewielkie odległości
    3. Modele nawigacji
    4. Konwencje projektowania stron
    5. Wzorce
      1. Wskazane Punkty Startowe
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
      2. Spis Treści
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
      3. Piramida
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
      4. Panel Modalny
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
      5. Głębokie Linkowanie
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
      6. Wyjście Ewakuacyjne
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykład
        6. W innych bibliotekach
      7. Grube Menu
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
      8. Mapka Strony W Stopce
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
      9. Narzędzia Logowania
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
      10. Mapa Sekwencji
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
      11. Okruszki
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
      12. Pasek Przewijania Z Adnotacją
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
      13. Animowane Przejście
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. W innych bibliotekach
  7. 4. Organizacja strony: układ elementów
    1. Podstawy tworzenia layoutu strony
      1. Hierarchia wizualna: ważność i relacje
        1. Jak sprawić, by element wydawał się ważny
        2. Jak ukazać relacje istniejące między elementami strony
      2. Przepływ wzroku: na co teraz spojrzeć
      3. Wykorzystanie dynamicznych elementów
    2. Wzorce
      1. Ramy Graficzne
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
      2. Obszar Centralny
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
      3. Siatka Równoprawnych Elementów
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
      4. Zatytułowane Sekcje
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
      5. Zakładki
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
      6. Akordeon
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
      7. Zwijane Panele
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
      8. Ruchome Panele
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
      9. Wyrównanie Do Lewej I Prawej
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
      10. Wyważenie Po Przekątnej
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
      11. Ujawnianie Reakcyjne
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
      12. Odblokowywanie Reakcyjne
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
          1. W innych bibliotekach
      13. Płynny Layout
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
  8. 5. Listy
    1. Scenariusze korzystania z list
    2. Architektura informacji
    3. Możliwe rozwiązania
    4. Wzorce
      1. Wybór Dwupanelowy
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
      2. Uszczegółowienie W Jednym Oknie
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
      3. Wkładki
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
      4. Siatka Miniaturek
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
      5. Karuzela
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
      6. Przemienne Tło
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
      7. Paginacja
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
      8. Bezpośrednie Przejście Do Elementu
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
      9. Przewijanie Alfabetyczne
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
      10. Kaskadujące Listy
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
      11. Tabela Drzewiasta
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
      12. Pole Nowego Elementu
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
  9. 6. Jak to się robi: czynności i polecenia
    1. Poszerzanie horyzontów
    2. Wzorce
      1. Grupy Przycisków
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
      2. Ukryte Narzędzia
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
      3. Panel Poleceń
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Umieszczenie Panelu Poleceń w interfejsie
        6. Ustrukturyzowanie poleceń
        7. Oznaczenie poleceń
          1. Przykłady
          2. W innych bibliotekach
      4. Wyszczególniony Przycisk „Zakończ”
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
      5. Inteligentne Elementy Menu
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
      6. Podgląd
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
      7. Wskaźnik Postępu
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
      8. Odwoływalność
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
      9. Wielopoziomowe Cofanie Czynności
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Odwracalne czynności
        6. Opracuj sekwencję cofania
        7. Wyświetlanie
          1. Przykłady
          2. W innych bibliotekach
      10. Historia Poleceń
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
      11. Makra
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Utworzenie makra
        6. Odtwarzanie makra
          1. Przykłady
  10. 7. Prezentowanie danych: dendrogramy, wykresy i inne infografiki
    1. Podstawy infografik
      1. Modele organizacyjne: jak wygląda organizacja danych?
      2. Przedświadoma interpretacja zmiennych: co wiąże się z czym?
      3. Nawigacja i przeglądanie: jak mogę zgłębić te dane?
      4. Sortowanie i przestawianie: czy mogę zmienić strukturę danych, by uzyskać inny punkt widzenia?
      5. Wyszukiwanie i filtrowanie: w jaki sposób mogę dostać wyłącznie te dane, których potrzebuję?
      6. Dane jako takie: jakie są konkretne wartości danych?
    2. Wzorce
      1. Ogląd Ze Szczegółami
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
      2. Chmurki Informacyjne
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
      3. Podświetlanie Danych
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
      4. Dynamiczne Kwerendy
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
      5. Rozrysowywanie Danych
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
      6. Lokalne Przybliżanie
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
      7. Sortowalna Tabela
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
      8. Wykres Promienisty
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
      9. Równoległe Wykresy
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
      10. Wykres Panelowy
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
      11. Treemapa
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
  11. 8. Dane wejściowe: formularze i kontrolki
    1. Podstawy projektowania formularzy
    2. Wybór kontrolek
      1. Listy elementów
        1. Pole wyboru
        2. Dwa przyciski opcji
        3. Rozwijana lista z dwiema opcjami
        4. Przełącznik „wciskany”
        5. Przyciski opcji N
        6. Rozwijana lista z N opcjami
        7. Zestaw N wykluczających się wzajemnie przełączników w postaci ikonek
        8. Lista lub tabela pojedynczego wyboru
        9. Pokrętło
        10. Rozwijana lista z N opcjami, w razie konieczności przewijalna
        11. Lista lub tabela pojedynczego wyboru
        12. Dendrogram pojedynczego wyboru lub Kaskadująca Lista z elementami przypisanymi do kategorii
        13. Przeglądarka, np. plików, kolorów lub fontów
        14. Szereg N pól wyboru
        15. Szereg N przełączników
        16. Lista lub tabela wielokrotnego wyboru
        17. Lista pól wyboru
        18. Dendrogram pojedynczego wyboru lub Kaskadująca Lista z elementami przypisanymi do kategorii
        19. Przeglądarka, np. plików, kolorów lub fontów
        20. Wzorzec Kreator Listy
        21. Lista lub tabela z przyciskiem Dodaj lub Nowy
        22. Lista lub tabela wykorzystująca wzorzec Pole Nowego Elementu
        23. Lista lub tabela, na którą można przeciągać elementy
        24. Nieuporządkowana lista z poleceniami przestawiania elementów w górę i w dół
        25. Nieuporządkowana lista umożliwiająca zmianę kolejności elementów poprzez przeciąganie
      2. Tekst
        1. Jednowierszowe pole tekstowe
        2. Pole wyboru
        3. Pole tekstowe z przyciskiem Więcej lub Rozwijanym Selektorem
        4. Wielowierszowe pole tekstowe
        5. Pole tekstowe z możliwością wpisywania znaczników
        6. Edytor tekstu sformatowanego
      3. Liczby
        1. Pole tekstowe o Formacie Pobłażliwym
        2. Pole tekstowe o Formacie Strukturalnym
        3. Przewijane pole (najlepsze do określania liczb całkowitych i nieciągłych wartości)
        4. Suwak
        5. Pokrętło
        6. Pole tekstowe z wartością sprawdzaną po wprowadzeniu (może użyć Wskazówek, Zapytań itp.)
        7. Suwak z polem tekstowym (może przybrać formę Rozwijanego Selektora z suwakiem)
        8. Podwójny suwak (można włączyć dwa pola tekstowe)
        9. Dwa suwaki (można włączyć dwa pola tekstowe)
        10. Dwa przewijane pola (można je połączyć przy użyciu wzorca Uzupełnianie)
        11. Dwa pola tekstowe z wartościami sprawdzanymi po wprowadzeniu (można wykorzystać Wskazówki, Zapytania i Uzupełnianie)
      4. Daty i godziny
        1. Pole tekstowe o Formacie Pobłażliwym
        2. Pole tekstowe o Formacie Strukturalnym
        3. Kalendarz lub zegar
        4. Rozwijany Selektor z kalendarzem lub zegarem
    3. Wzorce
      1. Format Pobłażliwy
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
      2. Format Strukturalny
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
      3. Uzupełnianie
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
      4. Wskazówki
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
      5. Zapytanie
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
      6. Miernik Bezpieczeństwa Hasła
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
      7. Automatyczne Uzupełnianie
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
      8. Rozwijany Selektor
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
      9. Kreator Listy
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
      10. Poprawne Wartości Domyślne
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
      11. Zlokalizowane Komunikaty O Błędach
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
  12. 9. Media społecznościowe
    1. Czego nie znajdziesz w tym rozdziale
    2. Media społecznościowe od podstaw
    3. Wzorce
      1. Przegląd Tematyczny
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
      2. Osobiste Wypowiedzi
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
      3. Współdzielenie I Komentowanie
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
      4. Zagajenia
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
      5. Odwrócona Mikropiramida
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
      6. Harmonogram
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
      7. Kanały Tematyczne
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
      8. Linki Społecznościowe
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. Co zrobić
      9. Widget Współdzielenia
        1. Kiedy używać
        2. Dlaczego
        3. W jaki sposób
        4. Przykłady
        5. W innych bibliotekach
      10. Newsbox
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
      11. Ranking Treści
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
      12. Najnowsza Aktywność
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
  13. 10. Urządzenia przenośne
    1. Wyzwania towarzyszące projektowaniu na urządzenia mobilne
      1. Jak podejść do projektowania dla urządzeń przenośnych
        1. 1. Czego właściwie potrzebują użytkownicy urządzeń przenośnych
        2. 2. Sprowadź stronę lub aplikację do podstaw
        3. 3. Jeżeli możesz, wykorzystaj możliwości sprzętowe urządzenia
        4. 4. Linearyzacja treści
        5. 5. Zoptymalizuj najczęściej występujące sekwencje interakcji
      2. Wzorowe przykłady
    2. Wzorce
      1. Pionowy Stos
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
      2. Klisza
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
      3. Narzędzia Dotykowe
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
      4. Dolny Pasek Nawigacyjny
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
      5. Miniaturki Z Tekstem
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
      6. Nieskończona Lista
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
      7. Duże Marginesy
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
      8. Przycisk Kasowania Tekstu
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
      9. Wskaźniki Wczytywania
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
      10. Połączone Aplikacje
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
      11. Ujednolicony Branding
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
  14. 11. Estetyka
    1. Różne style, ta sama treść
    2. Podstawy projektowania graficznego
      1. Kolor
      2. Typografia
      3. Przestrzeń i zagęszczenie
      4. Kąty i krzywe
      5. Tekstury i rytm
      6. Obrazy
      7. Odniesienia kulturowe
      8. Powtarzające się motywy graficzne
    3. Co to oznacza dla aplikacji komputerowych
    4. Wzorce
      1. Odległe Tło
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
      2. Kilka Barw, Wiele Wartości
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
      3. Stylizowane Rogi
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
      4. Obwódki Zgodne Z Tekstem
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
      5. Ździebełka
        1. Co zrobić
        2. Kiedy używać
        3. W jaki sposób
        4. Przykłady
      6. Kontrastująca Grubość Tekstu
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
      7. Skórki I Motywy
        1. Co zrobić
        2. Kiedy używać
        3. Dlaczego
        4. W jaki sposób
        5. Przykłady
        6. W innych bibliotekach
  15. A. Bibliografia
    1. Strony internetowe
    2. Książki
  16. B. O autorce
  17. C.  
  18. Indeks
  19. Kolofon
  20. Copyright