Zobacz mnie na GoldenLine
ThinkLab: moja firma

MOJE KSIĄŻKI - AUTOR

Użyteczność w praktyceM. Kasperski, A. Boguska-Torbicz Projektowanie stron WWW. Użyteczność w praktyce, Helion 2008.

Moja książkaM. Kasperski, Sztuczna Inteligencja, Helion 2003.

REDAKTOR MERYTORYCZNY

UmysłD. Casacuberta, Umysł. Czym jest i jak działa, Świat Książki 2007.

100 sposobów...T. Stafford, M. Webb, 100 sposobów na zgłębienie tajemnic umysłu, Onepress 2006.

Istota inteligencjiJ. Hawkins, S. Blakeslee, Istota inteligencji, Onepress 2005.

Blog > Komentarze do wpisu

Web Design: trendy w Internecie

Przełom roku zawsze sprzyja podsumowaniom, stąd nie powinien dziwić ów wpis.

Ubiegły rok, w ramach projektów layoutów stron internetowych, był raczej rokiem kontynuacji zastałych już paternów, które pojawiły się wraz ze standardem CSS i niejako upowszechniają. Znakiem rozpoznawczym stał się styl retro, nawiązujący do stylistyki z przełomu wieków XIX i XX oraz bliski wiktoriańskiej Anglii. W kolorystyce dominowały brązy; coraz powszechniej stosowane są desenie i ciężkie tekstury, przywodzące na myśl tapety ekskluzywnych lokali i materiały, z których nasze praprababki szyły sobie suknie.

Kolejnym z elementów są motywy roślin, pojawiające się zarówno jako elementy logotypów, ozdobników nadających życie stronom internetowym oraz wzorów tekstur teł.

W kolorystyce brązy łączone były z niebieskościami - wzorem Pownce (zamieszczam link do zrzutu, bo serwis 15 grudnia 2008 został zamknięty) - bądź uzupełniane przez orzeźwiające zielenie. Czasem też przyjmowały formę kolorystycznej triady: Niebo - Świat tego co naziemne (roślinność) - Świat podziemny. Pojawiały się też brudne odcienie szarości, w sporej części przy okazji tekstur - albo z motywami kwiatowymi (niczym wzory tapet), albo jak odrapane ściany; także jako tekstury drewna, ale z brązów sprowadzone do ciemnych szarości.

Brązy reprezentowane były przez wspomniany motyw ziemi (w sensie gleby), ale także przez dość często stosowane desenie drewna; dodatkowo pojawiały się kartony i szary papier, w ramach kolaży. W opozycji pojawiały się cukierkowe błękity, żółcienie i róże (ale te - ze względu na strony poświęcone tematyce kobiecej - występowały od zawsze).

Innym często przywoływanym motywem głównym layotu były... jak to nazwać... robótki ręczne? Odwołanie z jednej strony do motywów paper & sketch (kartony, kartki z notatników, rysunki ołówkiem, długopisem, czasem także wyryte napisy rylcem), z drugiej do materiałów i motywów przywodzących na myśl krawiectwo (motywy nożyczek i przerywanych linii, które wyznaczają trasę cięcia, pojawiające się tu i ówdzie materiały, z których szyte są stroje - jeans, filc w kratę, lny, etc.).

Zaczęły się także pojawiać elementy charakterystyczne dla teatrzyków kukiełkowych, jak to, że części layoutu zwisają na sznurkach. Upowszechnił się w końcu motyw określany przez zachodnich projektantów jako Zig-Zag, czyli ząbkowanie grafik, przypominające znaczki pocztowe bądź brzegi niektórych ciasteczek (np. Leibniz - oryginalne 52 ząbki ;).

Wszystkie one tworzyły menażerię Internetu minionego właśnie roku.

Jeśli chodzi o fonty, to - jako uzupełnienie wyżej opisanej stylistyki - coraz częściej projektanci i graficy sięgają po fonty przypominające pismo odręczne oraz czcionkę maszyn do pisania.

Wykorzystywane wcześniej do spamerskiego pozycjonowania stopki stron internetowych, które straszyły do niedawna umieszczanymi tam linkami mającymi na celu wypozycjonowanie naszej strony w ramach wyszukiwarek, zaczynają błyszczeć umieszczanymi tam rozszerzonymi motywami ilustracyjnymi, sekcjami o funkcjonalności quick link (np. spis najciekawszych artykułów), czy też formularzami kontaktu i danymi z popularnych wlepek (widgetów, np. miniaturami zdjęć z Flickr czy spisem ulubionych utworów z Last.fm oraz listą osób, które ostatnio odwiedziły blog).

A oto garść wybranych przykładów (więcej mam zebranych w prezentacji-raporcie, o którym słów kilka na końcu postu).

 

Retro rządzi!

Retro.

Przykłady: Joe & Leo's, The Ernest Hemigway Collection, SingularityConcepts.com, Simone Maranzana.

Motywy

Stare czasopisma: The New York Moon, Nonaology, Digital Deceptions, Internet Zillionaire, The Dollar Dreadful Family Library.

Kolonializm: TheoCacao, The Old State, Jared Digital.

Technikalia, którymi fascynowali się nasi dziadkowie (patefony, roboty, samochody, rakiety, lotnictwo): Jef Sarmiento, Level2d.com, Travis Singleton, tomatic.com, Mister Aero.

Pin-up girls i dziewczyny z tamtych lat: Practice Cafe, Style 4 You, Margot Blanche.

Promienie słoneczne (charaktyrystyczne m.in. dla pierwszcyh lat lotnictwa): Yo Vivo en Vigo, Dude Design, Phizz, Max Black.

Akcesoria krawieckie (ściegi, materiały, nożyczki): Custom T-Shirts, Melech Mizrahi, Qwert City.

Zig Zag (wzór ząbków): Elitist Snob, JenGermann Design, Jay Hafling, Ungarbage, Future of Web Apps, Baby Emma.

 

Collage

Collage.

Przykłady: Revota, Great Design, The Pixel House, Free People, Design Sponge, Nurf Stuff, Web Smarty, Maria Filo, Gary Nock Website, Busboys & Poets Restaurant, No Milk Today.

Motywy

Papier, papier, papier: Dawggouse Design Studio, Shut Theory, NJ Rebel, Ginger Beards, Portfolio de Guillaume Pacheco.

Notesy, klipsy do kartek, plastry: Viget Labs, Point of Entry, Yellow Stone Park, Team Green, Photo Comma, Goinnovate, Web Design Validation.

Plamy po atramencie i akwarele: Communauté de Communes du Pays Sud Gâtine, Jesus Rodriguez Velasco, Pointless Ramblings, olliekav.com, bcandullo.com, The Seen, Baranda Tequila, Viget Inspire, Daily Candy, Casio Exilim Lab.

Plamy po kubkach z kawą: Dont Trust This Guy, tehCpeng.net, Phil's Proof, Brian Wilkis.

Odręczne rysunki, bazgroły (doodles): Tennessee Education, Sun Light, Elan Snowboards, Puma Talk, We Are not Freelancers, V Project Volunteers needed.

 

Tekstury i desenie

Tekstury i desenie: drewno.

Drewno: Paul Wallas, Lanikai Properties, i Menestrelli di Graelion, Chama Digital, Rafael van der Vaart, Brooke Francesi, Anthony Fairweather,

Karton: Helmy Bern, Christian Sparrow, The Brown Cocporation, Carbonica, Frisk Web.

Korek: marco.art.pl, Design Jobs on the Wall, Wall Swaps, Cork Dump.

Ornamenty i motywy kwiatowe: Green Label, Viget Labs, Curious Demo, Makao.

Tapety: Holiday Togo, Scrapbook Your Memories.

Włóczki i tkaniny: Big Sweater Design, Nick Stedt Web Design, Textilní a výtvarný ateliér Variable, Alpine Meadows.

 

Typografia (fonty)

Typografia.

Maszynowe, np. Courier: Mariska, Blog do Ronaldo, iSpoil.net.

Odręczne: Bootb, David Hellmann, Li Chin's, PSYOP, Last Tweet, Starbucks Coffe At Home.

Stylizowane: McCoy, Training by Collective Idea.

 

Kolorystyka

Kolorystyka.

Brązy i szarości: Smallman Records, Revolution Church, Matt Brett, Score Reviews.

Brązy z niebieskim: WebStock, Magpie Page, Ryan Long.

Brązy, niebieski i zielenie: Future Online Advertising, Tijs Vrolix, CSS Ninjas.

Jaskrawa kolorystyka (w opozycji do brudnych brązów i szarości): Derlington Weddings, C'est Magnifique, Smooth Habitat.

 

***

To wycinek z tego, co w ciągu ostatnich trzech lat dzieje się w grafice na potrzeby WWW (layoutach).

Raport-prezentacja, nad którym obecnie pracuję, zawierający znacznie więcej wytycznych oraz dużo szerszą analizę popartą przykładami (ma już blisko 1 tys. slajdów), będzie niebawem dostępny na mojej firmowej stronie. Ze względu na ogrom prac, jakie w przygotowanie jego włożyłem, będzie dostępny odpłatnie (z przeznaczeniem głównie dla agencji interaktywnych i ich klientów).

Zainteresowane osoby zapraszam do kontaktu: mk (małpa) thinklab.pl.

poniedziałek, 05 stycznia 2009, marekkasperski

Polecane wpisy

  • Definicja UX: Przez wskazanie... Feature na rynku nieruchomości

    Wstęp [można pominąć] 0.1. User Experience to nie jest ' wziu-wziu ' w HTML5. To nawet nie jest front-end. Sorry , nie przekonacie mnie w licznych rozmowach;

  • Z półki projektanta: Koszyk

    Krótki komiks o projektowaniu. *** To jest koszyk na zakupy. To jest ładny koszyk na zakupy, jednak pełni taką samą rolę jak zwyczajny koszyk. Dla sklepu (a

  • Polski Internet śpi

    Nie wiem, czy to za sprawą globalnych dużych graczy, którzy (pod względem zasięgu) przejęli polskich użytkowników, a z nimi polskie budżety marketingowe, ale wy

TrackBack
TrackBack w tym blogu jest moderowany. TrackBack URL do wpisu:
Komentarze
2009/01/06 16:10:35
[Drobiazg: w tekście dwa razy jest "layot", zamiast "layout]
-
2009/01/06 16:41:12
Dziękuję! Poprawione.
-
2009/01/28 15:24:31
piękne, a kiedy będzie prezentacja (dostępna)?

ps. rss to chyba nie działają
-
2009/01/28 16:33:18
@ Tomasz Sandecki: Chciałbym ją skończyć jak najprędzej. Jednak są inne priorytety - jak szacowne grono moich klientów.

Co do kanału RSS - ciągnąć, ciągnie. I nawet po kliknięciu w link wpis[y] pokazuje...