• 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

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Ä….

Osoby które kupowały "Niezawodne zasady web designu. Projektowanie spektakularnych witryn internetowych. Wydanie II", wybierały także:

• Projektowanie oprogramowania dla zupeÅ‚nie poczÄ…tkujÄ…cych. Owoce programowania. Wydanie V 125,48 zÅ‚, (38,90 zÅ‚ -69%)
• D3.js w akcji 67,42 zÅ‚, (20,90 zÅ‚ -69%)
• Nie każ mi myÅ›leć! O życiowym podejÅ›ciu do funkcjonalnoÅ›ci stron internetowych. Wydanie III 49,00 zÅ‚, (24,50 zÅ‚ -50%)
• Ucieczka z puÅ‚apki budowania. Efektywne zarzÄ…dzanie produktem 49,00 zÅ‚, (26,95 zÅ‚ -45%)
• Badanie UX. Praktyczne techniki projektowania bezkonkurencyjnych produktów 49,00 zÅ‚, (26,95 zÅ‚ -45%)

Spis treści

Niezawodne zasady web designu. Projektowanie spektakularnych witryn internetowych. Wydanie II eBook -- spis treści

• Przedmowa (11)
  
• Dla kogo jest ta książka (12)
  
• Co tu znajdziesz (12)
  
• Strona internetowa książki (13)
  
  • Errata (13)
• PodziÄ™kowania (14)
  
• Konwencje typograficzne użyte w książce (14)
  
  • PrzykÅ‚adowy kod (14)
  • Wskazówki, ciekawostki i ostrzeżenia (15)

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

• Proces projektowania (18)
  
  • Poznawanie (18)
  • Poszukiwanie (20)
  • Implementacja (20)
• Wyznaczanie dobrego stylu (21)
  
• Anatomia stron internetowych (24)
  
• Teoria siatki (26)
  
  • ReguÅ‚a trójpodziaÅ‚u (27)
  • 960 Grid System (29)
• Równowaga (31)
  
  • Równowaga symetryczna (31)
  • Równowaga asymetryczna (32)
• Jedność (35)
  
  • Bliskość (35)
  • Powtórzenia (36)
• Wyróżnienie (38)
  
  • Rozmieszczenie (38)
  • CiÄ…gÅ‚ość (38)
  • Izolacja (39)
  • Kontrast (39)
  • Proporcje (40)
• Podstawowe ukÅ‚ady stron (41)
  
  • UkÅ‚ad lewokolumnowy (42)
  • UkÅ‚ad prawokolumnowy (43)
  • UkÅ‚ad trójkolumnowy (43)
• W poszukiwaniu natchnienia (44)
  
  • Teczka z pomysÅ‚ami (45)
• Nowoczesne trendy (46)
  
  • Styl beznawigacyjny (46)
  • Ekspansywna stopka (47)
  • Minimalizm (48)
• Zmiana rozmiaru: ukÅ‚ady staÅ‚e, pÅ‚ynne i reaktywne (48)
  
  • StaÅ‚a szerokość (49)
  • Szerokość pÅ‚ynna (49)
  • Alternatywa: ukÅ‚ad reaktywny (50)
• Rozdzielczość ekranu (52)
  
• Praktyczne wykorzystanie: Southern Savers (54)
  
  • PoczÄ…tek (55)

Rozdział 2. Kolor (59)

• Psychologia koloru (59)
  
  • Kolorystyczne skojarzenia - symbolika koloru (60)
• Temperatura barwowa (66)
  
• Wartość chromatyczna (67)
  
  • Saturacja (67)
• Podstawy teorii koloru (68)
  
• Czerwony, żółty i niebieski czy CMYK? (69)
  
• Schematy kolorów (71)
  
  • Monochromatyczny schemat kolorów (72)
  • Analogiczny schemat kolorów (75)
  • DopeÅ‚nieniowy schemat kolorów (78)
  • Inne schematy kolorów - dopeÅ‚nieniowy 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)
  • Color Stream - aplikacja na iPhone'a (90)
  • Pictaculous (91)
  • Colour Contrast Check (92)
• Praktyczne wykorzystanie: kolor oszczÄ™dnoÅ›ci (93)

Rozdział 3. Tekstura (97)

• Punkt (98)
  
• Linia (99)
  
• Figury (101)
  
  • ZaokrÄ…glone wierzchoÅ‚ki (103)
  • Obrót (105)
  • Figury a kompozycja (106)
• ObjÄ™tość i gÅ‚Ä™bia (108)
  
  • Perspektywa (108)
  • Proporcje (109)
  • ÅšwiatÅ‚o i cieÅ„ (110)
• DeseÅ„ (113)
  
• Tworzenie faktury (118)
  
  • PodstarzaÅ‚y, znoszony, nostalgiczny styl (118)
  • Czysto - ziarnisto (121)
  • WÅ‚asnorÄ™cznie zrobiony album (123)
  • KapryÅ›ny styl kreskówkowy (125)
  • Tekstura minimalistyczna (127)
  • Wyznaczanie nowych trendów (128)
• Praktyczne wykorzystanie: wycinanie i oszczÄ™dzanie (129)

Rozdział 4. Typografia (133)

• Font a sieć (135)
  
• ZastÄ™powanie fontu obrazem (137)
  
• Deklaracja @font-face (139)
  
  • Samodzielne hostowanie fontów (139)
  • Hosting fontów (140)
  • sIFR i Cufón (141)
• Anatomia liter (142)
  
• OdstÄ™py w tekÅ›cie (144)
  
  • OdstÄ™py w poziomie (144)
  • OdstÄ™py w pionie (146)
• Wyrównanie tekstu (146)
  
• Kroje pisma - różnice (148)
  
  • Kroje szeryfowe (149)
  • Kroje bezszeryfowe (151)
  • Kroje odrÄ™czne (153)
  • Krój staÅ‚y (154)
  • Kroje dekoratywne (157)
  • Dingbaty (159)
• W poszukiwaniu fontów (160)
  
  • Darmowe galerie fontów (160)
  • Komercyjne galerie fontów (160)
  • ArtyÅ›ci indywidualni i wydawnictwa (160)
• Wybieranie wÅ‚aÅ›ciwego fontu (161)
  
  • Wielkość fontu i wysokość linii (163)
  • Interpunkcja i znaki specjalne (164)
• Praktyczne wykorzystanie: dobrym drukiem (166)

Rozdział 5. Obraz (169)

• Czego szukać? (170)
  
• Potencjalne źródÅ‚a obrazów (173)
  
  • Brać czy robić? (173)
  • Fotografia stockowa (174)
• Pomoc profesjonalisty (180)
  
• SkÄ…d nie czerpać (182)
  
  • Google grabież (182)
  • Hotlinkowanie (183)
  • Clipart (184)
• Twórcze wycinanie (185)
  
• Transformacje obrazu w Photoshopie (189)
  
• Format plików i rozdzielczość (194)
  
• PomysÅ‚owe stosowanie obrazów (195)
  
  • Ulepszanie obrazu obrazem (196)
  • PodkrÄ™canie obrazów za pomocÄ… CSS (199)
• Praktyczne wykorzystanie: dobrym drukiem (202)
  
• Naprzód, w drogÄ™! (205)

Skorowidz (207)