You are previewing Niezawodne zasady web designu. Projektowanie spektakularnych witryn internetowych. Wydanie III.
O'Reilly logo
Niezawodne zasady web designu. Projektowanie spektakularnych witryn internetowych. Wydanie III

Book Description

Stworzenie doskonałej strony WWW wymaga współpracy grafika i programisty, który potrafi przekuć jego wizję na język kodu. Czy jest możliwe połączenie tych dwóch ról? Czy programista może nauczyć się tworzyć atrakcyjne, eleganckie i estetyczne strony WWW bez pomocy grafika? Dowiedz się, jak to osiągnąć i zoptymalizować swoją pracę! Sięgnij po kolejne wydanie tej bogato ilustrowanej książki i poznaj najlepsze zasady projektowania stron internetowych. W kolejnych rozdziałach zdobędziesz bezcenną wiedzę na temat dobierania kolorów, tworzenia układów stron oraz korzystania z tekstur.

Table of Contents

  1. Niezawodne zasady web designu. Projektowanie spektakularnych witryn internetowych.
  2. O autorach
  3. O korektorze merytorycznym
  4. Przedmowa
    1. Dla kogo jest ta książka
    2. Co tu znajdziesz
    3. Konwencje typograficzne użyte w książce
      1. Przykładowy kod
      2. Wskazówki, ciekawostki i ostrzeżenia
    4. Strona internetowa książki
  5. 1. Układ i kompozycja
    1. Proces projektowania
      1. Poznawanie
      2. Poszukiwanie
      3. Implementacja
    2. Wyznaczanie dobrego stylu
    3. Anatomia stron internetowych
    4. Teoria siatki
      1. Reguła trójpodziału
      2. 960 Grid System
    5. Równowaga
      1. Równowaga symetryczna
      2. Równowaga asymetryczna
    6. Jedność
      1. Bliskość
      2. Powtórzenia
    7. Wyróżnienie
      1. Rozmieszczenie
      2. Ciągłość
      3. Izolacja
      4. Kontrast
      5. Proporcje
    8. Podstawowe układy stron
      1. Układ lewokolumnowy
      2. Układ prawokolumnowy
      3. Układ trójkolumnowy
    9. W poszukiwaniu natchnienia
      1. Teczka z pomysłami
      2. Popularne trendy
        1. Styl beznawigacyjny
        2. Ekspansywna stopka
        3. Minimalizm
      3. Nowe trendy
        1. Tła pełnoekranowe
        2. Płaski widok
        3. Tła wideo
        4. Murek
        5. Paralaksa
    10. Zmiana rozmiaru: układy stałe, płynne i elastyczne
      1. Stała szerokość
      2. Szerokość płynna
      3. Szerokość elastyczna
        1. Jak to działa?
    11. Rozdzielczość ekranu
    12. Frameworki
    13. Praktyczne wykorzystanie: Knoxville Reflexology Group
      1. Początek
  6. 2. Kolor
    1. Psychologia koloru
      1. Kolorystyczne skojarzenia — symbolika koloru
    2. Temperatura barwowa
    3. Wartość chromatyczna
      1. Saturacja
    4. Podstawy teorii koloru
    5. Czerwony, żółty i niebieski czy CMYK?
    6. Schematy kolorów
      1. Monochromatyczny schemat kolorów
        1. Monochromatyczny schemat kolorów — przykłady
      2. Analogiczny schemat kolorów
        1. Analogiczny schemat kolorów — przykłady
      3. Dopełniający schemat kolorów
        1. Dopełniające schematy kolorów — przykłady
        2. Schematy dopełniające — częste błędy
        3. Inne schematy kolorów — dopełniający rozdzielony, triada i tetrada
      4. Inne możliwości
    7. Tworzenie palety
      1. Notacja szesnastkowa
    8. Narzędzia i zasoby
      1. Color Scheme Designer 3
      2. Adobe Kuler
      3. COLOURlovers
      4. Pictaculous
      5. Colour Contrast Check
    9. Praktyczne wykorzystanie: wybór schematu
  7. 3. Tekstura
    1. Punkt
    2. Linia
    3. Figury
      1. Zaokrąglone wierzchołki
      2. Obrót
      3. Figury a kompozycja
    4. Objętość i głębia
      1. Perspektywa
      2. Proporcje
      3. Światło i cień
    5. Deseń
    6. Tworzenie faktury
      1. Podstarzały, znoszony, nostalgiczny styl
      2. Czysto-ziarnisto
      3. Własnoręcznie zrobiony album
      4. Kapryśny styl kreskówkowy
      5. Tekstura minimalistyczna
      6. Wyznaczanie nowych trendów
    7. Praktyczne wykorzystanie: logo i treść
  8. 4. Typografia
    1. Font a sieć
    2. Deklaracja @font-face
      1. Samodzielne hostowanie fontów
      2. Hosting fontów
    3. Zastępowanie fontu obrazem
    4. Anatomia liter
    5. Odstępy w tekście
      1. Odstępy w poziomie
      2. Odstępy w pionie
    6. Wyrównanie tekstu
    7. Kroje pisma – różnice
      1. Kroje szeryfowe
      2. Kroje bezszeryfowe
      3. Kroje odręczne
      4. Krój stały
      5. Kroje dekoracyjne
      6. Dingbaty
    8. W poszukiwaniu fontów
      1. Darmowe galerie fontów
      2. Komercyjne galerie fontów
      3. Artyści indywidualni i wydawnictwa
    9. Wybieranie właściwego fontu
      1. Wielkość fontu i wysokość linii
      2. Interpunkcja i znaki specjalne
    10. Praktyczne wykorzystanie: dobrym drukiem
  9. 5. Obraz
    1. Czego szukać?
    2. Potencjalne źródła obrazów
      1. Brać czy robić?
      2. Fotografia stockowa
        1. Obrazy darmowe
        2. Grafiki wolne od opłat autorskich
        3. Obrazy licencjonowane
    3. Pomoc profesjonalisty
    4. Skąd nie czerpać
      1. Google grabież
      2. Hotlinkowanie
      3. Clipart
    5. Twórcze wycinanie
    6. Transformacje obrazu w Photoshopie
    7. Format plików i rozdzielczość
    8. Pomysłowe stosowanie obrazów
      1. Ulepszanie obrazu obrazem
      2. Podkręcanie obrazów za pomocą CSS
    9. Praktyczne wykorzystanie: ostatnie szlify
    10. Naprzód, w drogę!
  10. Indeks
  11. Copyright