Interpretacja powieści „Solaris” Stanisława Lema
Projekt ten powstał jako moja praca magisterska. Głównym celem było uchwycenie atmosfery przedstawionej w książce. Jest to bardziej abstrakcyjne ujęcie tematu niż zwykłe przedstawienie treści książki.
Main goal
Website goal is to introduce atmosphere and general sketch of a plot and ideas, which are presented
in the book. Webside was build in accordance with UI/UX design rules.
in the book. Webside was build in accordance with UI/UX design rules.
Cele
Głównym założeniem było stworzenie strony, która przedstawi atmosferę, oraz ogólny zarys fabuły i idee, które są prezentowanew książce zgodnie z zasadami projektowania UI/UX.
Project description
"Solaris" site was created as one-page to create expirience of getting a "deep dive" for a user, more and more inside the ocean. Project contain many animations, which were made in Blender and then adjusted in Adobe Affter Effects. Project of a site was build in Adobe XD.
Style of page is a reference to 80's and 90's VHS, with grainy textures and stylised icons. This decision was made due to the fact that book itself was written in 60's, so atmosphere is retro-futuristic.
Opis projektu
Strona „Solaris” została stworzona w formie one-page, aby zapewnić użytkownikowi możliwość odczucia „coraz głębszego zanurzania się” w historii. Projekt zawiera animacje wykonane w Blenderze, a następnie przetworzone w Adobe Affter Effects. Projekt strony został wykonany w programie Adobe XD.Styl strony nawiązuje do stylistyki VHS z lat 80-tych i 90-tych, z ziarnistymi fakturami i stylizowanymi ikonami. Wynika to z faktu, że sama książka została napisana w latach 60-tych, więc klimat jest retro-futurystyczny.
Colors
Color scheme is limited for this project to 3 colors- black, white and blue. Purpouse of limiting color scheme was to amplify mood of story and place where it set- alien planet in outer space. Blue is reserved for interactive elements to guide user easily through page.
Kolorystyka
Kolorystyka w tym projekcie ograniczona jest do 3 kolorów - czarnego, białego i niebieskiego. Celem ograniczenia kolorystyki było wzmocnienie nastroju opowieści i miejsca, w którym się ona rozgrywa – obcej planety w kosmosie. Kolor niebieski jest zarezerwowany dla elementów interaktywnych, które ułatwiają użytkownikowi poruszanie się po stronie.
Navigation and first steps on a website
Nawigacja i pierwsze kroki na stronie
LO-FI wireframes
HI-FI wireframes
Selection of animations
Wybór animacji
Thank you for attention!
Dziękuję za uwagę!
