Giriş yapma deneyimi Figma kaynaklarını kamuya açtık; kapsamlı kimlik doğrulama akışı tasarımları ve çok yönlü stiller ve bileşenler dahil olmak üzere.
Logto'da, iş birliklerinin ve şeffaflığın gücüne inanıyoruz. Bu yüzden, Figma'daki giriş yapma deneyimi tasarımımızı açık kaynak yaptığımızı ve herkesin kullanımına sunduğumuzu bildirmekten mutluyuz. Figma kaynaklarına erişmek için:
Bu tasarım iki ana bileşenden oluşur: kimlik doğrulama akışı (giriş yapma deneyimi) ve stiller & bileşenler. Gelin, her birini ayrıntılı olarak inceleyelim.
Mobil ve PC platformları için çeşitli kayıt olma, giriş yapma ve ilk sosyal giriş yapma senaryolarını titizlikle hazırladık. Her senaryo, kimlik doğrulama akışının kapsamlı bir genel görünümünü sağlamak için ilgili konsol yapılandırması ile birlikte gelir. İşte bazı senaryolardan bir ön izleme:
| Kayıt olma | Giriş yapma | İlk sosyal giriş yapma | |
|---|---|---|---|
| Kullanıcı adı | Kullanıcı adı + Şifre | Kullanıcı adı + Şifre | Sosyal giriş yapma + Kullanıcı adı ayarla |
| Email (en popüler) | Email + Doğrulama kodu + Şifre | Email + Şifre | Sosyal giriş yapma + Email bağla |
| Telefon numarası | Telefon numarası + Doğrulama kodu | Telefon numarası + Doğrulama kodu | Sosyal giriş yapma + Telefon numarası bağla |
| Karışık email ve telefon | Email/Telefon numarası + Doğrulama kodu + Şifre | Email/Telefon numarası + Doğrulama kodu/Şifre | Sosyal giriş yapma + Email/Telefon numarası bağla |
| Sadece sosyal giriş yapma | / | / | Sadece sosyal giriş yapma |
| Şifreyi unut | |
|---|---|
| Karışık email ve telefon | Email/telefon numarasını doğrulatarak şifreyi sıfırla |
Tasarımımız ayrıca, giriş yapma deneyiminizin genel kullanıcı arayüzünü kolayca özelleştirmenizi sağlayan basit ve çok yönlü bir stil ve bileşen seti içerir. İşte bulacaklarınız:
| Giriş | |
|---|---|
| Font stilleri | Font sınıflandırmasını gövde, etiket, başlık ve manşet kategorilerine ayırdık. Hem mobil hem de PC platformları için aynı font stilleri kullanılarak tutarlılık ve kullanım kolaylığı sağlanmıştır. |
| Renk stilleri | Paletler ve belirteçlerden yararlanarak tema renklerini markanıza uygun şekilde kolayca değiştirebilirsiniz. Renk paletimiz, Google Material Design kullanılarak oluşturulmuştur ve hem aydınlık mod hem de karanlık mod sunar; tasarımcılarınızın anlamasını sağlar. |
| Simgeler | Doğrudan kullanılabilecek veya kolayca değiştirilebilecek birçok kullanım durumunu kapsayan işlevsel ikonlardan oluşan bir koleksiyon da ekledik. Ayrıca, sosyal giriş yapma butonlarınız için özel olarak tasarlanmış çeşitli sosyal medya simgeleri sağlıyoruz. |
| Bileşenler | Mobil ve web platformları için Markalama, Buton, Onay kutusu, Diyalog, Navigasyon, Bildirim, Metin Alanı ve Klavye (Mobil) dahil olmak üzere bileşenleri düzenledik. |
Ama hepsi bu kadar değil! Logto ile yukarıdaki ayrıntılara takılmadan sorunsuz bir entegrasyon deneyimi sunmamıza güvenebilirsiniz. Logto Console'da yöntem yapılandırmalarını keşfederek onları markanızın kullanıcı arayüzüne uyumlu hale getirebilirsiniz. Dakikalar içinde, işletmenize mükemmel uyum sağlayan özelleştirilmiş bir giriş ve kayıt deneyimi elde edeceksiniz.
Logto her zaman açık kaynak kod hizmeti sağlamaya kararlı olmuştur, ancak neden bu açıklığı tasarımımıza da genişletmeye karar verdiğimizi merak ediyor olabilirsiniz.
Logto'nun sadece geliştirici dostu değil, aynı zamanda PM'lerin ve Tasarımcıların en iyi arkadaşı olmasını istiyoruz. Tüm geliştirme süreci boyunca daha iyi iş birliğini teşvik etmeye inanıyoruz, bu da yüksek verimlilik, şeffaflık ve güven sağlar.
Logto, verimli Bulut Hizmeti sağlamaya kararlı olsa da açık kaynak topluluğundan ortaya çıkmıştır ve uzun vadede kamuya açık ve şeffaf kalmayı amaçlamaktadır.
Logto ürününü geliştirmeye devam ettikçe, Figma tasarımını güncel tutacağız. Logto'yu, ürünleriniz için mükemmel ilk adım deneyimleri oluşturmak ve markanız üzerinde kalıcı bir izlenim bırakmak için kullanacağınızı umuyoruz.
Deneyiminize ve geri bildiriminize değer veriyoruz, bu yüzden iletişim kanallarını açık tutun. Sizden haber almayı bekliyoruz.