• 06-06-2025, 18:40:03
    #1
    Herkes selam olsun.
    HTML input tasarım konusunda bir sorunum var. Her şey çok güzel tasarımsal açıdan hiçbir problem yok sadece veri giriş inputlarında çok mu takıntı yaptım bilmiyorum. Sayfaya yerleştirince boydan boya görüntüsü uzun oluyor, kısaltınca sağ taraf boş kalıyor ve oraya koyacak bir verim yok, piyasada örnekleri inceleyince direk boydan boya koymuş geçmişler. Bunu estetik veya güzel gösterecek bir standart var mıdır ? Kısa kullanıp sağ tarafın boş kalması kullanıcı açısından nasıl bir deneyim sizce? (Not: kısa tutup ortalamak istemiyorum)
  • 06-06-2025, 18:51:44
    #2
    Hocam animasyonlarla daha iyi bir hale getirebilirsiniz ya da 1.'yi dolrdurduktan sonra 2. inğut alanı açılır...
    Submit butonunu da disable bırakıp tüm inputlar dolunca açılır.
    Ya da ekran içinde şekilli arkaplan görselleri kullanarak yumuşatabilirsiniz.
  • 06-06-2025, 18:54:11
    #3
    Aliemre adlı üyeden alıntı: mesajı görüntüle
    Hocam animasyonlarla daha iyi bir hale getirebilirsiniz ya da 1.'yi dolrdurduktan sonra 2. inğut alanı açılır...
    Submit butonunu da disable bırakıp tüm inputlar dolunca açılır.
    Ya da ekran içinde şekilli arkaplan görselleri kullanarak yumuşatabilirsiniz.
    Cevabınız için teşekkürler hocam. Arkaplan görselleri ile kullanmayı denemedim. Bu sorunumu çözecektir.
  • 06-06-2025, 19:09:35
    #4
    Hocam yardımcı olur mu bilmiyorum ama ant design, element plus ve element.eleme'ye bakabilirsin. Farklı konsept fikirlere ihtiyacın varsa mobbin var. Buralara göz atarak farklı input desginler bulabilirsin.
  • 06-06-2025, 19:56:55
    #5
    belki fikir verir: https://tr.pinterest.com/search/pins...%20ui&rs=typed
  • 07-06-2025, 01:24:09
    #6
    urtopcuoglu adlı üyeden alıntı: mesajı görüntüle
    Hocam yardımcı olur mu bilmiyorum ama ant design, element plus ve element.eleme'ye bakabilirsin. Farklı konsept fikirlere ihtiyacın varsa mobbin var. Buralara göz atarak farklı input desginler bulabilirsin.
    Pixelizm adlı üyeden alıntı: mesajı görüntüle
    Cevaplar için teşekkürler herkese, örnekler ve fikirler doğrultusunda, floating form ve birkaç animasyon kullanarak istediğim sonuca ulaştım