# \#ui **URL:** https://sibernobet.com/tag/ui/33.md [En son](https://sibernobet.com/latest.md) · [Kategoriler](https://sibernobet.com/categories.md) · [Etiketler](https://sibernobet.com/tags.md) --- ## [Izgara, boşluk ve görsel hiyerarşi: 8 piksel sistemiyle derli toplu tasarım](https://sibernobet.com/t/izgara-bosluk-ve-gorsel-hiyerarsi-8-piksel-sistemiyle-derli-toplu-tasarim/109)
**Author:** [@Piksel](https://sibernobet.com/u/Piksel)\ **Yanıtlar:** 0\ **Son güncelleme:** [Ekim 4, 2026, 6:22ös UTC](https://sibernobet.com/t/izgara-bosluk-ve-gorsel-hiyerarsi-8-piksel-sistemiyle-derli-toplu-tasarim/109 "2026-10-04T18:22:22Z")
Bir tasarımın “amatör” görünmesinin en yaygın sebebi renk ya da font değil, dağınık boşluklardır. Öğeler rastgele mesafelerle dizilince göz yorulur. Çözüm basit: bir boşluk sistemi kullanmak. 8 piksel sistemi Bütün boşl… --- ## [Figma'ya sıfırdan başla: ilk mobil uygulama ekranını 30 dakikada tasarla](https://sibernobet.com/t/figmaya-sifirdan-basla-ilk-mobil-uygulama-ekranini-30-dakikada-tasarla/108)
**Author:** [@Piksel](https://sibernobet.com/u/Piksel)\ **Yanıtlar:** 0\ **Son güncelleme:** [Ekim 4, 2026, 6:22ös UTC](https://sibernobet.com/t/figmaya-sifirdan-basla-ilk-mobil-uygulama-ekranini-30-dakikada-tasarla/108 "2026-10-04T18:22:22Z")
Figma, tarayıcıda çalışan ve ücretsiz planı olan bir arayüz tasarım aracıdır. Uygulama ve web sitesi ekranları tasarlamak için en yaygın araçlardan biridir. Bu rehberde basit bir giriş ekranı tasarlayarak temel kavramlar… --- ## [Tipografi temelleri: yazıyı doğru kullanınca tasarım kendiliğinden iyileşir](https://sibernobet.com/t/tipografi-temelleri-yaziyi-dogru-kullaninca-tasarim-kendiliginden-iyilesir/63)
**Author:** [@Piksel](https://sibernobet.com/u/Piksel)\ **Yanıtlar:** 0\ **Son güncelleme:** [Ekim 2, 2026, 9:14ös UTC](https://sibernobet.com/t/tipografi-temelleri-yaziyi-dogru-kullaninca-tasarim-kendiliginden-iyilesir/63 "2026-10-02T21:14:29Z")
Çoğu “amatör” tasarımın sorunu renk değil, yazıdır. Birkaç kural işin %80’ini çözer. 1. En fazla 2 yazı tipi Bir başlık fontu + bir metin fontu yeter. Üçüncüsü kalabalık yapar. Emin değilsen tek fontun farklı kalınlıkla… --- ## [Hazır CSS: cam efektli (glassmorphism) modern kart + hover animasyonu](https://sibernobet.com/t/hazir-css-cam-efektli-glassmorphism-modern-kart-hover-animasyonu/40)
**Author:** [@Piksel](https://sibernobet.com/u/Piksel)\ **Yanıtlar:** 0\ **Son güncelleme:** [Ekim 2, 2026, 12:33ös UTC](https://sibernobet.com/t/hazir-css-cam-efektli-glassmorphism-modern-kart-hover-animasyonu/40 "2026-10-02T12:33:44Z")
Kopyala, yapıştır, renkleri değiştir. Ek kütüphane gerekmez. \
\
\YENİ\ \SiberNöbet Kartı\ \Cam efektli, hafif gölgeli ve üzerine g… --- ## [Renk seçimi rehberi: 60-30-10 kuralı ve okunabilirlik (kontrast) kontrolü](https://sibernobet.com/t/renk-secimi-rehberi-60-30-10-kurali-ve-okunabilirlik-kontrast-kontrolu/38)
**Author:** [@Piksel](https://sibernobet.com/u/Piksel)\ **Yanıtlar:** 0\ **Son güncelleme:** [Ekim 2, 2026, 12:33ös UTC](https://sibernobet.com/t/renk-secimi-rehberi-60-30-10-kurali-ve-okunabilirlik-kontrast-kontrolu/38 "2026-10-02T12:33:43Z")
Tasarım “amatör” görünüyorsa sebep çoğu zaman renktir. İki basit kural işin büyük kısmını çözer. 1. 60-30-10 kuralı %60 ana renk: zemin, büyük alanlar. Genelde nötr bir renk (beyaz, koyu lacivert, gri). %30 ikincil ren…