15 Poziome strony i przypadek ich tworzenia
Emocje przewijania naprawdę ewoluowały, ponieważ mogliśmy używać kolorowych pasków przewijania w Internet Explorer wiele lat temu.
Dziś znajdujemy nowe sposoby na ponowne przemyślenie procesu przewijania gestami, przewijaniem paralaksy i innymi. Tworzymy emocje i opowiadamy historie. Tworzymy wspaniałe wrażenia dla użytkowników i sprawiamy, że treści są funkcjonalne. Problem polega na tym, że większość tych stron używa przewijania w pionie.
I jak możesz ich winić? To normalne. Tego się oczekuje. I często jest to najłatwiejsze do wdrożenia.
Ale gdzie jest miłość do przewijania w poziomie? Niewiele osób je tworzy, głównie ze względu na trudności w rozwoju i pomysł, że poziome strony internetowe są mniej funkcjonalne. Argumenty przeciwko przewijaniu w poziomie są następujące: "Po co wyważać koło?" Ale czy powinniśmy dawać poziome przewijanie szansę?
Kiedy i dlaczego?
Przewijanie w poziomie powinno być możliwe z dwóch głównych powodów: (1) Zauroczenie mamy obecnie z responsywnym projektem i (2) Poziome strony mają miejsce i cel, podobnie jak miejsca przewijania.
Aby szybko sprawdzić przyczynę, dla której działa ona w sposób responsywny, zastanówmy się, w jaki sposób korzystamy z naszych telefonów i tabel, gdy otwieramy na nich witrynę. Najczęściej kończymy w odwracaniu telefonu, aby pokazać naszą zawartość w orientacji poziomej. Oznacza to, że odwracamy nasze telefony, aby zobaczyć największą szerokość, jaką możemy. Dlaczego nie wykorzystać tego, tworząc witryny, które można przeglądać i nawigować w ten sposób? Zastanów się, w jaki sposób oglądamy filmy online oraz w jaki sposób rozwijamy i projektujemy witryny na całej szerokości. Dlaczego odrzucamy przewijanie w poziomie?
Teraz, dla mojego drugiego punktu, mogę ci pokazać o wiele lepiej, niż mogę ci powiedzieć. Przejdźmy więc od razu i zobaczmy, jak te kolejne witryny wykonują świetną robotę, używając poziomego przewijania, aby było funkcjonalne i interesujące.
Odwróć Buro
Ta witryna portfolio wykorzystuje kombinację przewijania w pionie i poziomie, aby pochwalić się swoją pracą. Coraz bardziej popularne stają się fragmenty prac na własnych ekranach bez żadnych zakłóceń, ponieważ ma to sens. Ta metoda nawigacyjna jest nie tylko intuicyjna, ale tworzy wspaniały styl innowacji dla tego projektanta.
Gavin Castleton
W dzisiejszych czasach konieczne jest, aby artyści muzycy znaleźli sposób na wyróżnienie się. W tak zatopionym przemyśle artyści muszą stworzyć kompletny pakiet, który przyciągnie ich uwagę, od muzyki po projektowanie stron internetowych. Gavin stworzył wspaniałą stronę internetową, która jest interesująca i idealna do przechowywania wszystkich swoich informacji.
Bartle Bogle Hegarty
BBH jest oczywiście jedną z najbardziej znanych agencji kreatywnych na świecie. Po osiągnięciu sukcesu, zaczynają tworzyć różne oddziały i biura w różnych częściach świata. Zamiast tworzyć różne witryny dla każdej lokalizacji, mają możliwość sprawdzenia, co każdy z nich robi na całym świecie. Podoba mi się nawigacja pozioma, ponieważ jest tak, jakbyś podróżował do iz różnych lokalizacji.
Jens Lehmann
Jens jest oczywiście facetem, który ma wiele tytułów i nosi wiele czapek. Nie chce ich wszystkich zgrupować, więc zamiast tego stworzył dom w sieci, który pozwala mu indywidualnie prezentować rzeczy, które robi. Pozioma nawigacja na tej stronie sprawia, że transformacja z każdego tytułu jest łatwa do zrozumienia i zobaczenia.
James Joyce
W przeciwieństwie do strony Reverse Buro, nie widzimy każdego pojedynczego utworu na ekranie. Jednak myślę, że to działa dla Jamesa Joyce'a i jego projektów, ponieważ wszystkie są do siebie podobne. Dostajemy szansę, aby naprawdę zobaczyć i cieszyć się jego stylem.
Tutaj Design
Podobnie jak na powyższej stronie, otrzymujemy poziomą stronę, aby pochwalić się pracą. Ta stanowi świetny przykład, jak zachować poziome uzasadnienie, ale także dodać inne informacje niezbędne na tej stronie.
CL Holloway
Jest to jedno z najbardziej oczywistych zastosowań przewijania poziomego, jakie widziałem. To dość sprytne, ponieważ ta osoba jest artystą i malarzem, który prawdopodobnie był w różnych ekspozycjach muzealnych. Dlaczego nie zrobić tego online? Dzięki temu można lepiej zrozumieć, co robi Holloway i jak chce być widziany. Bardzo podoba mi się ta strona.
WWF
Ta strona została stworzona w ubiegłym roku w celu zwiększenia świadomości na temat Godzin Ziemi WWF. Zamiast tworzyć witrynę z pewną grafiką i niektórymi treściami, postanowili stworzyć historię. Ta fabuła przewija się poziomo i bardzo przypomina przewracanie stron w książce. Tymczasem jest to bardzo zabawna i interaktywna strona.
Poziom blokady
Nie, ta witryna nie przewija się od lewej do prawej strony. Istnieje jednak pasek, który pozwala nam zobaczyć zawartość od lewej do prawej. To bardzo przypomina hiperaktywny suwak, który ma sens, zwłaszcza na jednej z ukochanych witryn z jedną stroną.
Hot Dot
Hot Dot to firma zajmująca się produkcją stron internetowych, która twierdzi, że jest niezwykle innowacyjna. Mając takie śmiałe twierdzenia, lepiej mieć nadzieję, że mają stronę internetową, która to potwierdza. Na szczęście tak. Teraz jesteśmy przyzwyczajeni do stron przewijania paralaksy, które przewijają w dół, ale tym razem otrzymujemy witrynę paralaksy, która przewija się od lewej do prawej. Jest równie ekscytujący, jeśli nie moreso, niż jego poprzednik i tworzy bardzo innowacyjny wygląd.
Rezo Zero Interactive
Ogromną częścią projektowania i tworzenia stron internetowych jest doświadczenie użytkownika. Chodzi o stworzenie ciekawego miejsca w Internecie, które jest łatwe i przyjemne dla odwiedzających. Rezo Zero to jedna z tych stron, która ma świetne efekty, zwraca uwagę na szczegóły, ma wspaniały układ i wiele więcej. Nie wspominając już o tym, że wykonują świetną robotę tworzenia nawigacji po stronie, która porusza się liniowo.
Poszukiwanie idealnego popu
Jeśli kochasz czarno-białą fotografię i linie fabularne w projektowaniu stron internetowych, jest to strona dla ciebie. Quest for the Perfect Pop poświęcony jest w dużej mierze dźwiękowi, które wytwarza piwo po otwarciu. Ta strona jest odą do tego, tworząc bardzo interesującą fabułę, która będzie dostępna wkrótce.
Nerval
Podobnie jak na powyższej stronie, masz możliwość przewijania tej pracy tak, jakbyś chodził w muzeum. Bez oczywistej grafiki, jest to bardzo czysty i elegancki sposób na stworzenie tego wrażenia. Nie masz absolutnie nic, co mogłoby odwrócić twój widok od pracy poza niezbędnymi. To świetny sposób na pokazanie, jak minimalizm wtapia się w tę technikę.
Moja przestrzeń
Niektórzy z nas są wystarczająco dorośli, aby pamiętać "Myspace Tom" i kłótnie, które mieliśmy z naszymi przyjaciółmi o tym, że nie mają ich w naszych 8 lub 16 najlepszych. Myspace zdecydowała się powrócić, ale postanowiła wyrzucić kartki z brokatem i misiem. niedźwiedzie spadają z niego, a zamiast tego mamy super czysty i responsywny projekt, który przewija się od lewej do prawej. Podczas gdy inne sieci społecznościowe mają coraz więcej możliwości, Myspace robi coś innego, tworząc poziomą nawigację.
Giellesse
Giellesse to firma zajmująca się projektowaniem mebli z kilkoma super nowoczesnymi wzorami. Oprócz oszałamiającej kolekcji elementów, stworzyli naprawdę piękny projekt strony internetowej, który pozwala na przewijanie od strony do strony w poziomie. To trochę przypomina przesuwanie strony w telefonie i oczywiście dobrze tłumaczy na urządzeniach mobilnych. To łączy starą stronę pionową z nową metodą nawigacyjną.
Wniosek
Oczywiście, uczono nas, aby wszystko było proste, ale nam też mówi się, aby tworzył rozwiązania problemów. Jak widać, jest oczywiście miejsce w sieci dla stron poziomych. Niezależnie od tego, czy chcesz coś pokazać, czy stworzyć schludną i świeżą koncepcję, przejście od prawej do lewej, a nie od góry do dołu, może być korzystne. Jak wykorzystasz tę technikę?
Czy zbudowałeś przewijanie w poziomie? Wolisz przewijanie poziome, pionowe lub brak w ogóle? Daj nam znać w komentarzach.