aslain.dev
0%
01 Hizmetler 02 Hakkımda 03 Projeler 04 Stack 05 Blog 06 İletişim
/ blog — Tasarım

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.

Tasarım
TasarımLogoMarkaNegatif Alan

Negatif Alan Logo Tasarımı: Akıllı Örnekler

Negatif alan logo tasarımı boşluğu gizli bir sembole dönüştürür. Çalışan örnekler, ilkeler ve kendi logon için pratik yöntemler.

26.09.2026 · 6 dk okuma
Tasarım
TasarımUITipografiCSS

Tipografi Hiyerarşisi: Başlık ve Gövde Dengesi

Tipografi hiyerarşisi, boyut ve ağırlıkla okuma akışını yönlendirir; başlık ile gövde dengesini kurmanın pratik yolları.

23.09.2026 · 6 dk okuma
Tasarım
TasarımLogoMarkaKarakter

Maskot Logo Tasarımı: Karakter Oluşturma Rehberi

Markaya kişilik katan bir maskot logo nasıl tasarlanır? Konsepttten vektöre, karakter oluşturmanın adım adım pratik süreci.

19.09.2026 · 5 dk okuma
Tasarım
TasarımUIHUDFigma

Oyun UI Tasarımı: Okunabilir HUD ve Menü Düzeni

Oyun UI tasarımı için okunabilir HUD, düzenli envanter ve sezgisel menü düzeni kurmanın ilkeleri ve pratik örnekler.

17.09.2026 · 7 dk okuma
Tasarım
TasarımLogoUIMarka

Altın Oran Tasarım: Logo ve Düzende Pratik Kullanım

Altın oran tasarımı somut hale getiriyoruz: logo ızgaraları, tipografi ölçeği ve düzen oranlarında 1,618'i pratik kullanma rehberi.

14.09.2026 · 5 dk okuma
Tasarım
TasarımLogoMarkaFigma

Logo Tasarım Süreci: Brief'ten Teslime Adım Adım

Logo tasarım süreci nasıl işler? Keşif, eskiz, dijitalleştirme ve teslim aşamalarını gerçek bir iş akışıyla adım adım anlatıyorum.

11.09.2026 · 6 dk okuma
Tasarım
TasarımPortfolyoUIMarka

Tasarımcı Portfolyo Nasıl Hazırlanır: Adım Adım Rehber

Etkili bir tasarımcı portfolyo için iş seçimi, vaka çalışması ve sunum üzerine pratik, uygulanabilir bir rehber.

08.09.2026 · 6 dk okuma
Tasarım
TasarımRenkUICSS

Gradient Tasarım: Modern Geçişlerle Görsel Denge

Gradient tasarım ilkeleri, renk geçişi türleri ve çağdaş, dengeli görseller için pratik CSS örnekleriyle eksiksiz bir rehber.

06.09.2026 · 6 dk okuma
Tasarım
TasarımSosyal MedyaGörselFigma

Sosyal Medya Görsel Boyutları: 2026 Rehberi

Sosyal medya görsel boyutları platform bazında değişir; doğru ölçüler ve şablon mantığıyla net, kırpılmayan görseller üretin.

03.09.2026 · 5 dk okuma
Tasarım
TasarımMoodboardRenkMarka

Moodboard Nedir ve Nasıl Hazırlanır: Adım Adım

Moodboard nedir, neden işe yarar ve bir tasarım projesinin yönünü netleştiren ilham panosunu adım adım nasıl hazırlarsın?

30.08.2026 · 6 dk okuma
Tasarım
TasarımRenkUIErişilebilirlik

Renk Kontrastı ve WCAG: Erişilebilir Tasarım Rehberi

Renk kontrastı WCAG oranlarını, 4.5:1 ve 3:1 eşiklerini ve erişilebilir renk seçimini pratik örneklerle anlatan tasarım rehberi.

28.08.2026 · 5 dk okuma
Tasarım
TasarımLogoMarkaSVG

Logo Dosya Formatları: SVG, PNG, PDF Rehberi

Logo dosya formatları kafa karıştırır: SVG, PNG, PDF, EPS ne işe yarar ve müşteriye hangileri teslim edilmeli? Pratik bir rehber.

25.08.2026 · 5 dk okuma
Tasarım
TasarımUIFigmaSVG

İkon Tasarımı: Tutarlı Bir Set Nasıl Oluşturulur

İkon tasarımında tutarlı bir set için grid, çizgi kalınlığı, optik denge ve SVG dışa aktarmayı adım adım anlatan pratik bir rehber.

22.08.2026 · 6 dk okuma
Tasarım
TasarımUIRenkFigma

Design System Nedir? Token, Bileşen ve Doküman

Design system nedir, token-bileşen-doküman katmanları nasıl çalışır ve küçük bir ekip bunu nasıl ölçeklenebilir biçimde kurar?

19.08.2026 · 5 dk okuma
Tasarım
TasarımUIMobilFigma

Mobil Arayüz Tasarımı: Dokunma, Navigasyon, Okunabilirlik

Mobil arayüz tasarımının temel kuralları: dokunma hedefi boyutları, başparmak dostu navigasyon ve küçük ekranlarda okunabilirlik.

17.08.2026 · 6 dk okuma
Tasarım
TasarımUIRenkFigma

Buton Tasarımı: Tıklanabilir ve Erişilebilir UI

İyi buton tasarımı state, boyut ve kontrastla başlar. Tıklanabilir, erişilebilir ve tutarlı butonlar nasıl kurulur, adım adım.

14.08.2026 · 6 dk okuma
Tasarım
TasarımUIUXFigma

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.

10.08.2026 · 6 dk okuma
Tasarım
TasarımRenkMarkaLogo

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.

08.08.2026 · 5 dk okuma
Tasarım
TasarımGridUILayout

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.

05.08.2026 · 6 dk okuma
Tasarım
TasarımLogoIllustratorVektör

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.

02.08.2026 · 6 dk okuma
Tasarım
TasarımVektörRasterLogo

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.

30.07.2026 · 6 dk okuma
Tasarım
TasarımLogoMarkaRenk

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ı.

28.07.2026 · 6 dk okuma
Tasarım
TasarımUITipografiRenk

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ı.

25.07.2026 · 7 dk okuma
Tasarım
TasarımUIRenkFigma

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.

21.07.2026 · 6 dk okuma