Niezawodne zasady web designu. Projektowanie spektakularnych witryn internetowych

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ą. Spis treści Przedmowa Dla kogo jest ta książka Co tu znajdziesz Strona internetowa książki Errata Podziękowania Konwencje typograficzne użyte w książce Przykładowy kod Wskazówki, ciekawostki i ostrzeżenia Rozdział 1. Układ i kompozycja Proces projektowania Poznawanie Poszukiwanie Implementacja Wyznaczanie dobrego stylu Anatomia stron internetowych Teoria siatki Reguła trójpodziału 960 Grid System Równowaga Równowaga symetryczna Równowaga asymetryczna Jedność Bliskość Powtórzenia Wyróżnienie Rozmieszczenie Ciągłość Izolacja Kontrast Proporcje Podstawowe układy stron Układ lewokolumnowy Układ prawokolumnowy Układ trójkolumnowy W poszukiwaniu natchnienia Teczka z pomysłami Nowoczesne trendy Styl beznawigacyjny Ekspansywna stopka Minimalizm Zmiana rozmiaru: układy stałe, płynne i reaktywne Stała szerokość Szerokość płynna Alternatywa: układ reaktywny Rozdzielczość ekranu Praktyczne wykorzystanie: Southern Savers Początek Rozdział 2. Kolor Psychologia koloru Kolorystyczne skojarzenia — symbolika koloru Temperatura barwowa Wartość chromatyczna Saturacja Podstawy teorii koloru Czerwony, żółty i niebieski czy CMYK? Schematy kolorów Monochromatyczny schemat kolorów Analogiczny schemat kolorów Dopełnieniowy schemat kolorów Inne schematy kolorów — dopełnieniowy rozdzielony, triada i tetrada Inne możliwości Tworzenie palety Notacja szesnastkowa Narzędzia i zasoby Color Scheme Designer 3 Adobe Kuler COLOURlovers Color Stream — aplikacja na iPhone’a Pictaculous Colour Contrast Check Praktyczne wykorzystanie: kolor oszczędności Rozdział 3. Tekstura Punkt Linia Figury Zaokrąglone wierzchołki Obrót Figury a kompozycja Objętość i głębia Perspektywa Proporcje Światło i cień Deseń Tworzenie faktury Podstarzały, znoszony, nostalgiczny styl Czysto — ziarnisto Własnoręcznie zrobiony album Kapryśny styl kreskówkowy Tekstura minimalistyczna Wyznaczanie nowych trendów Praktyczne wykorzystanie: wycinanie i oszczędzanie Rozdział 4. Typografia Font a sieć Zastępowanie fontu obrazem Deklaracja @font-face Samodzielne hostowanie fontów Hosting fontów sIFR i Cufón Anatomia liter Odstępy w tekście Odstępy w poziomie Odstępy w pionie Wyrównanie tekstu Kroje pisma — różnice Kroje szeryfowe Kroje bezszeryfowe Kroje odręczne Krój stały Kroje dekoratywne Dingbaty W poszukiwaniu fontów Darmowe galerie fontów Komercyjne galerie fontów Artyści indywidualni i wydawnictwa Wybieranie właściwego fontu Wielkość fontu i wysokość linii Interpunkcja i znaki specjalne Praktyczne wykorzystanie: dobrym drukiem Rozdział 5. Obraz Czego szukać? Potencjalne źródła obrazów Brać czy robić? Fotografia stockowa Pomoc profesjonalisty Skąd nie czerpać Google grabież Hotlinkowanie Clipart Twórcze wycinanie Transformacje obrazu w Photoshopie Format plików i rozdzielczość Pomysłowe stosowanie obrazów Ulepszanie obrazu obrazem Podkręcanie obrazów za pomocą CSS Praktyczne wykorzystanie: dobrym drukiem Naprzód, w drogę! Skorowidz Skorowidz