مجموعة جديدة من تصميمات مبدل اللغة من Digidop

أي شخص عمل في تصميم مواقع الويب أو حتى فكر في ذلك من قبل يدرك أنه ليس من السهل لكي التوازن الصحيح بين التصميم الجميل والجذاب. كما أنه ليس لكي تصميم يوفر تجربة مستخدم بسيطة وفعالة. ينطبق هذا على جميع عناصر موقع الويب، وفي هذه المقالة، لكي أكثر لكي التركيز على أزرار تبديل اللغة.

بالإضافة إلى كونه حلاً لترجمة محتوى الويب، يتيح Weglot لكي موقع بعدة لغات من منظور تجربة المستخدم، لكي تبديل لكي . بمجرد دمج Weglot موقع ويب، ستجد زرًا افتراضيًا بسيطًا وفعالًا. ولكن إذا كنت تشعر بالإبداع، فربما تريد شيئًا أكثر . في هذه الحالة، يمكنك الاستفادة من بعض الإعدادات الأساسية، أو استخدام القوالب، أو حتى تصميم زر خاص بك إذا كنت خبيرًا في فن CSS.

في هذه المقالة، لكي قوالب مبدل اللغة هذه، والتي يمكنك العثور عليها في معرض Switcher الخاص بنا. أكثر ألق نظرة على مجموعتنا، التي تم إنشاؤها بالتعاون مع Finsweet.

نبذة عن التعاون

قبل عدة سنوات، تعاونا مع Finsweet، وهي وكالة ويب معروفة في Webflow في تصميم عدة أدوات لتبديل اللغة يمكن نسخها وإعادة استخدامها على أي Webflow . وهي متاحة لكي على أي تقنية. وقد حققت نجاحًا كبيرًا، حيث تم نسخ أدوات تبديل اللغة هذه أكثر 8000 مرة على جميع أنواع المواقع!

ومع ذلك، بدأ أكثر أكثر ولا سيما فرق وكالات الويب، لكي خارج الصندوق من لكي تعديل أو حتى تصميم أدوات التبديل الخاصة بهم لكي تجربة فريدة لكي المواقع الإلكترونية التي يطورونها.

وهذا هو الحال بوضوح مع Digidop. تأسست هذه الوكالة الإلكترونية في عام 2021، وهي أول وكالة فقط متخصصة في Webflow لكي ثلاث شهادات اعتماد: Webflow و Client-First و Webflow Leader. منذ ذلك الحين، أنجزت الوكالة أكثر 60 مشروعًا إلكترونيًا لعملاء في مجموعة واسعة من القطاعات وشاركت خبرتها من خلال محتوى مجاني وأكاديمية عبر الإنترنت. كان فلوريان وتوماس، مؤسسا الوكالة، من بين شركاء Weglot الأكثر نشاطًا منذ البداية. لقد شاركا خبرتهما في Weglot لكي عبر وثائق ومقاطع فيديو متنوعة، ولكن الأهم من ذلك أنهما كانا دائمًا لكي ملاحظات مهمة حول Weglot مما مكننا لكي تحسين أداتنا لكي .

عندما في تقديم مجموعة جديدة من أدوات تبديل اللغة بالتعاون مع إحدى الوكالات، كنا على يقين من أن خبرة فريق Digidop ونظرته النقدية والتقنية ستؤدي لكي مثمر.

لذا كانت الخطوة الأولى لفريق Weglot وفريق Digidop لكي في لكي التكامل التقني وسلوك أداة التبديل لكي سلسة قدر الإمكان. بعد ذلك، استخدم فريق Digidop مواهبه الفنية والتصميمية لابتكار 5 تصميمات لأداة التبديل بين اللغات، والتي سنقدمها لكي بالتفصيل هنا.

5 تصميمات لمبدل اللغة لكي على مواقع الويب الخاصة بك

أصبح البساطة والخطوط الأنيقة اتجاهاً سائداً على شبكة الإنترنت مؤخراً. وهذا هو بالضبط الاتجاه الذي يتبعه مبدل اللغة الأول من Digidop. إنه قائمة منسدلة بسيطة، لكي إلى حد كبير لكي يقدمها Weglot بشكل افتراضي، ولكن بخطوط بسيطة للغاية. سهل لكي للمستخدم، ولكن قبل كل شيء، عالمي للغاية، ويتكيف لكي تصميمات مواقع الويب.

لكي بساطة تجربة المستخدم، إليك أداة تبديل اللغة الثانية. اسم اللغة، وسهم، ولا شيء أكثر. زر اختيار اللغة هذا متاح للجميع ولن يفسد تصميم موقعك. بسيط وفعال وغير مزعج.

تظهر إحدى قيود هذه التصميمات البسيطة للغاية عندما يقدم عندما عددًا كبيرًا من اللغات. لكي يظل مبدل اللغة بسيطًا وألا يبدو كقائمة تسوق. لكي مع هذا الأمر مع الحفاظ على تصميم مبسط، طورت وكالة Digidop مبدل اللغة الثالث هذا، والذي يمكن الوصول إليه بمجرد النقر على اللغة لكي نافذة اختيار اللغة. تعد القوائم في شكل نوافذ كبيرة أيضًا اتجاهًا حديثًا على مواقع الويب. يعد مبدل اللغة هذا مثاليًا للمواقع التي تحتوي على العديد من اللغات.

عندما الإنترنت خلال اشهر القليلة الماضية، ربما صادفت مواقع ذات ألوان قليلة جدًا، أو حتى مواقع ذات لونين مع تباينات قوية. لكي نتيجة جميلة وفعالة، عليك لكي حريصًا لكي العناصر مرتبة. هذا هو التحدي الذي يواجهه مبدل اللغة الرابع هذا. هنا تختار لغتك بالنقر على إحداها، مثل مفتاح الإضاءة. وبالطبع، فإن هذا التصميم يعمل بشكل أفضل إذا كنت فقط لغتين فقط .

على نفس المنوال، تعتمد بعض المواقع نهجًا ثنائي اللون وخشنًا باستخدام خطوط كبيرة، وأحيانًا جريئة، إلى درجة لكي الأحرف الكبيرة. هذا ما يقدمه ما Citadium. استنادًا إلى هذا الاتجاه، ابتكر فريق Digidop هذا المبدل الخامس والأخير. يمكن استخدامه لغتين أو لعدد كبير من اللغات ويضمن سهولة الوصول إليه من قبل المستخدم.

‌

تم تصميم أدوات تبديل اللغة هذه لكي تتلاعب بها أو حتى تستلهم منها. يمكنك نسخها وتخصيصها لكي تصميمك وتجربة المستخدم الخاصة بك. في هذا التعاون الجديد، وبناءً على توصيات Digidop، قمنا بتطوير هذه المجموعة خطوة إلى الأمام من خلال منحك الفرصة لكي في الواجهة الأمامية. كما يمكنك لكي خلال مرحلة النموذج الأولي لمشاريعك.

يكشف توماس لابون، المؤسس المشارك لـ Digidop، جميع أسرار هذا التعاون ويشرح لكي أدوات تبديل اللغة مباشرة على Figma في هذا الفيديو. ستجد هنا ملف Figma.

ثم، إذا كنت ترغب لكي قدماً وإعادة استخدام قوالب مبدل اللغة هذه مباشرة على Webflow الخاص بك، فستجد هنا جميع المكونات القابلة للنسخ، وسأتركك مع Florian Bodelot، المؤسس المشارك لـ Digidop، الذي سيرشدك إلى كيفية استخدام مبدلات اللغة هذه.

الخلاصة

الآن لكي بإعادة استخدام هذه المكونات في مشاريع تصميم مواقع الويب الخاصة بك. نود لكي فريق وكالة Digidop على ملاحظاتهم ودعمهم الفني ومهاراتهم الرائعة في التصميم. لا لكي على محتواهم التعليمي، الذي سيساعدك لكي قدماً لكي مشاريعك.

نظرًا لأن تصميم المواقع الإلكترونية في تطور مستمر، فإننا نخطط لكي مجموعات جديدة من أدوات تبديل اللغة. لذا، إذا كانت لديك أي أفكار تصميمية، فلا تتردد لكي بها.