Delphi Can
Bir Login Screen Tasarımı - Baskı Önizleme

+- Delphi Can (https://www.delphican.com)
+-- Forum: Delphi (https://www.delphican.com/forumdisplay.php?fid=3)
+--- Forum: Genel Programlama (https://www.delphican.com/forumdisplay.php?fid=6)
+--- Konu Başlığı: Bir Login Screen Tasarımı (/showthread.php?tid=1460)

Sayfalar: 1 2


Bir Login Screen Tasarımı - Halil Han BADEM - 29-10-2017

Merhabalar,

Gece gece canım sıkıldı ve böyle bir tasarım yapmayı düşündüm, hemen sonrasında forum ile paylaşmak istedim. Fikir verme açısından veya kullanmak isteyenler olabilir düşüncesiyle GitHub'a yükledim. İsteyenler indirmeyi yapabilirler. Tasarımda Photoshop CS6 ile Delphi birleşimi bir sonuç çıktı ortaya, eleştirlerinizi de ek olarak bekliyorum..  Shy

o6Op1Q.png



Buradan indirip inceleyebilirsiniz.


Saygılarımla,
İyi çalışmalar.


Bir Login Screen Tasarımı - Hashshashin - 29-10-2017

Sahi taraftaki objeler daha büyük olsa buton ile daha uyumlu olur ve daha hoş olurdu bence


Cvp: Bir Login Screen Tasarımı - ozcanm - 30-10-2017

Merhaba,
Paylaşım için Teşekkürler.
Gözden kaçan bir detay var gibi, kullanıcı çıkış yapmak istediğinde Alt+F4 kullanmak zorunda kalacak sanırım. Çıkış için de bir buton olsa güzel olacaktır. 
İyi Çalışmalar.


Cvp: Bir Login Screen Tasarımı - Halil Han BADEM - 30-10-2017

(30-10-2017, Saat: 09:32)Cyber Adlı Kullanıcıdan Alıntı: Merhaba,
Paylaşım için Teşekkürler.
Gözden kaçan bir detay var gibi, kullanıcı çıkış yapmak istediğinde Alt+F4 kullanmak zorunda kalacak sanırım. Çıkış için de bir buton olsa güzel olacaktır. 
İyi Çalışmalar.

 Farkettim hocam hatta bilinçli olarak bıraktım diyebilirim, uyku daha tatlı geldi o yüzden o an bıraktım. Ileri zamanlarda ki projelerde bu tasarımı kullanacağım.

Teşekkürler.  Blush


Bir Login Screen Tasarımı - Abdullah ILGAZ - 30-10-2017

Öncelikle tebrik ediyorum ve çalışmalarının devamını diliyorum kardeşim.

Materyal tasarım için tasarım disiplinlerini bir incelemeni isterim. https://material.io/guidelines/ Bu link üzerinden sırasıyla ilerleyerek devam et.

Şimdi gelelim görülen eksik ve fazla yanlara;

1) Öncelikle gölgeli tasarımlar standart ölçekli uygulamalarda kullanılacağı için çok tavsiye edilmez. Benim çözünürlüğüm 2560x1080. Etrafımda gördüğüm aynı çözünürlük kullanıcısı çok fazla. 1600x1080, 1440x900, 1366x768 gibi kullanıcıların genel tercihlerini göz önüne alarak, tüm bu çözünürlüklere desteğinin olması gerekir. 800x600 olarak eski klasik 4 birim kare tasarımlardan uzak kalmalısın.

2) Kullanıcı ile aranda bir samimiyet olur. Ötekileştirme veya saygıdan gelen bir mesafe bariyeri olmaz. "Siz" değildir, "Sen"dir. Yukarıdaki linkte bunun detaylı izahı var ancak doğrudan bu yazıyı okuyanların ulaşması için; Kullanıcı ile uygulama arasında ikili bir diyalog oluşturmak, hem kullanıcının benimsemesi açısından hemde kendisini yabancı hissetmemesi açısından çok önemlidir. "Lütfen bilgilerinizi kontrol ediniz" ile "Lütfen bilgilerini kontrol et" arasındaki ciddiyet farkı hem samimiyeti hemde güveni etkiler.

3) Font tercihlerini doğru yapmalısın. Eğer uygulamada görsel olarak png formatında bir başlık bilgisi kullanmıyorsan, son kullanıcının bilgisayarına özel seçtiğin fontun kurulumunu sağlamalısın. Aksi takdirde senin önünde çok güzel duran görüntü, kullanıcıda Tahoma'ya döndüğü zaman hapı yuttun demektir.

4) Kalınlık-incelik hususunda tipografi alanındaki örnek çalışmaları incele. Genel kanaat oturacaktır. Yine linkte bununla ilgili hususlar yer alıyor.

5) Gölgeli butonlar göz yorar. Bunu 365 günün en az 300 günü kullanacak kişiye yapmak işkence etmek olacaktır. Mümkün mertebe göz yormadan, sade, alışılageldik hale getirmek (kullanıcının uygulamaya) sadakatini arttıracaktır.

6) Büyük inputlar. Kullanıcı adını veritabanında maksimum 20-30 arasında tanıtıyorsak, verdiğimiz inputun maksimum 35 karakter sığacak halde olması gerekir. Uzun uzadı görüntüler rahatsızlık oluşturur.

7) Özelleştirilen her tasarım için özelleştirilemeyen komponentler baş belası olur. TEdit için çerçeve ve biçim değişikliği gerekiyor. Veya bir TRectangle içine alıp kusurlarını örtmeye çalışmalısın.

8) Sağ ve sol oklar soldaki bilgi kutucuğunu değiştirecekse bunu kutucuğun üzerine yada kutucuğun sağına soluna yerleştir ki nerelere hükmedeceğini kullanıcı gözü ile algılasın.

9) Renk seçiminde 3 ana renk seç. Bu renkler ile tüm projeyi çıkart. Birbirine yakın veya tam zıt, kombin renkler olabilir. Bununla ilgili de uyumlu renkler öneren çok site var. Hex kodlarına kadar veriyorlar. Burada kahverengi, yeşil, pembe ve siyah bulunuyor. Unutmadan; uygulamanın genelinde bir TLabel için renk belirlemesi yaparsan, her yerde aynı standartları kullanmaya özen göster. Kullanıcı uygulamanın bir kısmına alışırsa diğer modüller ve özellikler için kafa yormaz elini otomatik gider. Bu açıdan kullanılan bilgi cümleleri ve başlıklarının standartlığı çok önemlidir.

10) Radius kullanılan komponentler olacaksa geneline yaymaya çalış. Kare/köşeli bir tasarım olacaksa da butonlar dahi köşeli olsun. Bu da linkte izah ediliyor.



Başlangıç için çok başarılı bir çalışma. Ellerine sağlık.


Cvp: Bir Login Screen Tasarımı - Halil Han BADEM - 30-10-2017

(30-10-2017, Saat: 09:41)Abdullah Ilgaz Adlı Kullanıcıdan Alıntı: Öncelikle tebrik ediyorum ve çalışmalarının devamını diliyorum kardeşim.

Materyal tasarım için tasarım disiplinlerini bir incelemeni isterim. https://material.io/guidelines/ Bu link üzerinden sırasıyla ilerleyerek devam et.

Şimdi gelelim görülen eksik ve fazla yanlara;

1) Öncelikle gölgeli tasarımlar standart ölçekli uygulamalarda kullanılacağı için çok tavsiye edilmez. Benim çözünürlüğüm 2560x1080. Etrafımda gördüğüm aynı çözünürlük kullanıcısı çok fazla. 1600x1080, 1440x900, 1366x768 gibi kullanıcıların genel tercihlerini göz önüne alarak, tüm bu çözünürlüklere desteğinin olması gerekir. 800x600 olarak eski klasik 4 birim kare tasarımlardan uzak kalmalısın.

2) Kullanıcı ile aranda bir samimiyet olur. Ötekileştirme veya saygıdan gelen bir mesafe bariyeri olmaz. "Siz" değildir, "Sen"dir. Yukarıdaki linkte bunun detaylı izahı var ancak doğrudan bu yazıyı okuyanların ulaşması için; Kullanıcı ile uygulama arasında ikili bir diyalog oluşturmak, hem kullanıcının benimsemesi açısından hemde kendisini yabancı hissetmemesi açısından çok önemlidir. "Lütfen bilgilerinizi kontrol ediniz" ile "Lütfen bilgilerini kontrol et" arasındaki ciddiyet farkı hem samimiyeti hemde güveni etkiler.

3) Font tercihlerini doğru yapmalısın. Eğer uygulamada görsel olarak png formatında bir başlık bilgisi kullanmıyorsan, son kullanıcının bilgisayarına özel seçtiğin fontun kurulumunu sağlamalısın. Aksi takdirde senin önünde çok güzel duran görüntü, kullanıcıda Tahoma'ya döndüğü zaman hapı yuttun demektir.

4) Kalınlık-incelik hususunda tipografi alanındaki örnek çalışmaları incele. Genel kanaat oturacaktır. Yine linkte bununla ilgili hususlar yer alıyor.

5) Gölgeli butonlar göz yorar. Bunu 365 günün en az 300 günü kullanacak kişiye yapmak işkence etmek olacaktır. Mümkün mertebe göz yormadan, sade, alışılageldik hale getirmek (kullanıcının uygulamaya) sadakatini arttıracaktır.

6) Büyük inputlar. Kullanıcı adını veritabanında maksimum 20-30 arasında tanıtıyorsak, verdiğimiz inputun maksimum 35 karakter sığacak halde olması gerekir. Uzun uzadı görüntüler rahatsızlık oluşturur.

7) Özelleştirilen her tasarım için özelleştirilemeyen komponentler baş belası olur. TEdit için çerçeve ve biçim değişikliği gerekiyor. Veya bir TRectangle içine alıp kusurlarını örtmeye çalışmalısın.

8) Sağ ve sol oklar soldaki bilgi kutucuğunu değiştirecekse bunu kutucuğun üzerine yada kutucuğun sağına soluna yerleştir ki nerelere hükmedeceğini kullanıcı gözü ile algılasın.

9) Renk seçiminde 3 ana renk seç. Bu renkler ile tüm projeyi çıkart. Birbirine yakın veya tam zıt, kombin renkler olabilir. Bununla ilgili de uyumlu renkler öneren çok site var. Hex kodlarına kadar veriyorlar. Burada kahverengi, yeşil, pembe ve siyah bulunuyor. Unutmadan; uygulamanın genelinde bir TLabel için renk belirlemesi yaparsan, her yerde aynı standartları kullanmaya özen göster. Kullanıcı uygulamanın bir kısmına alışırsa diğer modüller ve özellikler için kafa yormaz elini otomatik gider. Bu açıdan kullanılan bilgi cümleleri ve başlıklarının standartlığı çok önemlidir.

10) Radius kullanılan komponentler olacaksa geneline yaymaya çalış. Kare/köşeli bir tasarım olacaksa da butonlar dahi köşeli olsun. Bu da linkte izah ediliyor.



Başlangıç için çok başarılı bir çalışma. Ellerine sağlık.

 Teşekkürler hocam, önerilerinizi hepsini teker teker uygulamaya çalışacağım.


Bir Login Screen Tasarımı - ozcanm - 30-10-2017

Bir tavsiyede bulunmak isterim.
Uygulamanızın ms gibi erişim kolaylıklarına sahip olabilmesi adına, Giriş ekranı üzerinde Genel ayarlara erim için de bir bölüm ayırmanız olacaktır.
Genel ayarlar içinde DB tanımları, Tarih&Ayraç Format ayarları, Yazıcı Ayarları, Geçici klasör ayarları vs.
Bunları belirtme sebebim, her makinede Tarih işlemleri, Parasal işlemler için ayarlar değiştirilmiş olabiliyor. sizin dışarıya bağımlı kalmamanız adına ve uygulama açıldıktan sonra hesap işlemlerinde kullanıcının sıkıntı yaşamaması için önceden bu ayarların belirlenmesi daha sağlıklı olacaktır.
İyi çalışmalar.


Cvp: Bir Login Screen Tasarımı - Halil Han BADEM - 30-10-2017

(30-10-2017, Saat: 09:58)Cyber Adlı Kullanıcıdan Alıntı: Bir tavsiyede bulunmak isterim.
Uygulamanızın ms gibi erişim kolaylıklarına sahip olabilmesi adına, Giriş ekranı üzerinde Genel ayarlara erim için de bir bölüm ayırmanız olacaktır.
Genel ayarlar içinde DB tanımları, Tarih&Ayraç Format ayarları, Yazıcı Ayarları, Geçici klasör ayarları vs.
Bunları belirtme sebebim, her makinede Tarih işlemleri, Parasal işlemler için ayarlar değiştirilmiş olabiliyor. sizin dışarıya bağımlı kalmamanız adına ve uygulama açıldıktan sonra hesap işlemlerinde kullanıcının sıkıntı yaşamaması için önceden bu ayarların belirlenmesi daha sağlıklı olacaktır.
İyi çalışmalar.

  Göz önünde bulunduracagim teşekkürler.


Bir Login Screen Tasarımı - Bahadir.Alkac - 30-10-2017

(30-10-2017, Saat: 09:58)Cyber Adlı Kullanıcıdan Alıntı: Bir tavsiyede bulunmak isterim.
Uygulamanızın ms gibi erişim kolaylıklarına sahip olabilmesi adına, Giriş ekranı üzerinde Genel ayarlara erim için de bir bölüm ayırmanız olacaktır.
Genel ayarlar içinde DB tanımları, Tarih&Ayraç Format ayarları, Yazıcı Ayarları, Geçici klasör ayarları vs.
Bunları belirtme sebebim, her makinede Tarih işlemleri, Parasal işlemler için ayarlar değiştirilmiş olabiliyor. sizin dışarıya bağımlı kalmamanız adına ve uygulama açıldıktan sonra hesap işlemlerinde kullanıcının sıkıntı yaşamaması için önceden bu ayarların belirlenmesi daha sağlıklı olacaktır.
İyi çalışmalar.

Merhaba,

Ben de veri tabanı bağlantısı hariç tam tersini düşünüyorum. Bilgisayarın ayarları ne olursa olsun sizin programınızın buna uyum sağlaması gerekiyor. Bu yüzden de "tarih formatı yanlış", "Ondalık ayıracını . yapınız" gibi şartlar koşan programları da başarısız buluyorum. Bu duruma düşmek tamamen programcının yetersizliği ve/veya programı kötü tasarlamasıdır. Benim size tavsiyem, program içinde tarih, saat, para birimi gibi bölgesel ayarlarda bir ön kabulde bulunmamanız ve bunların hepsini, ihtiyaç duyduğunuz zaman, sistemden almanızdır. 

İyi çalışmalar


Cvp: Bir Login Screen Tasarımı - ozcanm - 30-10-2017

(30-10-2017, Saat: 11:35)Bahadir.Alkac Adlı Kullanıcıdan Alıntı:
(30-10-2017, Saat: 09:58)Cyber Adlı Kullanıcıdan Alıntı: Bir tavsiyede bulunmak isterim.
Uygulamanızın ms gibi erişim kolaylıklarına sahip olabilmesi adına, Giriş ekranı üzerinde Genel ayarlara erim için de bir bölüm ayırmanız olacaktır.
Genel ayarlar içinde DB tanımları, Tarih&Ayraç Format ayarları, Yazıcı Ayarları, Geçici klasör ayarları vs.
Bunları belirtme sebebim, her makinede Tarih işlemleri, Parasal işlemler için ayarlar değiştirilmiş olabiliyor. sizin dışarıya bağımlı kalmamanız adına ve uygulama açıldıktan sonra hesap işlemlerinde kullanıcının sıkıntı yaşamaması için önceden bu ayarların belirlenmesi daha sağlıklı olacaktır.
İyi çalışmalar.

Merhaba,

Ben de veri tabanı bağlantısı hariç tam tersini düşünüyorum. Bilgisayarın ayarları ne olursa olsun sizin programınızın buna uyum sağlaması gerekiyor. Bu yüzden de "tarih formatı yanlış", "Ondalık ayıracını . yapınız" gibi şartlar koşan programları da başarısız buluyorum. Bu duruma düşmek tamamen programcının yetersizliği ve/veya programı kötü tasarlamasıdır. Benim size tavsiyem, program içinde tarih, saat, para birimi gibi bölgesel ayarlarda bir ön kabulde bulunmamanız ve bunların hepsini, ihtiyaç duyduğunuz zaman, sistemden almanızdır. 

İyi çalışmalar

Hocam, benim burada belirtmek istediğim nokta, hem bağımlı kalmamak hemde kullanıcıların istediği formatta girdi-çıktı yapmasını sağlamaktır. X firması tarih için dd-mm-yyyy kullanırken Y firması dd/mm/yyyy veya dd.mm.yyyy kullanabilir yada daha farklı. 
Yada sizin DB tanımınızda ondalık ayraçları farklı olabilir.Eğer bir tanımlama yapılmamışsa default ayarları kullandırabiliriz.  Bizim her türlü senaryoyu düşünüp bunlara göre aksiyon almamız gerekir. Benim tercih ettiğim yöntem bu şekilde. burada kullanıcıya yaptırım uygulamak değil, kolaylık sağlamak olmalı.
Önceki yazı eksik oldu sanırım umarım daha iyi ifade edebilmişimdir. Smile