İsimlendirme Nasıl Yapılır? Kod, Tasarım ve Ürün İçin Pratik Kurallar
İyi bir isim, ekibin de kullanıcının da aynı şekilde anladığı isimdir. Değişken, fonksiyon, Figma bileşeni, renk, design token ve yeni özellik için pratik isimlendirme…
Yaratıcılık, alanı doldurmakta değil, onu özgürleştirmekte saklıdır.
Dört disiplinin tamamında yapay zekâ destekli içerik üretimi: markaya özel görsel, video ve metin; hızlı ve tutarlı.
Afişten sosyal medyaya, yapay zekâ destekli görsellerle her mecrada tutarlı marka dili.
Hızlı, duyarlı web siteleri; yapay zekâ destekli iş akışıyla tasarımdan HTML/CSS koduna uçtan uca teslim.
Kullanıcıyı merkeze alan arayüzler; akış, prototip ve ekranlarda yapay zekâyla hızlanan sade çözümler.
Logo, renk, tipografi ve kılavuz; yapay zekâyla ölçeklenen içerik üretimi, her temas noktasında aynı ses.
01Yazılar
Tasarım, yapay zekâ ve teknoloji üzerine kısa, net ve uygulanabilir notlar.

İyi bir isim, ekibin de kullanıcının da aynı şekilde anladığı isimdir. Değişken, fonksiyon, Figma bileşeni, renk, design token ve yeni özellik için pratik isimlendirme…

CSS border-image animasyonu, gradient’in renk durağını @property ile kaydedilmiş bir değişkene bağlayıp hover ve odakta değiştirerek yapılır. Kod örnekleri, conic varyasyonu, border-radius sınırı ve…

Wayfinding (yönlendirme tasarımı) nedir? Fieldwork Facility, V&A East Storehouse’ta Spiller Mono ve sökülebilir harf karolarıyla güncellenebilir bir tabela sistemi kurdu. Sistemin mantığı ve kendi…

Production Type’ın Ciel ailesi copperplate kaligrafisini iki katmana bölüyor: beş ağırlıklı metin stilleri ve harfleri eş genişlikli karelere düğümleyen üç süslü inisyal stili. Türkçe…

NN/g aynı açık uçlu soruyu 604 insana ve 120 sentetik katılımcıya sordu: iki veri seti aynı sonuca vardı, ama insanlar 50’den fazla etiket kullanırken…

calc-input, form alanına 2 + 3 gibi bir formül yazdırıp alan odaktan çıkınca sonucu gösteren, eval() kullanmayan açık kaynaklı bir custom element. Kurulum adımları,…

Inter yerine hangi font? İki ölçü belirleyici: büyük harfin kutuda ortalanması ve %70–75 x-height. Google Fonts’taki 13 ücretsiz alternatifi ölçtük; Geist ikisini de tutturuyor,…

calc-size(), auto gibi içsel boyutlarla hesap yapmayı sağlayan CSS fonksiyonu. Arka plan deseninin alttan kesilmesini round() ile nasıl önleyeceğinizi, tarayıcı desteğini ve yedek çözümü…