Nová kolekce designů přepínačů jazyků od Digidop

Každý, kdo někdy pracoval na designu webových stránek nebo o tom alespoň přemýšlel, si je vědom toho, že není snadné najít správnou rovnováhu mezi krásným a atraktivním designem. Není také snadné najít design, který poskytuje jednoduché a efektivní uživatelské prostředí. To platí pro všechny prvky webových stránek a v tomto článku se zaměříme konkrétně na tlačítka pro přepínání jazyků.

Weglot není jen řešením pro překlad webového obsahu, ale díky tlačítku pro přepínání jazyků Weglot umožňuje publikovat web v několika jazycích z hlediska uživatelského zážitku. Jakmile integrujete Weglot webových stránek, najdete zde výchozí tlačítko, které je stejně jednoduché jako účinné. Pokud však máte kreativní náladu, pravděpodobně budete chtít něco osobnějšího. V takovém případě můžete využít některé základní nastavení, použít šablony nebo si dokonce navrhnout vlastní tlačítko, pokud jste mistrem v umění CSS.

V tomto článku se podíváme na šablony pro přepínání jazyků, které najdete v naší galerii Switcher Gallery. Ještě více možností najdete v naší kolekci, kterou jsme vytvořili ve spolupráci s Finsweet.

O spolupráci

Před několika lety jsme spolupracovali s Finsweet, webovou agenturou známou v Webflow , na několika návrzích přepínačů jazyků, které lze klonovat a znovu použít na jakémkoli Webflow . Lze je dokonce použít na jakékoli technologii. Bylo to obrovské úspěch, protože tyto přepínače jazyků byly zkopírovány více než 8 000krát na všech druzích webů!

Stále více designérů, a zejména týmů webových agentur, však začíná přemýšlet jinak a upravují nebo dokonce navrhují vlastní přepínače, aby uživatelům webových stránek, které vyvíjejí, nabídli jedinečný zážitek.

A to je samozřejmě případ Digidopu. Tato webová agentura, založená v roce 2021, je první a jedinou francouzskou agenturou specializující se na Webflow získala trojitou akreditaci: Webflow , Client-First a Webflow Leader. Od té doby agentura realizovala více než 60 webových projektů pro klienty z nejrůznějších odvětví a sdílela své know-how prostřednictvím bezplatného obsahu a online akademie. Florian a Thomas, dva zakladatelé agentury, patří od samého počátku k nejaktivnějším partnerům Weglot. Své znalosti o Weglot sdíleli Weglot svou komunitou prostřednictvím různých dokumentů a videí, ale především byli vždy ochotni poskytovat relevantní zpětnou vazbu o Weglot, což nám umožnilo neustále vylepšovat náš nástroj.

Když jsme ve spolupráci s agenturou uvažovali o nabídce nové kolekce jazykových přepínačů, věděli jsme, že zkušenosti a kritický a technický pohled týmu Digidop povedou k plodné spolupráci.

Prvním krokem tedy bylo, aby Weglot tým Weglot a tým Digidop přemýšleli o tom, jak vylepšit technickou integraci a chování přepínačů, aby byly co nejplynulejší. Poté tým Digidop díky svým uměleckým a designérským talentům navrhl 5 designů přepínačů jazyků, které vám zde podrobně představíme.

5 návrhů přepínačů jazyků, které můžete použít na svých webových stránkách

Minimalismus a elegantní linie jsou v poslední době velkým trendem na webu. A právě tento trend sleduje první přepínač jazyků od Digidop. Jedná se o jednoduché rozbalovací menu, velmi podobné tomu, které standardně nabízí Weglot, ale s velmi jednoduchými liniemi. Je snadno ovladatelné pro uživatele, ale především velmi univerzální a přizpůsobí se všem designům webových stránek.

Abychom zachovali minimalistický vzhled uživatelského rozhraní, představujeme druhý přepínač jazyků. Název jazyka, šipka a nic víc. Toto tlačítko pro výběr jazyka je univerzálně přístupné a nenarušuje design vaší stránky. Jednoduché, efektivní a nenápadné.

Jedno z omezení těchto velmi jednoduchých návrhů se projevuje v případě, že webová stránka nabízí velké množství jazyků. Přepínač jazyků musí zůstat jednoduchý a nesmí vypadat jako nákupní seznam. Aby se s tímto problémem vypořádala a zároveň zachovala jednoduchý design, agentura Digidop vyvinula tento třetí přepínač jazyků, který lze otevřít pouhým kliknutím na jazyk, čímž se otevře okno pro výběr jazyka. Menu ve formě velkých oken jsou také novým trendem na webových stránkách. Tento přepínač jazyků je ideální pro stránky s mnoha jazyky.

Při surfování po internetu v posledních několika měsících jste pravděpodobně narazili na stránky s velmi málo barvami nebo dokonce dvoubarevné stránky s výraznými kontrasty. Abyste dosáhli hezkého a efektivního výsledku, musíte dbát na to, aby prvky nebyly přeplněné. Právě tuto výzvu přijal tento čtvrtý přepínač jazyků. Zde si vyberete jazyk kliknutím na jeden nebo druhý, jako na vypínač světla. Tento design samozřejmě funguje nejlépe, pokud nabízíte pouze 2 jazyky.

Stejně tak některé weby prosazují bichromatický, hrubý přístup a používají velká, někdy i tučná písma - a to až do té míry, že používají velká písmena. To je to, co nabízí stránka Citadium. Na základě tohoto trendu přišel tým Digidop s tímto pátým a posledním přepínačem. Lze jej použít pro 2 nebo velký počet jazyků a zajišťuje, aby byl pro uživatele snadno dostupný.

‍

Tyto přepínače jazyků jsou určeny k použití, hraní si s nimi nebo dokonce k inspiraci. Můžete je klonovat a přizpůsobit tak, aby vyhovovaly vašemu designu a UX. V rámci této nové spolupráce a na základě doporučení Digidopu jsme tuto kolekci posunuli o krok dál a nabídli jsme vám možnost jejich opětovného použití na front end. Můžete je také volně používat ve fázi maket svých projektů.

Thomas Labonne, spoluzakladatel společnosti Digidop, odhaluje všechna tajemství této spolupráce a v tomto videu vysvětluje, jak používat přepínače jazyků přímo ve Figmě. Zde najdete soubor Figma.

Pokud se chcete pustit do toho a tyto šablony pro přepínání jazyků přímo použít na svém Webflow , zde najdete všechny klonovatelné komponenty a já vás předám Florianu Bodelotovi, spoluzakladateli Digidopu, který vás provede používáním těchto přepínačů jazyků.

Závěr

Nyní je na vás, abyste tyto komponenty znovu použili ve svých projektech návrhu webových stránek. Rádi bychom poděkovali týmu agentury Digidop za jejich zpětnou vazbu, technickou podporu a skvělé designérské dovednosti. Nezapomeňte se podívat na jejich vzdělávací obsah, který vám pomůže posunout vaše projekty ještě dál.

Vzhledem k tomu, že se webový design neustále vyvíjí, plánujeme vydávat nové kolekce přepínačů jazyků. Pokud tedy máte nějaké nápady na design, neváhejte nám je sdělit.