Katılım
21 Aralık 2023
Mesajlar
948
Çözümler
3
Beğeniler
677
Yer
Unknown
Esenlikler,

Uzun zamandır üzerinde çalıştığım ve bu sürenin sonunda içime sinen kişisel web sitemi sizlerle paylaşmak ve değerli fikir ve eleştirilerinizi almak istedim. Site tasarımını Apple'ın sitesinden örnek alarak yaptım ve Bento Grid yapısını benimsedim.

Stack (Kullandığım diller, teknolojiler ve araçlar): Next.js, Tailwind CSS ve Framer Motion.

Arayüz Detayları ve Tema: Siteye girdiğiniz zaman göz yormayacak şekilde tok bir Dark Mode yani karanlık mod kullanmaya çalıştım. Arka plandaki renk şeritlemelerini dengelemek ve engellemek için kumlanma (noise) ekledim. Sitemdeki elementlerin vb. etrafında glass yani cam sınırlar kullandım.

Etkileşim (Site içi): Bilgisayarınızın kendi imleci yerine sitenin içerisinde geçerli olan manyetik bir hissiyata sahip özel bir imleç tercih ettim. Site içerisinde en çok dikkat ettiğim iki unsur bulunmakta bunlar; sitenin smooth yani yumuşak bir şekilde kaydırılması ve siteye giriş yaptığınızda karşınıza çıkacak olan adım ve soyadımın üstünde bulunan soft gümüş renginin akışı benim favorilerim.

Site Bağlantısı: Gürkan Gurbet | Yeni Medya & Dijital İçerik Üreticisi (Siteyi geçici olarak Netlify üzerinden yayına aldım.)

Sizce UI/UX (Kullanıcı Deneyimi) açısından gözünüzü tırmalayan, "şurası olmamış" dediğiniz bir detay var mı? Özellikle telefon/tablet üzerinden giren arkadaşlar performans veya animasyon akıcılığında bir sorun/takılma yaşıyor mu?

Her türlü eleştiriye ve öneriye açığım. Şimdiden vakit ayırıp inceleyen herkese teşekkürler, iyi Sosyaller dilerim!

Dipnot: Site geçici olarak devre dışıdır.
 
Son düzenleyen: Moderatör:
Siteye girdiğimde deli dehşet kasıyordu. CPU kullanımı çok fazla oluyor siteye girdiğimde. Bir ben de mi sorun var?

1778362552209.webp
 
Gayet güzel olmuş. Bence siteye uygun bir mouse ikonu kullanın. Beni rahatsız etti açıkcası.
Bağlantıda Kalalım kısmında linklere uygun ikon kullanırsanız bence daha güzel bir görüntü olur.
Bunlar haricinde resim kullanılmış bazı yerlerde daha yumuşak bir geçiş şeklinde gözükecek şekilde dursa resimler daha iyi olur gibi. Biraz havada kalmış gibi gözüküyorlar.

Ben genel olarak beğendim diyebilirim.
 
Esenlikler,

Uzun zamandır üzerinde çalıştığım ve bu sürenin sonunda içime sinen kişisel web sitemi sizlerle paylaşmak ve değerli fikir ve eleştirilerinizi almak istedim. Site tasarımını Apple'ın sitesinden örnek alarak yaptım ve Bento Grid yapısını benimsedim.

Stack (Kullandığım diller, teknolojiler ve araçlar): Next.js, Tailwind CSS ve Framer Motion.

Arayüz Detayları ve Tema: Siteye girdiğiniz zaman göz yormayacak şekilde tok bir Dark Mode yani karanlık mod kullanmaya çalıştım. Arka plandaki renk şeritlemelerini dengelemek ve engellemek için kumlanma (noise) ekledim. Sitemdeki elementlerin vb. etrafında glass yani cam sınırlar kullandım.

Etkileşim (Site içi): Bilgisayarınızın kendi imleci yerine sitenin içerisinde geçerli olan manyetik bir hissiyata sahip özel bir imleç tercih ettim. Site içerisinde en çok dikkat ettiğim iki unsur bulunmakta bunlar; sitenin smooth yani yumuşak bir şekilde kaydırılması ve siteye giriş yaptığınızda karşınıza çıkacak olan adım ve soyadımın üstünde bulunan soft gümüş renginin akışı benim favorilerim.

Site Bağlantısı: Gürkan Gurbet | Yeni Medya & Dijital İçerik Üreticisi (Siteyi geçici olarak Netlify üzerinden yayına aldım.)

Sizce UI/UX (Kullanıcı Deneyimi) açısından gözünüzü tırmalayan, "şurası olmamış" dediğiniz bir detay var mı? Özellikle telefon/tablet üzerinden giren arkadaşlar performans veya animasyon akıcılığında bir sorun/takılma yaşıyor mu?

Her türlü eleştiriye ve öneriye açığım. Şimdiden vakit ayırıp inceleyen herkese teşekkürler, iyi Sosyaller dilerim!
UI hoş olmuş ama mobilde ciddi FPS düşüşü var hocam. Redmi Note 12 Pro 5G ile girdim, scroll sırasında frame drop çok hissediliyor.

Bence optimizasyon yapmanız şart.
 
Siteye girdiğimde deli dehşet kasıyordu. CPU kullanımı çok fazla oluyor siteye girdiğimde. Bir ben de mi sorun var?

Eki Görüntüle 247944

7435HS işlemci ve aynısı geçerli.
Büyük ihtimalle Framer Motion ile yaptığım özel imleç farenin her hareketinde gereksiz re-render tetikleyerek CPU'yu yoruyor veya arkadaki Aurora gradient efekti CSS filtreleri yüzünden GPU yerine işlemciye yükleniyor. Bildirdiğiniz için teşekkür ederim hocalarım. Sorunu çözmeye uğraşacağım.
Gayet güzel olmuş. Bence siteye uygun bir mouse ikonu kullanın. Beni rahatsız etti açıkcası.
Bağlantıda Kalalım kısmında linklere uygun ikon kullanırsanız bence daha güzel bir görüntü olur.
Bunlar haricinde resim kullanılmış bazı yerlerde daha yumuşak bir geçiş şeklinde gözükecek şekilde dursa resimler daha iyi olur gibi. Biraz havada kalmış gibi gözüküyorlar.

Ben genel olarak beğendim diyebilirim.
Teşekkür ederim hocam. Söylediğiniz kısımları not aldım.

UI hoş olmuş ama mobilde ciddi FPS düşüşü var hocam. Redmi Note 12 Pro 5G ile girdim, scroll sırasında frame drop çok hissediliyor.

Bence optimizasyon yapmanız şart.
Evet hocam, optimizasyon yapmam gerekiyor. Şu anda ortak sorun bu. Teşekkür ederim bildirdiğin için ^^
 
Tamamen göz zevki fakat üstüne gelindiğinde iç koyu alandaki kenarların aşırı belirgin olması yerine hafif silik bir geçiş olabilirmiş koyudan açık tona doğru.

1778363001534.webp
 
Esenlikler,

Uzun zamandır üzerinde çalıştığım ve bu sürenin sonunda içime sinen kişisel web sitemi sizlerle paylaşmak ve değerli fikir ve eleştirilerinizi almak istedim. Site tasarımını Apple'ın sitesinden örnek alarak yaptım ve Bento Grid yapısını benimsedim.

Stack (Kullandığım diller, teknolojiler ve araçlar): Next.js, Tailwind CSS ve Framer Motion.

Arayüz Detayları ve Tema: Siteye girdiğiniz zaman göz yormayacak şekilde tok bir Dark Mode yani karanlık mod kullanmaya çalıştım. Arka plandaki renk şeritlemelerini dengelemek ve engellemek için kumlanma (noise) ekledim. Sitemdeki elementlerin vb. etrafında glass yani cam sınırlar kullandım.

Etkileşim (Site içi): Bilgisayarınızın kendi imleci yerine sitenin içerisinde geçerli olan manyetik bir hissiyata sahip özel bir imleç tercih ettim. Site içerisinde en çok dikkat ettiğim iki unsur bulunmakta bunlar; sitenin smooth yani yumuşak bir şekilde kaydırılması ve siteye giriş yaptığınızda karşınıza çıkacak olan adım ve soyadımın üstünde bulunan soft gümüş renginin akışı benim favorilerim.

Site Bağlantısı: Gürkan Gurbet | Yeni Medya & Dijital İçerik Üreticisi (Siteyi geçici olarak Netlify üzerinden yayına aldım.)

Sizce UI/UX (Kullanıcı Deneyimi) açısından gözünüzü tırmalayan, "şurası olmamış" dediğiniz bir detay var mı? Özellikle telefon/tablet üzerinden giren arkadaşlar performans veya animasyon akıcılığında bir sorun/takılma yaşıyor mu?

Her türlü eleştiriye ve öneriye açığım. Şimdiden vakit ayırıp inceleyen herkese teşekkürler, iyi Sosyaller dilerim!

Dipnot: Site geçici olarak devre dışıdır.
Çok çok hoşuma gitti, elinize sağlık.