Tasarım ve AIüzerine notlar.

Blog yazıları

ChatGPT proje klasörü, ortak brief dosyaları ve düzenli bir çalışma ekranı.
ChatGPT / OpenAI

ChatGPT projeler nasıl kullanılır?Örnek çalışma

Aynı brief’i her sohbetin başında anlatmak zorunda değilsin. Dosyaları, talimatları ve konuşmaları bir projede düzenlemek için örnek bir içerik akışı.

Keşfet
Yaklaşık 2 dk okuma
Claude proje dosyaları, marka talimatı ve sıcak ışıklı çalışma masası.
Claude / Anthropic

Claude Projects nasıl kullanılır?Dosya ve talimat

Claude’da müşteri dosyalarını ve yazım kurallarını aynı çalışma alanında düzenle. Project knowledge ve talimatlar için uygulanabilir bir örnek.

Keşfet
Yaklaşık 2 dk okuma
Özel asistan talimatı gösteren tablet ve mavi cam Gem nesnesi.
Gemini / Google

Gemini Gems nedir?Kişisel asistan nasıl kurulur?

Tekrarlanan görevler için Gemini’ye kalıcı bir çalışma tarifi ver. Bir içerik editörü Gem’i üzerinden talimat ve test örnekleri.

Keşfet
Yaklaşık 2 dk okuma
Aynı mavi vazonun kare, yatay ve dikey kadraj örnekleri.
AI görsel araçları

Midjourney görsel boyutları:--ar nasıl kullanılır?

Kare, yatay ve dikey kapak için oranı üretimden önce seç. --ar parametresinin piksel ölçüsünden farkını örneklerle öğren.

Keşfet
Yaklaşık 2 dk okuma
Kaynak paragrafını inceleyen büyüteç, belgeler ve araştırma ekranı.
AI araştırma araçları

Perplexity kaynakları güvenilir mi?Kontrol rehberi

Kaynaklı yanıtı doğrulamak için bağlantıyı aç, tarihi incele ve iddiayı karşılaştır. Bir ürün araştırması üzerinden örnek kontrol.

Keşfet
Yaklaşık 2 dk okuma
Arama sonucu açıklamasını vurgulayan ekran ve editör notları.
SEO

Meta description nasıl yazılır?Blog için örnekler

Arama sonucundaki kısa açıklama ne söylemeli? Anahtar kelime listesi yerine yazının sorusunu ve faydasını anlatan örnekler.

Keşfet
Yaklaşık 2 dk okuma
Takvim, saat ve planlanmış otomasyon gösteren tablet.
Otomasyon

n8n ile zamanlanmış otomasyon nasıl kurulur?

Haftalık içerik kontrolünü belirli gün ve saatte başlat. Schedule Trigger, saat dilimi ve test akışı için örnek bir plan.

Keşfet
Yaklaşık 2 dk okuma
PDF belgesiyle yan yana duran kısa özet ve vurgulanmış kaynak satırları.
ChatGPT / OpenAI

ChatGPT ile PDF özetleme:Kaynaklı örnek prompt

Uzun bir PDF’yi kısa bir metne çevirmek yeterli değil. Kararları, belirsizlikleri ve kaynak bölümlerini ayıran bir özet nasıl istenir?

Keşfet
Yaklaşık 2 dk okuma
Sohbet panelinin yanında açık, küçük bir interaktif hesaplayıcı.
Claude / Anthropic

Claude Artifacts nedir?İlk interaktif örneğin

Bir hesaplayıcı veya küçük aracı sohbet metni yerine ayrı bir çıktı olarak oluştur. Claude Artifacts için brief, test ve paylaşım kontrolleri.

Keşfet
Yaklaşık 2 dk okuma
İki PDF raporunu karşılaştıran tablo ve belge sayfaları.
Gemini / Google

Gemini ile PDF analizi:İki belgeyi karşılaştırma

İki brief arasındaki değişen tarihleri, teslimleri ve açık soruları bul. Gemini dosya analizi için kontrol edilebilir bir örnek.

Keşfet
Yaklaşık 2 dk okuma
Aynı ışık ve renk dilini paylaşan farklı seramik nesne fotoğrafları.
AI görsel araçları

Midjourney stil referansı nasıl kullanılır?

Aynı nesneyi kopyalamak ile aynı görsel atmosferi korumak farklı şeyler. Style Reference ve --sref için sade bir üretim örneği.

Keşfet
Yaklaşık 2 dk okuma
Kaynak sayfalarının yanında dallanan konu haritası gösteren tablet.
AI araştırma araçları

NotebookLM zihin haritası nasıl oluşturulur?

Kaynaklarını bir konu haritasıyla keşfet. Dalları açma, soru sorma ve haritadaki bilgiyi kaynakta kontrol etme için örnek çalışma.

Keşfet
Yaklaşık 2 dk okuma
Web sayfalarını listeleyen açık klasör ve site haritası paneli.
SEO

Sitemap nedir?Blog için site haritası hazırlama

Yeni yazıların adreslerini arama motorlarına bildir. XML sitemap, canonical ve iç bağlantıların birlikte nasıl çalıştığını öğren.

Keşfet
Yaklaşık 2 dk okuma
Bir veri isteğini iki sistem arasında taşıyan bağlantı ve ekranlar.
Otomasyon

Webhook nedir?n8n ile form verisi alma örneği

Bir olay olduğunda veriyi başka sisteme gönder. Webhook, test adresi, canlı adres ve doğrulama için anlaşılır bir başlangıç.

Keşfet
Yaklaşık 2 dk okuma
Kaşığın kaldırıldığı aynı fincan fotoğrafının önce ve sonra görünümü.
AI görsel araçları

Adobe Firefly ile nesne silme:Doğal sonuç rehberi

Fotoğraftaki bir nesneyi silince arka plan ve gölge de doğru görünmeli. Firefly Generative Remove için seçim ve kontrol adımları.

Keşfet
Yaklaşık 2 dk okuma
Kaynak bağlantıları ve belgeleri gruplandırılmış araştırma masası.
AI araştırma araçları

Perplexity Spaces ve Projects:Araştırmayı düzenle

Eski Spaces adını arayanlar için güncel Projects düzeni. Kaynakları, soruları ve araştırma talimatını aynı yerde toplama örneği.

Keşfet
Yaklaşık 2 dk okuma
Arama sonucu başlığına odaklanan ekran ve büyüteç.
SEO

SEO başlığı nasıl yazılır?Blog için net örnekler

Anahtar kelimeyi tekrarlamak yerine aranan soruyu cevapla. Title etiketi, ana başlık ve arama sonucundaki başlık için örnekler.

Keşfet
Yaklaşık 2 dk okuma
Form verisini tabloya aktaran bağlı otomasyon adımları.
Otomasyon

n8n nedir?İlk otomasyon için örnek iş akışı

Bir formu tabloya aktarmak için AI şart mı? n8n’de tetikleyici, veri eşleştirme ve hata kontrolünü örnek bir akışla öğren.

Keşfet
Yaklaşık 2 dk okuma
Bir web belgesini arama dizininde temsil eden dosya ve ekran.
SEO

Google indeksleme nasıl yapılır?Blog kontrolü

Yazı yayımlandı ama Google’da görünmüyor mu? Canlı URL, Search Console, sitemap ve tarama isteğinin ne işe yaradığını öğren.

Keşfet
Yaklaşık 2 dk okuma
Form, tablo ve bildirim öğelerini birbirine bağlayan otomasyon görseli.
Otomasyon

Zapier nedir?Trigger ve action ile ilk otomasyon

Bir uygulamadaki olay başka bir uygulamada işlem başlatsın. Zapier’in trigger ve action mantığını form ve tablo örneğiyle öğren.

Keşfet
Yaklaşık 2 dk okuma
Canva AI başlıklı mor ve turkuaz tasarım panosu, tablet ve stil kalemi.
Tasarım

Canva AI nasıl kullanılır?Tasarım için örnek brief

Canva yapay zekâ ile ilk taslağı oluşturmak ve düzenlemek için neler yazmalısın? Sosyal medya duyurusu üzerinden uygulanabilir bir rehber.

Keşfet
Yaklaşık 2 dk okuma
Veo 3.1 yazılı klaket, kamera ve kırmızı otomobilin video önizlemesi.
Video

Veo 3.1 ile video nasıl yapılır?Prompt rehberi

Sahne, kamera, hareket ve ses nasıl tarif edilir? Veo 3.1 için kısa bir ürün videosu üzerinden adım adım brief hazırlama.

Keşfet
Yaklaşık 2 dk okuma
Yüklenmekte olan ana görseli gösteren dizüstü bilgisayar.
Web

Ana görsel geç geliyorsa:LCP’yi anlamak

Sayfanın menüsü açılmış, arka planı görünmüş ama asıl proje görseli hâlâ gelmemiş olabilir. Ziyaretçi için yüklemenin bitmesi, tarayıcının teknik olarak hazır olmasından farklıdır.

Keşfet
Yaklaşık 1 dk okuma
Sabit ve dallanan iş akışlarını karşılaştıran fiziksel görev kartları.
Yapay zekâ

Her otomasyona AI ajanı gerekir mi?

Her hafta aynı raporu hazırlayan sistem ile karşısına çıkan soruna göre araç seçen sistem aynı şey değildir. İkisi de AI kullanabilir; ama ihtiyaç duydukları kontrol farklıdır.

Keşfet
Yaklaşık 1 dk okuma
Ürün fotoğrafının açıklamasını ve erişilebilirlik donanımını gösteren masa.
Tasarım

Görsel açıklaması neyi anlatmalı?

Bir görseli göremeyen okur, o görselin yazıya ne kattığını nasıl anlayacak? Alt metni, görüntüdeki her ayrıntıyı saymak değil, bulunduğu bağlamdaki önemli bilgiyi taşımaktır. Aynı fotoğraf farklı sayfalarda farklı açıklamalara ihtiyaç duyabilir..

Keşfet
Yaklaşık 1 dk okuma
Konuşmacının videosunda okunaklı altyazı ve CC simgesi.
Video

Altyazı yalnızca konuşmayı yazmak değildir

Bir videoyu sessiz izlediğinde konuşmayı okuyabilirsin; ama kapı çarpması veya konuşmacının değişmesi anlam için önemliyse bunlar da kaybolur. Erişilebilir altyazı, yalnızca kelimeleri değil, gerekli ses bilgisini de taşır..

Keşfet
Yaklaşık 1 dk okuma
Yerleşimi kayan ve sabit kalan iki sayfa düzenini gösteren tablet.
Web

Sayfa neden okurken aşağı kayıyor?

Bir başlığa dokunmak üzereyken yukarıdan bir görsel yüklenir ve hedef aşağı kayar. Bu küçük hareket, yanlış bağlantıya basmana neden olabilir.

Keşfet
Yaklaşık 1 dk okuma
Bir bağlantı merkezi üzerinden farklı araçlara bağlanan bilgisayar.
Yapay zekâ

MCP nedir:AI ile araçlar arasındaki bağlantı

Bir AI uygulamasının takvime, dosyalara ve başka araçlara bağlanması için her bağlantıyı ayrı biçimde kurmak yönetimi zorlaştırabilir. MCP bu bağlantılar için ortak bir yaklaşım sunmayı amaçlayan bir protokoldür.

Keşfet
Yaklaşık 1 dk okuma
ChatGPT Prompt başlıklı çalışma kâğıdı, kalem ve yanıt ekranı.
ChatGPT / OpenAI

ChatGPT prompt nasıl yazılır?Kopyalanabilir örnekler

ChatGPT’den daha kullanılabilir cevap almak için hedef, bağlam ve çıktı biçimini nasıl anlatmalısın? İş ve içerik üretimi için örnek prompt’lar.

Keşfet
Yaklaşık 2 dk okuma
Etiketi giriş alanının üzerinde kalıcı duran e-posta formu.
Tasarım

Form alanının adı yazmaya başlayınca kaybolmasın

Bir forma yazmaya başladıktan sonra hangi bilginin istendiğini unuttuğun oldu mu? Yalnızca alanın içindeki soluk örneğe dayanan tasarımlar, kullanıcı giriş yaptığında bağlamı kaybedebilir. Kalıcı bir etiket, formu hem anlamayı hem geri dönüp kontrol etmeyi kolaylaştırır..

Keşfet
Yaklaşık 1 dk okuma
Claude Opus 5.5 yazılı turuncu plaka ve görev notları içeren defter.
Claude / Anthropic

Claude Opus 5.5 nedir?Yeni sürümde neler değişti?

Claude’un yeni Opus sürümü uzun görevler, kodlama ve profesyonel işler için duyuruldu. Yenilikleri ve API fiyatının ne anlama geldiğini birlikte inceleyelim.

Keşfet
Yaklaşık 2 dk okuma
Video ile zaman damgalı metin dökümünü birlikte gösteren tablet.
Video

Videonun yanına metin dökümü neden eklenir?

Bir videodaki tek bir bilgiyi bulmak için baştan sona izlemek zorunda kalmak yorucudur. Metin dökümü, içeriği okumak, aramak veya yeniden gözden geçirmek isteyen kişilere başka bir yol sunar.

Keşfet
Yaklaşık 1 dk okuma
Gemini görsel üretimi yazılı mavi levha, çizim ve yeşil lamba önizlemesi.
Gemini / Google

Gemini ile görsel oluşturma:Prompt ve düzenleme

Gemini’de istediğin görseli nasıl tarif edersin? Ürün fotoğrafı örneği, düzenleme isteği ve yayından önce kontrol edilecek noktalar.

Keşfet
Yaklaşık 2 dk okuma
Aynı vazo fotoğrafını farklı ekran boyutlarında gösteren üç cihaz.
Web

Telefona masaüstü boyutunda görsel gönderme

Bir kapağın her ekranda aynı görünmesi, herkese aynı dosyayı göndermen gerektiği anlamına gelmez. Küçük kart için çok büyük bir görsel indirmek veri harcar; gereğinden küçük dosya ise yoğun pikselli ekranda bulanıklaşır.

Keşfet
Yaklaşık 1 dk okuma
Kaynak belgedeki vurgulu bölümle yanıtı ilişkilendiren bilgisayar.
Yapay zekâ

RAG:AI’ya belge vermek neden tek başına yetmez?

Bir kuruma ait güncel bilgiyi modele ezberletmek yerine, soru anında ilgili belgeleri bulup yanıt üretimine eklemek mümkün olabilir. Retrieval-Augmented Generation, kısaca RAG, bu arama ve üretim ilişkisinin önemli yaklaşımlarından biridir..

Keşfet
Yaklaşık 1 dk okuma
GPT-6.1 Sol yazılı cam plaka yanında kod, belge ve görev ekranı.
ChatGPT / OpenAI

GPT-6.1 Sol nedir?ChatGPT’de nerede kullanılır?

ChatGPT 6.1 diye aranan yeni modelin resmî adı GPT-6.1 Sol. Hangi işlere odaklanıyor, Work ve Codex’te nasıl seçiliyor?

Keşfet
Yaklaşık 2 dk okuma
E-posta alanında eksik işareti açıklayan yardımcı hata mesajı.
Tasarım

Hata mesajı kullanıcıyı nasıl ilerletir?

Formun sonunda bir şeyler yanlış gitti mesajını görmek, hatayı düzeltmek için yeterli değildir. Kullanıcı hangi alanı değiştireceğini ve doğru değerin nasıl görüneceğini bilmelidir.

Keşfet
Yaklaşık 1 dk okuma
Claude Sonnet 5.5 yazılı turuncu cam plaka yanında sunum ve tablo taslakları.
Claude / Anthropic

Claude Sonnet 5.5 nedir?Opus’tan farkı ne?

Claude Sonnet 5.5, gündelik görevler ve üretim işleri için nasıl konumlanıyor? Opus ile seçim yaparken hızdan önce bakılacak noktalar.

Keşfet
Yaklaşık 2 dk okuma
Video sahnesinin sesli anlatımı için mikrofon ve ses dalgası.
Video

Görüntünün anlattığını ses nasıl tamamlar?

Bir videoda ekrandaki hareket olayın sonucunu anlatabilir ama konuşma bunu hiç söylemeyebilir. Görsel bilgiyi göremeyen izleyici için bu durumda hikâyenin önemli bir parçası eksik kalır.

Keşfet
Yaklaşık 1 dk okuma
Gemini 4 Argon yazılı mavi cam plaka ve analiz ekranı.
Gemini / Google

Gemini 4 Argon nedir?Yeni Google AI modeli

Google’ın Gemini 4 Argon duyurusu ne anlatıyor? Uzun görevler, kodlama ve erişim durumu hakkında bilmeniz gerekenler.

Keşfet
Yaklaşık 2 dk okuma
Görsel sıkıştırma kalitesini karşılaştıran tasarım ekranı.
Web

Görseli küçültmek, kalitesini bozmak değildir

Bir afişi baskıya hazırlarken yüksek çözünürlük mantıklıdır. Aynı dosyayı küçük bir web kartına koymak ise çoğu zaman görünür fayda sağlamadan yükü artırır.

Keşfet
Yaklaşık 1 dk okuma
Midjourney 8.2 yazılı taş levha ve kırmızı sandalyenin dört görsel varyasyonu.
AI görsel araçları

Midjourney 8.2 nedir?Sürüm ve prompt rehberi

Midjourney’nin yeni sürümünü nasıl seçersin? 8.2, kişiselleştirme ve görsel brief hazırlama konularını somut bir kapak örneğiyle ele alıyoruz.

Keşfet
Yaklaşık 2 dk okuma
Kelimeler arasındaki bağları temsil eden iplerle bağlı kelime kartları.
Yapay zekâ

Transformer fikrini teknik olmayan dille anlamak

Bir cümlede bir kelimenin anlamı yanındaki kelimelerle sınırlı değildir. Uzakta geçen bir isim veya bağlam, cümlenin nasıl yorumlanacağını değiştirebilir.

Keşfet
Yaklaşık 1 dk okuma
NotebookLM yazılı kaynak dosyası, PDF belgeleri, not defteri ve sesli özet tableti.
AI araştırma araçları

NotebookLM nasıl kullanılır?Kaynak ve sesli özet

PDF, not ve kaynaklarından yanıt almak için nereden başlamalısın? NotebookLM adıyla aranan aracın kullanımını ve sesli özet akışını örneklerle anlatıyoruz.

Keşfet
Yaklaşık 2 dk okuma
ChatGPT Yeni ne var yazılı kart yanında belge tarayan telefon ve kıyafet önizlemesi.
ChatGPT / OpenAI

ChatGPT’de yeni ne var?Ekim 2026 yenilikleri

Yeni model duyurusu, alışverişte sanal deneme ve belge tarama: ChatGPT yeniliklerini kullanım senaryolarıyla kısa bir rehberde topladık.

Keşfet
Yaklaşık 2 dk okuma
Başlıkları ve satırları belirgin bir karşılaştırma tablosu.
Tasarım

Tabloyu güzelleştirirken ilişkileri kaybetme

Bir karşılaştırma tablosunda tek bir sayı kendi başına çok az şey anlatır. O sayının hangi plana, hangi özelliğe ve hangi birime ait olduğu önemlidir.

Keşfet
Yaklaşık 1 dk okuma
Altyazı ve anlatım alanları planlanmış bir çekim taslağı.
Video

Erişilebilir video çekimden önce planlanır

Video bittiğinde altyazı eklemek önemli bir adımdır; ancak bütün erişilebilirlik sorunları kurgu sonunda çözülemez. Ekrandaki yazının okunabilirliği, anlatımın açıklığı ve ses boşlukları daha erken kararlarla şekillenir..

Keşfet
Yaklaşık 1 dk okuma
Yatay fotoğraf ve telefonda konuya odaklanan dikey kırpımı.
Web

Mobil kapak neden başka türlü kırpılmalı?

Geniş bir kapakta solda ürün, sağda boşluk varsa mobilde ortadan kırpmak ürünü görünmez kılabilir. Görselin küçülmesi ile kadrajın değişmesi aynı işlem değildir.

Keşfet
Yaklaşık 1 dk okuma
Adobe Firefly yazılı levha yanında ışıklandırılmış yaratıcı görsel panelleri.
AI görsel araçları

Adobe Firefly nasıl kullanılır?Görsel üretim rehberi

Metinden görsel üretirken model, oran, kompozisyon ve stil ayarları nasıl seçilir? Firefly’da ilk brief için somut örnekler.

Keşfet
Yaklaşık 2 dk okuma
Büyük temel modüle eklenen küçük uyarlama parçası.
Yapay zekâ

LoRA:modeli tamamen değiştirmeden uyarlamak

Bir modeli belirli bir göreve uyarlamak için her parametresini yeniden eğitmek pahalı olabilir. LoRA, ana ağırlıkları dondurup daha küçük, eğitilebilir ek yapılar üzerinden uyarlama yapmayı araştıran bir yaklaşımdır..

Keşfet
Yaklaşık 1 dk okuma
Perplexity yazılı mavi plaka, araştırma belgeleri ve kaynaklı yanıt ekranı.
AI araştırma araçları

Perplexity nedir, nasıl kullanılır?Kaynaklı araştırma

Perplexity’de bir sorudan kaynaklı yanıta nasıl ilerlenir? Araştırma sorusu yazma, kaynak açma ve yanıtı doğrulama için pratik rehber.

Keşfet
Yaklaşık 2 dk okuma
ChatGPT Images 2.5 yazılı plaka yanında sandalye çizimi ve üretilmiş ürün görseli.
ChatGPT / OpenAI

ChatGPT Images 2.5:Görsel üretiminde neler yeni?

Şablonla başlama, çizimi görsele dönüştürme ve düzenleme: ChatGPT Images 2.5’i bir blog kapağı üretim akışı üzerinden inceleyelim.

Keşfet
Yaklaşık 2 dk okuma
Defter ve tablette ana başlık ile alt başlık hiyerarşisi.
Tasarım

Başlıklar yazının haritasıdır

Uzun bir yazının bütün paragraflarını okumadan ana fikrini anlamak isteriz. Başlıklar bu taramayı mümkün kılar.

Keşfet
Yaklaşık 1 dk okuma
Bulanık ön ve arka planın ortasında net odaklanmış ürün şişesi.
Video

Arka planı bulanıklaştırmak neyi öne çıkarır?

Bir ürün fotoğrafında her şeyin eşit netlikte olması gerekmeyebilir. Alan derinliği, hangi bölgenin net kalacağını belirleyerek bakışı yönlendirmeye yardımcı olur.

Keşfet
Yaklaşık 1 dk okuma
Yedek ve yüklenmiş yazı tiplerinin hizalamasını karşılaştıran ekran.
Web

Font yüklenirken metin neden değişiyor?

Sayfa ilk açıldığında başlık iki satırdır; bir an sonra üç satıra döner. Çoğu zaman bunun nedeni web fontuyla yedek fontun aynı ölçülere sahip olmamasıdır.

Keşfet
Yaklaşık 1 dk okuma
Görev, çözülmüş örnek ve sonuç adımlarını gösteren çalışma kartları.
Yapay zekâ

Adım örnekleri AI yanıtını nasıl etkileyebilir?

Birine yalnızca sonucu göstermekle, sonuca nasıl ulaşıldığını örneklemek farklıdır. Dil modellerinde de isteme eklenen çözüm örnekleri yanıtın biçimini etkileyebilir.

Keşfet
Yaklaşık 1 dk okuma
Arka planı karartılmış, kapatma düğmesi belirgin okuma penceresi.
Tasarım

Açılır pencerenin çıkışı da tasarlanmalı

Bir yazıyı karttan açılan pencerede okumak pratik olabilir. Fakat pencereye girdikten sonra kapatma düğmesini bulamamak veya klavye odağının arkadaki sayfaya kaçması deneyimi bozabilir.

Keşfet
Yaklaşık 1 dk okuma
Aynı vazonun farklı renk ve parlak alan işleme sonuçları.
Video

Aynı render neden farklı görünebilir?

Bir renderın ışığı güçlüdür ama ekranda parlak alanlar ayrıntısını kaybeder. Sorun yalnızca ışık değerlerinde değil, sahne verisinin görüntüye nasıl dönüştürüldüğünde de olabilir.

Keşfet
Yaklaşık 1 dk okuma
Fotoğraf kartları aşamalı yüklenen bir tablet ekranı.
Web

Her görsele lazy loading eklenir mi?

Uzun bir blog arşivinde en alttaki kapağın ilk saniyede indirilmesi şart değildir. Ancak ilk ekrandaki ana görseli de ertelemek, ziyaretçiyi gereksiz yere boş bir alanla karşılaştırabilir.

Keşfet
Yaklaşık 1 dk okuma
İki yanıt arasından değerlendirme yaparak seçim yapan insan.
Yapay zekâ

İnsan geri bildirimi AI’yı neye göre yönlendirir?

Bir metnin dil bilgisi doğru olabilir ama isteği karşılamayabilir. Dil modelini yalnızca olası cümleler üretmekten, verilen talimata daha uygun yanıtlar üretmeye yönlendirmek ayrı bir eğitim problemidir..

Keşfet
Yaklaşık 1 dk okuma
Bir satırı açık, diğerleri kapalı soru-cevap akordeonu.
Tasarım

Akordeon menü ne zaman işe yarar?

Bir sayfada çok sayıda kısa soru varsa bütün yanıtları açık göstermek okumayı uzatabilir. Akordeon, başlıkları görünür tutup ayrıntıları kullanıcı isteğiyle açar.

Keşfet
Yaklaşık 1 dk okuma
Bir topun hareketini ardışık karelerle gösteren baskılar ve zaman çizelgesi.
Video

Tek karelerden video oluşturmanın mantığı

Bir video art arda gösterilen karelerden oluşur. Bu kareleri ayrı dosyalar olarak saklamak, animasyon üretiminde farklı bir kontrol biçimi sağlar.

Keşfet
Yaklaşık 1 dk okuma
Önbellekteki görselle güncel sürümünü karşılaştıran çalışma masası.
Web

Önbellek hızlandırırken eski görseli neden gösterir?

Yeni kapağı yükledin ama bazı ziyaretçiler hâlâ eskisini görüyor. Bu her zaman yüklemenin başarısız olduğu anlamına gelmez.

Keşfet
Yaklaşık 1 dk okuma
Başarısız test, düzeltme ve yeniden deneme ekranı.
Yapay zekâ

AI kendi hatasından not alabilir mi?

Bir işin ilk denemesi başarısız olduğunda, aynı talimatı hiç değiştirmeden tekrar etmek her zaman işe yaramaz. Hatanın ne olduğunu kaydetmek ve sonraki denemeyi bu bilgiyle yönlendirmek daha anlamlı bir strateji olabilir..

Keşfet
Yaklaşık 1 dk okuma
Küçük simgenin etrafında geniş dokunma alanı bulunan telefon.
Tasarım

Küçük ikon, küçük tıklama alanı demek değildir

Mobilde yan yana duran iki küçük simgeden yanlış olana basmak kolaydır. Görsel olarak hafif bir arayüz tasarlamak, dokunulacak alanı da küçültmek zorunda olduğun anlamına gelmez.

Keşfet
Yaklaşık 1 dk okuma
Tamamlanmış ve bekleyen karelerden oluşan render çalışma ekranı.
Video

Uzun renderı tek dosyaya bağlamamak

Saatler süren animasyon çıktısının sonlara doğru kesilmesi can sıkıcıdır. Çıktı stratejisini en başta düşünmek, yalnızca kaliteyi değil toparlanmayı da etkiler.

Keşfet
Yaklaşık 1 dk okuma
Bağımsız yüklenen yazılım modüllerini temsil eden modüler parçalar.
Web

Kullanılmayan ekranın kodunu neden yükleyelim?

Bir ziyaretçi sadece blog yazısı okuyacakken gelişmiş bir editörün bütün kodunu indirmek zorunda kalabilir. Tek paket yaklaşımı geliştirmeyi kolaylaştırsa da ilk açılışa gereksiz iş ekleyebilir.

Keşfet
Yaklaşık 1 dk okuma
Tek başına paragrafla bağlamı korunmuş tam belge karşılaştırması.
Yapay zekâ

Belge parçası tek başına neden anlamsızlaşır?

Bir rapordan yalnızca bu oran geçen yıla göre arttı cümlesini kopardığında hangi orandan söz edildiği kaybolur. Belgeleri küçük parçalara bölerek arayan sistemler de benzer bir bağlam sorunuyla karşılaşabilir..

Keşfet
Yaklaşık 1 dk okuma
Tab tuşu ve seçili kartın odak çerçevesiyle klavye kullanımı.
Tasarım

Klavyeyle gezerken nerede olduğunu görebiliyor musun?

Fare imleci hangi öğenin üzerindeysen onu gösterir. Klavyeyle gezerken aynı işlevi odak göstergesi üstlenir.

Keşfet
Yaklaşık 1 dk okuma
Hareketin hızlanıp yavaşlamasını gösteren S biçimli animasyon eğrisi.
Video

Aynı süre, neden farklı hareket hissi verir?

İki düğme aynı mesafeyi aynı sürede katetse bile farklı hissedebilir. Biri aniden başlayıp yavaşça durur; diğeri başta ağır, sonda hızlı hareket eder.

Keşfet
Yaklaşık 1 dk okuma
Kaynak kullanım sınırlarını gösteren performans paneli.
Web

Performans bütçesi:hızın tasarım karşılığı

Bir sayfa tek bir büyük kararla değil, zaman içinde eklenen küçük dosyalarla da yavaşlayabilir. Yeni font, yeni video ve yeni izleme aracı ayrı ayrı makul görünür.

Keşfet
Yaklaşık 1 dk okuma
Yayın öncesi kontrol noktasında bekleyen otomasyon akışı.
Yapay zekâ

Araç kullanan AI için kontrol molası

Bir AI sistemi birden çok araç kullandığında yeni bilgi, önceki planı değiştirebilir. Takvimde uygun görünen saat başka bir koşulla çakışabilir.

Keşfet
Yaklaşık 1 dk okuma
Durumları renk, simge ve metinle birlikte anlatan görev listesi.
Tasarım

Sadece kırmızı göstermek hatayı anlatmaz

Bir grafikte yeşil iyi, kırmızı kötü olabilir. Fakat renkleri ayırt edemeyen veya ekranı farklı koşullarda kullanan kişi için bu ayrım kaybolabilir.

Keşfet
Yaklaşık 1 dk okuma
Bağlantı noktaları ve eğri tutamaçları görünen vektör yaprak çizimi.
Tasarım

SVG ne zaman fotoğraftan daha doğru seçimdir?

Bir ikon büyüdüğünde kenarlarının kırılması ile fotoğrafın büyüdüğünde bulanıklaşması aynı üretim problemine işaret etmez. SVG, şekilleri ve yolları tanımlayan bir vektör formatıdır.

Keşfet
Yaklaşık 1 dk okuma
Dizüstü bilgisayar ekranında Kaydet düğmesi ve Kaydedildi bildirimi
Web

Site açılıyor, peki düğmeler neden gecikiyor?

Hızlı açılan bir sayfa, tıkladığında yine de donabilir. INP'nin neyi ölçtüğünü ve düğmelerin daha hızlı yanıt vermesi için nereden başlayacağını öğren.

Keşfet
Yaklaşık 2 dk okuma
Tablet ekranında açık Hareketi azalt ayarı ve sabitlenen kart önizlemeleri
Tasarım

Animasyon ne zaman işe yarar, ne zaman yorar?

Her öğenin hareket etmesi gerekmiyor. Dikkati doğru yere taşıyan küçük geçişler tasarla; daha sakin bir deneyim isteyenlere kontrol ver.

Keşfet
Yaklaşık 2 dk okuma
Dışa aktar penceresinde temel alanlar ve açılmış Gelişmiş ayarlar bölümü
Tasarım

Her seçeneği aynı anda göstermek zorunda mıyız?

Önce gerekli seçenekleri göster, ayrıntıları ihtiyaç olduğunda aç. Arayüzü sadeleştirirken önemli bilgileri gizlememenin yolu.

Keşfet
Yaklaşık 2 dk okuma
Kırmızı bir spor ayakkabının genel, yakın ve yan çekimlerini gösteren üç karelik sahne planı
Video

AI video için sahne planı nasıl hazırlanır?

Videonun başında, ortasında ve sonunda ne olacak? Üretime başlamadan önce üç kareyle anlat; sonra her sahneyi ayrı tarif et.

Keşfet
Yaklaşık 2 dk okuma
Fotoğraf düzenleme ekranında dağ manzarası ve belirgin AI ile üretildi etiketi
Yapay zekâ

AI ile üretilen görseller nasıl belirtilir?

Görseli yapay zekâyla hazırladıysan bunu açıkça yaz. Kullanabileceğin bir açıklama örneği ve dosyanın üretim bilgisini saklamanın yolu.

Keşfet
Yaklaşık 1 dk okuma
Yan yana iki telefonda küçük ve sıkışık metin ile büyük ve aralıklı metnin karşılaştırması
Tasarım

Yazılar nasıl daha kolay okunur?

Yazı rengi, boyutu ve satır aralığı okumayı doğrudan etkiler. Sayfandaki metinleri daha rahat okunur yapmak için üç basit adım.

Keşfet
Yaklaşık 2 dk okuma

Aklına takılan bir şey mi var?

Yazıyla ilgili sorunu veya proje fikrini paylaş.

WhatsApp’tan yaz