Star wars i web design: czego możesz się nauczyć, oglądając gwiezdną sagę

Czy jesteś Jedi? Nie mam na myśli prawdziwym Jedi z mieczem, stale uprawiającym treningi. Czy jesteś wykwalifikowanym profesjonalistą w zakresie web design, który może wykonać każde zadanie i nauczyć się czegoś nowego w dowolnych okolicznościach?

Jedi uczy się Mocy nie ze specjalistycznych książek, lecz z sytuacji z życia. Jeśli stać się mistrzem w dziedzinie web design, powinieneś spróbować uczyć się od wszystkiego, co cię otacza, w tym filmów.

web design i star wars 01


Web design i Star wars

Saga Gwiezdnych Wojen zawiera mnóstwo podpowiedzi i wskazówek, które możesz wykorzystać we wszystkich sferach życia, w tym w web design. Podążaj za mną, młody padawan, pokażę kilka web design z Gwiezdne Wojny. Mam nadzieję, że będą przydatne dla Ciebie!

Pogrubienia

web design i star wars 02

Myślę, że są bardzo mało ludzi, które nigdy nie widziały tych ogormnych liter wolno unoszących się z melodią wstępu do Gwiezdnych wojen. Pierwsza wskazówka pochodzi z właśnie z pierwszych sekund filmu - ważne rzeczy powinny być oznaczone dużymi literami. Pogrubione czcionki są trudne do zignorowania i ludzie instynktownie zwracają uwagę na taki tekst. Jednak nie należy nadużywać pogrubienia. Jeśli cały tekst zostanie napisany pogrubioną czcionką, żadne konkretne słowa ani wyrażenia nie będą się wyróżniali. Oznacza to, że warte jest aby używać dużych liter tylko do wyróżnienia najbardziej ważnych informacji.


Prosta nawigacja

web design i star wars 03

“Dwóch ich jest. Nie więcej, nie mniej. Uczeń i mistrz.” To całkiem proste, prawda? Imperium Sithów było rządzone tylko przez dwie osoby, co czyniło z niego skuteczną organizację. Możesz użyć własnej "reguły dwóch" dla menu strony. Im więcej opcji dajesz odwiedzającym, tym bardziej zdezorientowani będą się czuli. Tylko e-sklepypotrzebują szczegółowego Mega Menu, aby pokazać wszystkie produkty, dlatego polecamy stworzyć proste menu. Pamiętaj, że użytkownik, który zgubi się na stronach lub nie znajdzie potrzebnych informacji, opuści Twoją witrynę.


Przystosowawczość

web design i star wars 04

W całej sadze, Jedi pokazuje umiejętności w zakresie pilotowania wszystkich typów transportu, naprawia maszyny, leczy rannych i dostosowuje się do wszystkich okoliczności. Na pustyniach, w górach, lasach tropikalnych i na bagnach, Jedi przetrwają i zakończą swoją misję. Twoja witryna powinna dostosowywać się do urządzeń, z których korzystają odwiedzający do jej przeglądania. Ludzie dążą do tendencji surfowania w sieci ze smartfonów i tabletów, więc dobrze byłoby, aby design Twoje serwisu byą responsywny.


Głębokość

web design i star wars 05

Cała saga Gwiezdnych wojen jest wypełniona ogromnymi przestrzeniami. Bitwy kosmiczne, różne krajobrazy planetarne i ogromne statki kosmiczne sprawiają, że całkowicie zanurzasz się w ten świat. Design strony internetowej, który zachęca użytkowników do zapoznania się z jej treścią - to idealny wariant dla serwisu webowego. Umieść atrakcyjne zdjęcie w tle i uzupełnij go o efekt paralaksy. Uzupełnij design witryny o filmy i efekty dynamiczne. Internauci lubią dynamiczne serwisy webowe, które zachęcają do interakcji, więc daj im to, czego chcą.


Kontrastujące kolory

web design i star wars 06

W Gwiezdnych Wojnach wykorzystano mnóstwo różnych efektów, aby przyciągnąć uwagę widzów do pewnych rzeczy. Jednym z najbardziej oczywistych są kontrastujące szczegóły. Na przykład, skomplikowany makijaż Padme Amidali, wykonany w białym i czerwonym kolorach, lub Darth Vader w czarnych ubraniach wśród białych szturmowców. Na swojej stronie możesz wykorzystać kontrastujące kolory aby odznaczyć niektóre słowa, specjalne ikony i zdjęcia. To pomoże wyróżnić te elementy w układzuie i przyciągnąć do nich uwagę użytkowników.


Symetria

web design i star wars 07

Wiele scen w filmach pokazuje idealnie symetryczne obrazy; na przykład pałac Padme Amidala na Naboo lub mosty statków kosmicznych. Symetria to potężne narzędzie, jeśli wiesz, jak z niego korzystać. Symetryczna struktura wygląda bardziej precyzyjnie i czysto, a to wywołuje poczucie prawidłowej kolejności i solidności. Dostosuj design i układ strony aby była symetryczna i sprawdź wyniki - będzie nie tylko pięknie wyglądała, ale także bardziej wygodna pod względem nawigacji.


Powtórzenie

web design i star wars 08

Idealna linia szeregi cesarskich szturmowców czy robotów zdecydowanie wygląda imponująco. Poza tym, jeśli ktokolwiek wychodzi z niej, wraz przyciąga to uwagę. Możesz użyć tego podejścia do infografiki. Jeśli chcesz zrobić zdjęcie, aby pokazać, że 88% dorosłych nie je zdrowo, narysuj 100 figurek i pomaluj 88 w innym kolorze, a wraz przyciągnięsz uwagę wizdów do tej informacji.


Ten artykuł został przetłumaczony z angielskiego. Orygimał można znaleźć tutaj: 7 Web Design Lessons You Can Learn By Watching Star Wars.


* * *

Gwiezdne Wojny to skrzynia skarbów dla uważnego projektanta stron internetowych. Oznacza to, że masz nieskończoną ilość inspiracji w zasięgu ręki.

P.S. Jestem pewna, że Gwiezdne Wojny posiadają znacznie więcej hacków niż opisałam w tym artykule, więc jeśli znasz je - napisz w komentarzach!



Katarzyna Pawłowska

W branży IT od 8 lat. Fan nowych technologii webowych, web designu oraz rozwiązań użytecznych i funkcjonalnych. W praktyce: marketer, DJ, blogerka. W wolnym czasie wspiera inicjatywy propagujące wiedzę z dziedziny SMM i rozwija swoją miłość do crossfitu.