Nowa kolekcja projektów przełączników języków autorstwa Digidop

Każdy, kto kiedykolwiek zajmował się projektowaniem stron internetowych lub nawet tylko o tym myślał, zdaje sobie sprawę, że nie jest łatwo znaleźć właściwą równowagę między pięknym i atrakcyjnym wyglądem a prostotą i skutecznością obsługi. Dotyczy to wszystkich elementów strony internetowej, a w tym artykule skupimy się konkretnie na przyciskach zmiany języka.

Oprócz tego, że Weglot jest rozwiązaniem do tłumaczenia treści internetowych, umożliwia Weglot publikowanie witryny w kilku językach z punktu widzenia UX, dzięki przyciskowi zmiany języka. Po zintegrowaniu Weglot witryną internetową znajdziesz domyślny przycisk, który jest równie prosty, co skuteczny. Jeśli jednak masz ochotę na kreatywne rozwiązania, prawdopodobnie będziesz chciał czegoś bardziej spersonalizowanego. W takim przypadku możesz skorzystać z podstawowych ustawień, użyć szablonów, a nawet zaprojektować własny przycisk, jeśli jesteś mistrzem sztuki CSS.

W tym artykule przyjrzymy się szablonom przełączników języków, które można znaleźć w naszej galerii Switcher Gallery. Aby uzyskać jeszcze więcej opcji, zapraszamy do zapoznania się z naszą kolekcją, stworzoną we współpracy z Finsweet.

O współpracy

Kilka lat temu współpracowaliśmy z Finsweet, agencją internetową znaną w Webflow , nad kilkoma projektami przełączników języków, które można klonować i ponownie wykorzystywać na dowolnej Webflow . Można je nawet stosować w dowolnej technologii. Odniosły one ogromny sukces, ponieważ te przełączniki języków zostały skopiowane ponad 8000 razy na różnego rodzaju stronach internetowych!

Jednak coraz więcej projektantów, a w szczególności zespoły agencji internetowych, zaczęły myśleć nieszablonowo, dostosowując lub nawet projektując własne przełączniki, aby zaoferować unikalne wrażenia użytkownikom tworzonych przez nich stron internetowych.

Tak jest oczywiście w przypadku Digidop. Założona w 2021 roku agencja internetowa jest pierwszą i jedyną francuską agencją specjalizującą się w Webflow posiada potrójną akredytację: Webflow , Client-First i Webflow Leader. Od tego czasu agencja zrealizowała ponad 60 projektów internetowych dla klientów z różnych sektorów i dzieli się swoją wiedzą poprzez bezpłatne treści i akademię online. Florian i Thomas, dwaj założyciele agencji, od samego początku należą do najbardziej aktywnych partnerów Weglot. Dzielili się swoją wiedzą na temat Weglot swoją społecznością za pośrednictwem różnych dokumentów i filmów, ale przede wszystkim zawsze byli gotowi udzielać nam cennych opinii na temat Weglot, co pozwoliło nam stale ulepszać nasze narzędzie.

Kiedy pomyśleliśmy o zaoferowaniu nowej kolekcji przełączników językowych we współpracy z agencją, wiedzieliśmy, że doświadczenie oraz krytyczne i techniczne oko zespołu Digidop doprowadzą do owocnej współpracy.

Pierwszym krokiem było więc zastanowienie się przez zespół Weglot i zespół Digidop nad tym, jak ulepszyć integrację techniczną i działanie przełączników, aby były one jak najbardziej płynne. Następnie zespół Digidop, wykorzystując swoje talenty artystyczne i projektowe, opracował 5 projektów przełączników języków, które szczegółowo przedstawimy tutaj.

5 projektów przełączników języków do wykorzystania na stronach internetowych

Minimalizm i eleganckie linie są ostatnio bardzo modne w sieci. I właśnie ten trend podąża za pierwszym przełącznikiem języków Digidop. Jest to proste menu rozwijane, bardzo podobne do tego oferowanego domyślnie przez Weglot, ale o bardzo prostych liniach. Łatwe w obsłudze dla użytkownika, ale przede wszystkim bardzo uniwersalne, dostosowujące się do wszystkich projektów stron internetowych.

Aby zachować minimalizm pod względem UX, oto drugi przełącznik języka. Nazwa języka, strzałka i nic więcej. Ten przycisk wyboru języka jest powszechnie dostępny i nie zakłóca wyglądu Twojej witryny. Prosty, skuteczny i dyskretny.

Jedno z ograniczeń tych bardzo prostych projektów pojawia się, gdy strona oferuje wiele języków. Przełącznik języka musi pozostać prosty i nie może wyglądać jak lista zakupów. Aby rozwiązać ten problem przy zachowaniu przejrzystego projektu, agencja Digidop opracowała ten trzeci przełącznik języka, który można uruchomić, klikając po prostu język, aby otworzyć okno wyboru języka. Menu w formie dużych okien są również najnowszym trendem na stronach internetowych. Ten przełącznik języka jest idealny dla stron oferujących wiele języków.

Podczas przeglądania stron internetowych w ciągu ostatnich kilku miesięcy prawdopodobnie natknąłeś się na witryny o bardzo ograniczonej kolorystyce lub nawet dwukolorowe strony o silnym kontraście. Aby uzyskać ładny i efektowny rezultat, należy zadbać o przejrzystość elementów. Właśnie temu wyzwaniu sprostał czwarty przełącznik języka. Tutaj wybierasz język, klikając na jeden lub drugi, jak przełącznik światła. Oczywiście ten projekt sprawdza się najlepiej, jeśli oferujesz tylko 2 języki.

W tym samym duchu, niektóre witryny forsują bichromatyczne, szorstkie podejście, używając dużych, czasem pogrubionych czcionek - posuwając się nawet do użycia wielkich liter. To właśnie oferuje witryna Citadium. Opierając się na tym trendzie, zespół Digidop opracował piąty i ostatni przełącznik. Może być używany dla 2 lub dużej liczby języków i zapewnia łatwy dostęp dla użytkownika.

‍

Te przełączniki języków są przeznaczone do użytku, zabawy, a nawet inspiracji. Możesz je klonować i dostosowywać do swojego projektu i UX. W ramach tej nowej współpracy i w oparciu o zalecenia Digidop, poszliśmy o krok dalej, oferując możliwość ich ponownego wykorzystania na front-endzie. Możesz ich również swobodnie używać podczas fazy makietowania swoich projektów.

Thomas Labonne, współzałożyciel Digidop, ujawnia wszystkie sekrety tej współpracy i wyjaśnia, jak korzystać z przełączników językowych bezpośrednio na Figma w tym filmie. Tutaj znajdziesz plik Figma.

Jeśli chcesz zaryzykować i ponownie wykorzystać te szablony przełączników języka bezpośrednio na swojej Webflow , tutaj znajdziesz wszystkie komponenty, które można sklonować, a Florian Bodelot, współzałożyciel Digidop, poprowadzi Cię przez proces korzystania z tych przełączników języka.

Podsumowanie

Teraz to ty możesz cieszyć się ponownym wykorzystaniem tych komponentów w swoich projektach stron internetowych. Chcielibyśmy podziękować zespołowi agencji Digidop za ich opinie, wsparcie techniczne i wspaniałe umiejętności projektowe. Nie zapomnij zapoznać się z ich treściami edukacyjnymi, które pomogą ci jeszcze bardziej rozwinąć twoje projekty.

Ponieważ projektowanie stron internetowych stale ewoluuje, planujemy wydać nowe kolekcje przełączników językowych. Więc jeśli masz jakieś pomysły na projekt, nie wahaj się dać nam znać.