• 04-12-2024, 23:11:53
    #1
    Product Designer
    Selamlar, evet yanlış duymadınız bir tasarımcı olarak konu tasarımı hakkında yardıma ihtiyacım var.

    -Sorum şu, Genel ekran sizeları 1920 px e göre değerlendiriliyor, R10 sağ ve sol dead areasları sayarsak 1800px üzerinden tasarım yapmak gerekiyor.
    3 görsel yan yana konulduğunda 3*600px
    2 görsel yan yana konulduğunda 2*900px
    olarak görsel seçmek gerekiyor, ancak küçük ekranlarda görseller alt alta düşüyor, üstelik fotoğraflar da 600-900 px gibi küçük pikseller olduğu için epey kalitesi bozuk görseller oluyor.

    Yüksek kalite export alıp örneğin 1200 pxden 3 tane yan yana manuel küçülterek koyduğumuzda görseller epey kaliteli duruyor ancak onda da görseller farklı ekranlarda alt alta gelebiliyor.
    Bu sorunun önüne nasıl geçebiliriz?

    İlgili Konu:
    https://www.r10.net/ui-ux-tasarimcil...o-mobiliz.html
  • 04-12-2024, 23:18:27
    #2
    Takipteyim
  • 04-12-2024, 23:24:35
    #3
    Monitör genişlikleri arasında 1920px çok daha yaygın ancak platformun tasarımından kaynaklı boşlukları da hesaba katmanız gerekiyor.
    Dolayısıyla 1800px baz almak yerine daha küçük ekranları da göz önünde bulundurarak 1200px'i baz alabilirsiniz.
    Yine dediğiniz yöntemle 2x-4x çıktı alıp 1200px genişliğinde manuel küçültebilirsiniz.
  • 04-12-2024, 23:28:14
    #4
    Product Designer
    grafiking adlı üyeden alıntı: mesajı görüntüle
    Monitör genişlikleri arasında 1920px çok daha yaygın ancak platformun tasarımından kaynaklı boşlukları da hesaba katmanız gerekiyor.
    Dolayısıyla 1800px baz almak yerine daha küçük ekranları da göz önünde bulundurarak 1200px'i baz alabilirsiniz.
    Yine dediğiniz yöntemle 2x-4x çıktı alıp 1200px genişliğinde manuel küçültebilirsiniz.
    2x 4x çıktı alıp manuel küçültülmüş hali, konu linkinde mevcut hocam. Daha büyük devicedan bakınca sol köşede kalıyor tasarım. Scale olmuyor.
  • 04-12-2024, 23:30:20
    #5
    Ortalanmasını istiyorsanız hepsini seçip hizalayabilirsiniz.
  • 04-12-2024, 23:31:05
    #6
    Product Designer
    grafiking adlı üyeden alıntı: mesajı görüntüle
    Ortalanmasını istiyorsanız hepsini seçip hizalayabilirsiniz.
    Denendi, sonuç aynı. Daha büyük ekran sizelarında problem oluyor.
  • 04-12-2024, 23:31:45
    #7
    uxcenter adlı üyeden alıntı: mesajı görüntüle
    Denendi, sonuç aynı. Daha büyük ekran sizelarında problem oluyor.
    Kontrol ettiğimde ortalama kodunu göremedim.
  • 04-12-2024, 23:36:19
    #8
    Merhabalar,

    Tek işim konu tasarım olduğundan konuyu şöyle yanıtlayayım. Tasarımların genişliğini 1200 px olarak yaparsanız uzunluğunu istediğiniz gibi ayarlayabilirsiniz. Böylece mobil ve masaüstü uyumlu olucaktır. Tam responsive olmasını istiyorsanjz görselleri parçalayın. Örneğin konu tasarımı için 2 görsel yan yana olsun isterseniz 600-600px olarak çalışın böylece görseller masaüstünde yan yana mobilde alt alta gelmiş olur. Yüksek görüntü kalitesi için ise 4x olarak çıktı alıp r10 editörde küçültün. Olayın responsive olması için önce görselleri r10 a yükleyin ve konuyu açın, daha sonrasında düzenle diyip görselleri düzenleyin. Göresellerde kayma oluyorsa ana görsellere bg atayıp şeffaf yaparsanız düzenleme sağlamış olursunuz.
  • 04-12-2024, 23:39:12
    #9
    Product Designer
    Sorun çözüldü, fotoğrafa tıklayıp ortalama yapmamak gerekiyormuş, genelden ortalamak gerekiyormuş.

    Teşekkürler.