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

Book Description

Nie jesteś grafikiem, a chcesz projektować zachwycające witryny internetowe? Dowiedz się, jak stworzyć użyteczny układ witryny i miły dla oka interfejs użytkownika Naucz się umiejętnie dobierać i odpowiednio zestawiać kolory serwisu Opanuj zasady stosowania fontów oraz uatrakcyjniania strony grafiką i typografią Myślisz, że zadanie programisty kończy się na stworzeniu wydajnego i funkcjonalnego silnika witryny, a kwestia jego wyglądu to już "sprawa dla webmastera?" Frustruje Cię, że potrafisz robić perfekcyjnie działające strony, które bez dobrego grafika nie wzbudzają entuzjazmu użytkowników? Jeśli wciąż uważasz, że wyczucie graficzne pozwalające tworzyć zachwycające wizualnie strony internetowe to umiejętność zarezerwowana jedynie dla najlepszych projektantów i webmasterów, pora skończyć ze stereotypami i ograniczeniami! Oto drugie wydanie rewolucyjnej książki, która odmieniła sposób pracy programistów na całym świecie! Ta wypełniona kolorowymi ilustracjami, licznymi przykładami i przejrzystymi instrukcjami książka pozwoli Ci szybko zrozumieć zasady dobrego projektowania stron internetowych, dzięki czemu już wkrótce zastosujesz je w swoich projektach. Będzie dla Ciebie praktycznym przewodnikiem, prowadzącym od koncepcji do realizacji przez wszystkie niezbędne zagadnienia, takie jak sensowny układ i atrakcyjna kompozycja witryny, przykuwająca uwagę kolorystyka, czytelna typografia i właściwe zdjęcia. Szybko przekonasz się, dlaczego właśnie ta książka cieszy się taką popularnością wśród programistów. Nim się zorientujesz, już zaczniesz tworzyć zachwycające serwisy internetowe!

Dowiesz się m.in., jak dobierać kolory, by komponować miłe dla oka schematy barw budować solidne układy, efektywnie stosując systemy siatek i białą przestrzeń wykorzystywać tekstury, w tym potęgę nawet najprostszych elementów, takich jak punkt, linia, figura, głębia czy deseń opanować sztukę transformacji nudnych kompozycji w olśniewające perły przy użyciu samej typografii wybierać, modyfikować i pozycjonować grafiki na stronie śmiało projektować strony kompatybilne z urządzeniami przenośnymi korzystać z dobrodziejstw fontów dzięki deklaracji @font-face Opanuj zasady dobrego projektowania - od koncepcji do sprawnej realizacji! Jason Beaird jest projektantem i programistą z więcej niż dziesięcioletnim doświadczeniem w pracy nad wieloma uznanymi i nagradzanymi witrynami internetowymi. Dzięki zamiłowaniu do projektu graficznego i wielkiemu oddaniu standardom sieciowym Jason sukcesywnie znajduje nowe sposoby, by uczynić sieć piękniejszym miejscem. W chwilach, gdy nie bawi się pikselami w Photoshopie bądź nie kombinuje ze znacznikami HTML, dzieli się z innymi swoją twórczą pasją.

Table of Contents

  1. O autorze
  2. O recenzencie
  3. O korektorze merytorycznym
  4. O naczelnym redaktorze technicznym
  5. Dedication
  6. Przedmowa
    1. Dla kogo jest ta książka
    2. Co tu znajdziesz
    3. Strona internetowa książki
      1. Errata
    4. Podziękowania
    5. Konwencje typograficzne użyte w książce
      1. Przykładowy kod
      2. Wskazówki, ciekawostki i ostrzeżenia
  7. 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
    10. Nowoczesne trendy
      1. Styl beznawigacyjny
      2. Ekspansywna stopka
      3. Minimalizm
    11. Zmiana rozmiaru: układy stałe, płynne i reaktywne
      1. Stała szerokość
      2. Szerokość płynna
      3. Alternatywa: układ reaktywny
    12. Rozdzielczość ekranu
    13. Praktyczne wykorzystanie: Southern Savers
      1. Początek
  8. 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łnieniowy schemat kolorów
        1. Dopełnieniowe schematy kolorów — przykłady
        2. Schematy dopełnieniowe — częste błędy
      4. Inne schematy kolorów — dopełnieniowy rozdzielony, triada i tetrada
      5. 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. Color Stream — aplikacja na iPhone’a
      5. Pictaculous
      6. Colour Contrast Check
    9. Praktyczne wykorzystanie: kolor oszczędności
  9. 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: wycinanie i oszczędzanie
  10. 4. Typografia
    1. Font a sieć
    2. Zastępowanie fontu obrazem
    3. Deklaracja @font-face
      1. Samodzielne hostowanie fontów
      2. Hosting fontów
      3. sIFR i Cufón
    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 dekoratywne
      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
  11. 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: dobrym drukiem
    10. Naprzód, w drogę!
  12. Indeks
  13. Copyright