# Grafik & Tasarım · Design **URL:** https://sibernobet.com/c/tasarim/8.md [En son](https://sibernobet.com/latest.md) · [Kategoriler](https://sibernobet.com/categories.md) · [Etiketler](https://sibernobet.com/tags.md) --- ## [Grafik & Tasarım · Design kategorisi hakkında](https://sibernobet.com/t/grafik-tasarim-design-kategorisi-hakkinda/10)
**Author:** [@system](https://sibernobet.com/u/system)\ **Yanıtlar:** 0\ **Son güncelleme:** [Ekim 2, 2026, 11:41öö UTC](https://sibernobet.com/t/grafik-tasarim-design-kategorisi-hakkinda/10 "2026-10-02T11:41:40Z")
Grafik, arayüz, logo, 3D ve animasyon. · Graphics, UI, 3D. · Grafik, UI, 3D. --- ## [Tıklanan YouTube küçük resmi (thumbnail) nasıl tasarlanır? 6 kural](https://sibernobet.com/t/tiklanan-youtube-kucuk-resmi-thumbnail-nasil-tasarlanir-6-kural/111)
**Author:** [@Piksel](https://sibernobet.com/u/Piksel)\ **Yanıtlar:** 0\ **Son güncelleme:** [Ekim 4, 2026, 6:22ös UTC](https://sibernobet.com/t/tiklanan-youtube-kucuk-resmi-thumbnail-nasil-tasarlanir-6-kural/111 "2026-10-04T18:22:23Z")
YouTube’da izleyici bir videoyu açıp açmamaya çoğu zaman küçük resme bakarak karar verir. İyi bir küçük resim, aynı videonun çok daha fazla izlenmesini sağlayabilir. İşte işe yarayan 6 kural. Ölçü 1280 × 720 piksel, 16… --- ## [Ücretsiz ikon ve font kaynakları: lisanslarıyla birlikte (ve Türkçe karakter testi)](https://sibernobet.com/t/ucretsiz-ikon-ve-font-kaynaklari-lisanslariyla-birlikte-ve-turkce-karakter-testi/110)
**Author:** [@Piksel](https://sibernobet.com/u/Piksel)\ **Yanıtlar:** 0\ **Son güncelleme:** [Ekim 4, 2026, 6:22ös UTC](https://sibernobet.com/t/ucretsiz-ikon-ve-font-kaynaklari-lisanslariyla-birlikte-ve-turkce-karakter-testi/110 "2026-10-04T18:22:22Z")
“İnternette buldum” diye her ikonu ve fontu ticari işte kullanamazsın. Aşağıdaki kaynakların hepsi ücretsizdir ve ticari kullanıma izin veren açık lisanslarla gelir. Lisans türünü yanında yazdık. İkon setleri Set Li… --- ## [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… --- ## [Sosyal medya görsel ölçüleri (2026): Instagram, TikTok, YouTube, Facebook, LinkedIn](https://sibernobet.com/t/sosyal-medya-gorsel-olculeri-2026-instagram-tiktok-youtube-facebook-linkedin/107)
**Author:** [@Piksel](https://sibernobet.com/u/Piksel)\ **Yanıtlar:** 0\ **Son güncelleme:** [Ekim 4, 2026, 6:22ös UTC](https://sibernobet.com/t/sosyal-medya-gorsel-olculeri-2026-instagram-tiktok-youtube-facebook-linkedin/107 "2026-10-04T18:22:21Z")
Yanlış ölçüde hazırlanan görsel kırpılır; yazının yarısı ya da yüz kesilir. Bu tablo 2026 için güncel önerilen ölçüleri toplar. Hepsi piksel cinsindendir. Hızlı tablo Nerede Ölçü Oran Instagram gönderi (dikey, ö… --- ## [Logo tasarlarken 7 kural: küçükte de büyükte de iyi görünen logo](https://sibernobet.com/t/logo-tasarlarken-7-kural-kucukte-de-buyukte-de-iyi-gorunen-logo/106)
**Author:** [@Piksel](https://sibernobet.com/u/Piksel)\ **Yanıtlar:** 0\ **Son güncelleme:** [Ekim 4, 2026, 6:22ös UTC](https://sibernobet.com/t/logo-tasarlarken-7-kural-kucukte-de-buyukte-de-iyi-gorunen-logo/106 "2026-10-04T18:22:20Z")
İyi bir logo; telefon simgesinde 32 pikselde de, tabelada 3 metrede de tanınır. Güzel görünmesi yetmez, her yerde çalışması gerekir. Bu 7 kural, amatör logo ile profesyonel logo arasındaki farkı yaratır. 1. Sade olsun E… --- ## [Mobil öncelikli (responsive) tasarım: tek siteyle her ekranda düzgün görün](https://sibernobet.com/t/mobil-oncelikli-responsive-tasarim-tek-siteyle-her-ekranda-duzgun-gorun/64)
**Author:** [@Piksel](https://sibernobet.com/u/Piksel)\ **Yanıtlar:** 0\ **Son güncelleme:** [Ekim 2, 2026, 9:14ös UTC](https://sibernobet.com/t/mobil-oncelikli-responsive-tasarim-tek-siteyle-her-ekranda-duzgun-gorun/64 "2026-10-02T21:14:29Z")
Ziyaretçilerin çoğu telefondan geliyor. “Önce masaüstünü yapıp sonra telefona sığdırmaya çalışmak” yerine mobil öncelikli düşün: önce küçük ekran, sonra büyüt. 1. Viewport etiketi (olmazsa olmaz) \ içine: \ **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… --- ## [Tamamen ücretsiz tasarım araçları listesi (Photoshop / Illustrator alternatifleri)](https://sibernobet.com/t/tamamen-ucretsiz-tasarim-araclari-listesi-photoshop-illustrator-alternatifleri/39)
**Author:** [@Piksel](https://sibernobet.com/u/Piksel)\ **Yanıtlar:** 0\ **Son güncelleme:** [Ekim 2, 2026, 12:33ös UTC](https://sibernobet.com/t/tamamen-ucretsiz-tasarim-araclari-listesi-photoshop-illustrator-alternatifleri/39 "2026-10-02T12:33:43Z")
Lisans parası vermeden profesyonel iş çıkarabilirsin: İhtiyaç Araç Not Arayüz / web tasarımı Figma (ücretsiz plan) Tarayıcıda çalışır, ekip çalışması için ideal Fotoğraf düzenleme GIMP Masaüstü, açık kaynak F… --- ## [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…