Tasarım
Tasarım kategorisi, logo ve marka kimliğinden tipografiye, renk sistemlerinden Figma iş akışlarına kadar görsel tarafı kapsıyor. Kod yazan biri olarak tasarıma bakışım biraz farklı: bir logonun sadece güzel olması yetmiyor, 16 pikselde favicon olarak da okunabilmesi, tek renk baskıda da ayakta kalması gerekiyor. Buradaki yazılar bu tür pratik kısıtlarla ilgileniyor — bir marka paletini erişilebilir kontrast oranlarıyla nasıl kurarsın, tipografi ölçeğini neye göre seçersin, bir tasarımı geliştiriciye devrederken hangi bilgiyi vermezsen iş iki katına çıkar. Estetik tercihler kadar, o tercihlerin arkasındaki gerekçeleri de anlatmaya çalışıyorum.
UI/UX Farkı: Tasarımcı İçin Net Açıklama
UI ve UX farkı tam olarak nedir? İki disiplinin sınırlarını, görevlerini ve birlikte nasıl çalıştığını örneklerle net biçimde açıklıyoruz.
HEX, RGB, CMYK: Markada Renk Tutarlılığı
HEX, RGB ve CMYK arasındaki farkları, ekran ile baskı uyumunu ve markanızın rengini her yerde aynı tutmanın yollarını anlatıyoruz.
Grid Sistemi Tasarım: Sütun ve Baseline Rehberi
Grid sistemi tasarım mantığını sütun, oluk ve baseline grid üzerinden öğren; düzenli, dengeli ve ölçeklenebilir kompozisyonlar kur.
Illustrator Logo Çizimi: Pen Tool ve Pathfinder Rehberi
Illustrator logo çiziminin temelleri: Pen tool ile temiz path, Pathfinder ile şekil birleştirme ve ölçeklenebilir vektör logo üretimi.
Vektör Raster Farkı: Hangisini Ne Zaman Kullanmalı
Vektör raster farkı netleşince doğru format seçmek kolaylaşır: logodan fotoğrafa hangi tür nerede çalışır, kalite neden değişir.
Logo Tasarım Hataları: Amatörlüğü Ele Veren 10 Sorun
En sık yapılan logo tasarım hataları ve her birinden nasıl kaçınacağınız: yazı tipi, renk, ölçeklenebilirlik ve daha fazlası.
Görsel Hiyerarşi: Dikkati Yönlendirme Sanatı
Görsel hiyerarşi nedir ve nasıl kurulur? Boyut, kontrast, konum ve boşlukla kullanıcı dikkatini doğru sıraya sokmanın pratik kuralları.
UI White Space: Boşlukla Okunabilirlik ve Hiyerarşi
UI white space, negatif alanı bilinçli kullanarak okunabilirliği ve görsel hiyerarşiyi nasıl güçlendirir? Pratik kurallarla anlatıyoruz.
Figma Component ve Variant: Tekrar Kullanılabilir UI
Figma component ve variant sistemiyle tekrar kullanılabilir, durum varyantlı bir UI kütüphanesini nasıl kuracağını adım adım öğren.
Figma Auto Layout ile Esnek, Responsive Tasarım
Figma Auto Layout ile responsive bileşenler kurmayı, padding, gap ve resizing ayarlarını ve gerçek bir buton/kart örneğini adım adım öğren.
Figma Nasıl Kullanılır: İlk Tasarımınız
Figma nasıl kullanılır? Arayüz, frame ve temel araçlarla sıfırdan ilk tasarımınızı adım adım oluşturmayı öğrenin.
Renk Paleti Oluşturma: 60-30-10 Kuralıyla Denge
Renk paleti oluşturma için 60-30-10 oran kuralı, doğru araçlar ve erişilebilir kontrast seçimiyle dengeli bir tasarım kurun.
Logo Türleri: Wordmark, İkon ve Kombinasyon Rehberi
Logo türleri nelerdir? Wordmark, lettermark, ikon ve kombinasyon logoları örneklerle açıklayıp hangi markaya hangisinin uygun olduğunu anlatıyorum.
Font Eşleştirme: Tipografi Temelleri ve Denge
Font eşleştirmenin kuralları: serif/sans kombinasyonları, kontrast, hiyerarşi ve okunabilirlik dengesiyle güçlü tipografi kurmanın yolları.
Marka Kimliği Oluşturma: Sıfırdan Pratik Rehber
Marka kimliği nasıl kurulur? Logo, renk paleti, tipografi ve ses tonunu tutarlı bir sistemde birleştirmenin pratik adımları.
Logo Tasarımında Renk Psikolojisi Rehberi
Logo renk psikolojisi, marka algısını nasıl şekillendirir? Renk-duygu ilişkileri, sektöre göre seçim, kontrast, erişilebilirlik ve kültürel farklarla dengeli bir palet rehberi.
Profesyonel Logo Tasarımı: Fikirden Marka Kimliğine 7 Adım
Brief, araştırma, eskiz, vektör ve varyasyonlar: akılda kalan, ölçeklenebilir bir logoyu fikirden teslimata taşıyan 7 adımlık süreç.