Niezawodne zasady web designu. Projektowanie spektakularnych witryn internetowych. Wydanie III

Nie musisz uczęszczać do akademii sztuk pięknych, by tworzyć witryny marzeń!

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. Ponadto poznasz szkielety Foundation i Bootstrap. Najnowsze wydanie tej cenionej książki kładzie nacisk na tworzenie responsywnych stron, które prezentują się dobrze zarówno na dużych, jak i małych ekranach. Książka ta jest doskonałą lekturą dla wszystkich pasjonatów tworzenia stron WWW!

Dowiedz się, jak:
• Dobierać kolory, by komponować zabójcze schematy barw.
• Tworzyć elastyczne układy stron, które wyglądać będą rewelacyjnie na wszystkich urządzeniach.
• Wykorzystywać tekstury, w tym potęgę nawet najprostszych elementów takich, jak: punkt, linia, figura, głębia czy deseń.
• Budować solidne układy, efektywnie stosując systemy siatek i białą przestrzeń.
• Opanować sztukę transformacji ... nudnych kompozycji w olśniewające perły przy pomocy samej typografii.
• Stosować frameworki w rodzaju Foundation i Bootstrap do tworzenia solidnie ustrukturyzowanych projektów.
• Wybierać, modyfikować i pozycjonować grafiki na stronie.
• I wielu innych rzeczy...

Przewodnik po projektowaniu stron dla programistów.

Spis treści:

Przedmowa (9)

• Dla kogo jest ta książka (10)
• Co tu znajdziesz (10)
• Konwencje typograficzne użyte w książce (11)
  • Przykładowy kod (11)
  • Wskazówki, ciekawostki i ostrzeżenia (12)
• Strona internetowa książki (12)

Rozdział 1. Układ i kompozycja (13)

• Proces projektowania (14)
  • Poznawanie (14)
  • Poszukiwanie (16)
  • Implementacja (16)
• Wyznaczanie dobrego stylu (17)
• Anatomia stron internetowych (20)
• Teoria siatki (22)
  • Reguła trójpodziału (23)
  • 960 Grid System (25)
• Równowaga (28)
  • Równowaga symetryczna (28)
  • Równowaga asymetryczna (30)
• Jedność (33)
  • Bliskość (33)
  • Powtórzenia (34)
• Wyróżnienie (36)
  • Rozmieszczenie (36)
  • Ciągłość (36)
  • Izolacja (37)
  • Kontrast (37)
  • Proporcje (38)
• Podstawowe układy stron (40)
  • Układ lewokolumnowy (40)
  • Układ prawokolumnowy (41)
  • Układ trójkolumnowy (42)
• W poszukiwaniu natchnienia (43)
  • Teczka z pomysłami (43)
  • Popularne trendy (44)
  • Nowe trendy (47)
• Zmiana rozmiaru: układy stałe, płynne i elastyczne (50)
  • Stała szerokość (50)
  • Szerokość płynna (50)
  • Szerokość elastyczna (51)
• Rozdzielczość ekranu (53)
• Frameworki (54)
• Praktyczne wykorzystanie: Knoxville Reflexology Group (57)
  • Początek (58)

Rozdział 2. Kolor (61)

• Psychologia koloru (61)
  • Kolorystyczne skojarzenia - symbolika koloru (62)
• Temperatura barwowa (68)
• Wartość chromatyczna (69)
  • Saturacja (69)
• Podstawy teorii koloru (70)
• Czerwony, żółty i niebieski czy CMYK? (71)
• Schematy kolorów (73)
  • Monochromatyczny schemat kolorów (74)
  • Analogiczny schemat kolorów (77)
  • Dopełniający schemat kolorów (79)
  • Inne schematy kolorów - dopełniający rozdzielony, triada i tetrada (83)
  • Inne możliwości (85)
• Tworzenie palety (86)
  • Notacja szesnastkowa (86)
• Narzędzia i zasoby (88)
  • Color Scheme Designer 3 (88)
  • Adobe Kuler (89)
  • COLOURlovers (90)
  • Pictaculous (91)
  • Colour Contrast Check (92)
• Praktyczne wykorzystanie: wybór schematu (93)

Rozdział 3. Tekstura (97)

• Punkt (98)
• Linia (99)
• Figury (100)
  • Zaokrąglone wierzchołki (103)
  • Obrót (104)
  • Figury a kompozycja (106)
• Objętość i głębia (107)
  • Perspektywa (107)
  • Proporcje (108)
  • Światło i cień (109)
• Deseń (111)
• Tworzenie faktury (116)
  • Podstarzały, znoszony, nostalgiczny styl (116)
  • Czysto-ziarnisto (119)
  • Własnoręcznie zrobiony album (121)
  • Kapryśny styl kreskówkowy (122)
  • Tekstura minimalistyczna (124)
  • Wyznaczanie nowych trendów (126)
• Praktyczne wykorzystanie: logo i treść (127)

Rozdział 4. Typografia (129)

• Font a sieć (131)
• Deklaracja @font-face (133)
  • Samodzielne hostowanie fontów (133)
  • Hosting fontów (134)
• Zastępowanie fontu obrazem (135)
• Anatomia liter (138)
• Odstępy w tekście (140)
  • Odstępy w poziomie (141)
  • Odstępy w pionie (142)
• Wyrównanie tekstu (143)
• Kroje pisma - różnice (144)
  • Kroje szeryfowe (145)
  • Kroje bezszeryfowe (147)
  • Kroje odręczne (148)
  • Krój stały (149)
  • Kroje dekoracyjne (152)
  • Dingbaty (154)
• W poszukiwaniu fontów (155)
  • Darmowe galerie fontów (155)
  • Komercyjne galerie fontów (156)
  • Artyści indywidualni i wydawnictwa (156)
• Wybieranie właściwego fontu (157)
  • Wielkość fontu i wysokość linii (159)
  • Interpunkcja i znaki specjalne (160)
• Praktyczne wykorzystanie: dobrym drukiem (162)

Rozdział 5. Obraz (165)

• Czego szukać? (166)
• Potencjalne źródła obrazów (169)
  • Brać czy robić? (169)
  • Fotografia stockowa (170)
• Pomoc profesjonalisty (176)
• Skąd nie czerpać (177)
  • Google grabież (177)
  • Hotlinkowanie (179)
  • Clipart (179)
• Twórcze wycinanie (180)
• Transformacje obrazu w Photoshopie (185)
• Format plików i rozdzielczość (189)
• Pomysłowe stosowanie obrazów (191)
  • Ulepszanie obrazu obrazem (191)
  • Podkręcanie obrazów za pomocą CSS (193)
• Praktyczne wykorzystanie: ostatnie szlify (196)
• Naprzód, w drogę! (198)