Websitesi tasarımı nasıl iyi yapılır?

Kafadan_Kontak

Decapat
Katılım
3 Mart 2021
Mesajlar
96
Daha fazla  
Cinsiyet
Erkek
Herkese merhabalar! Ben CSS'i tam doğru olarak kullanamiyorum, site tasarımım oldukça kötü oluyor. Renkler ve fontlar genellikle uyuşmuyor, bu konuda kendimi nasıl geliştirebilirim? Genellikle figma kullanıyorum ancak renkleri ve fontları oturtamiyorum.
 
Öncelikle CSS ile beraber biraz zaman geçirmeni ve birkaç örnek öğrenmeni tavsiye ederim. Nasıl yapıldığını kafanda iyice kavradıktan sonra sade ve basit tasarımlar yapmanı öneririm. Renk kombinasyonu olarak her zaman 3 renkten fazlasını kullanma ve genel olarak bu renklerin birbiriyle uyumlu renkler olmasına özen göster. Yazı fontun basit fontlardan olsun ama boyutunu her zaman normal seviyede tut. Bu şekilde örnekler yaparak zamanla çok daha iyi şeyler başarırsın.
 
Öncelikle CSS ile beraber biraz zaman geçirmeni ve birkaç örnek öğrenmeni tavsiye ederim. Nasıl yapıldığını kafanda iyice kavradıktan sonra sade ve basit tasarımlar yapmanı öneririm. Renk kombinasyonu olarak her zaman 3 renkten fazlasını kullanma ve genel olarak bu renklerin birbiriyle uyumlu renkler olmasına özen göster. Yazı fontun basit fontlardan olsun ama boyutunu her zaman normal seviyede tut. Bu şekilde örnekler yaparak zamanla çok daha iyi şeyler başarırsın.

Önerini dikkate alacağım hocam teşekkürler.
 
Önerini dikkate alacağım hocam teşekkürler.
Bu işe ilk başladığımda benimde kafamda senin gibi hiç bir şey yoktu. En temiz olanı basit, sade ve şık tasarımlardan başlamak. Gölgelendirme nasıl yapılır bunu öğrenirsen (ki internette çok örneği var) şık şeyler ortaya koyabilirsin. Gölgelendirmeyi her zaman div etiketlerinde ve çok hafif kullan, modern bir görünüm katar. Yazılarda gölgelendirme kullanmanı çok tavsiye etmem.
 
Bu işe ilk başladığımda benim de kafamda senin gibi hiçbir şey yoktu. En temiz olanı basit, sade ve şık tasarımlardan başlamak. Gölgelendirme nasıl yapılır bunu öğrenirsen (ki internette çok örneği var) şık şeyler ortaya koyabilirsin. Gölgelendirmeyi her zaman div etiketlerinde ve çok hafif kullan, modern bir görünüm katar. Yazılarda gölgelendirme kullanmanı çok tavsiye etmem.

Tekrardan teşekkürler hocam. Siz UI/UX tasarımları için hangi programı önderirsiniz? Şu anlık figma kullanıyorum uygun mudur siz ce?
 
UI/UX ya da proje bazlı paylaşımlar yapılan platformlar mevcut, buradan hoşuna gidenleri Figma üzerinde tasarlayabilir, sonrasında bu tasarımlarını web sayfasına dönüştürebilirsin. Bu şekilde hem Figma hem de web tarafında kendini geliştirebilirsin. Fakat animasyonlarda web tarafı figma kadar kolay olmayacaktır, projeleri seçerken buna dikkat etmeni öneririm.

Bunun dışında daha teknik kısımda bilgilenmek için global makaleleri inceleyebilirsin, biraz ingilizce bilgisi yeterli olacaktır.

Figma ve Adobe XD zaten bu tarz işlerde kullanılan gözde programlar, yani gönül rahatlığı ile kullanabilirsin.
 
UI/UX ya da proje bazlı paylaşımlar yapılan platformlar mevcut, buradan hoşuna gidenleri figma üzerinde tasarlayabilir, sonrasında bu tasarımlarını web sayfasına dönüştürebilirsin. Bu şekilde hem figma hem de web tarafında kendini geliştirebilirsin. Fakat animasyonlarda web tarafı figma kadar kolay olmayacaktır, projeleri seçerken buna dikkat etmeni öneririm.

Bunun dışında daha teknik kısımda bilgilenmek için global makaleleri inceleyebilirsin, biraz İngilizce bilgisi yeterli olacaktır.

Figma ve Adobe XD zaten bu tarz işlerde kullanılan gözde programlar, yani gönül rahatlığı ile kullanabilirsin.

Peki hocam bir şey daha soracaktım. Bazı hazır tema veren web siteleri var sizce onları inceleyip ona benzer temalar oluştursam bana bir faydası olur mu? Veya direk oradaki kodu kopyalasam bir sıkıntı çıkar mı?
 
Öyle hurra diye bilgisayarın karşısına geçip yazmaya başlama. Önce düşün, gün içerisinde düşün, yatmadan önce düşün, yemek yerken düşün, duştayken düşün... Tasarla kafanda. Hayal et. Tasarım sanattır. Sanat aceleye gelmez.
 
Uyarı! Bu konu 5 yıl önce açıldı.
Muhtemelen daha fazla tartışma gerekli değildir ki bu durumda yeni bir konu başlatmayı öneririz. Eğer yine de cevabınızın gerekli olduğunu düşünüyorsanız buna rağmen cevap verebilirsiniz.

Technopat Haberler

Geri
Yukarı