---
title: "Tasarım ve mockup'lar"
description: "Geliştirmeden önce görsel taslaklar üretin, editörde inceltin ve değişikliği yönlendirecek tasarımı onaylayın."
url: https://evonx.ai/tr/docs/evolve/design-and-mockups
locale: tr
updated: 2026-09-04
---

# Tasarım ve mockup'lar

Geliştirmeden önce görsel taslaklar üretin, editörde inceltin ve değişikliği yönlendirecek tasarımı onaylayın.

Görsel değişikliklerde görmek, anlatmaktan iyidir. Kod yazılmadan önce bir Evrim
Akışı mockup'lar üretebilir — kurmayı planladığı ekranların gerçekçi resimleri —
böylece değiştirmenin hâlâ bedava olduğu aşamada yönü siz onaylarsınız.

## Mockup'lar akışa nasıl oturur?

Bir akışın planı görünür arayüz içeriyorsa, tasarım aşaması etkilenen ekranların
bir veya birden çok mockup'ını üretir. Bunlar akışın zaman çizelgesinde planın
yanında durur; tartışma ("durum rozetini büyüt, kenar çubuğunu kaldır") uygulamadan
önce yapılır, sonra değil.

1. Akıştaki mockup'ları inceleyin. Her biri isteğinizin somut bir yorumudur —
   yerleşim, hiyerarşi ve içerik, uygulamanızın stilinde.

2. Kendi cümlelerinizle tepki verin: birini seçin, fikirleri birleştirin veya
   farklı yönde yeni bir tur isteyin. Görsel üzerinde yinelemek, kurulmuş ekran
   üzerinde yinelemekten çok daha ucuzdur.

3. Piksel düzeyinde kontrol mü gerekiyor? Mockup'ı **mockup editöründe** açın,
   doğrudan düzenleyin ve düzenlenmiş halini akışa kaydedin.

4. Onaylayın. Onaylanan mockup, uygulama aşamasının referansı olur.

> **Tip**
> "Ben bunu kastetmemiştim"i yakalamanın doğru yeri mockup'lardır. Bir yerleşimi
> birkaç mesajda kelimelerle anlatmaya başladıysanız, onun yerine bir mockup turu
> isteyin — veya aklınızdakinin fotoğrafını ya da karalamasını ekleyin.

## Mockup ne zaman atlanır?

Her değişiklik tasarım gerektirmez: bir API değişikliği, yeni bir dışa aktarma,
bir hata düzeltmesi plandan doğrudan uygulamaya geçer. Görsel bir kontrol noktası
istiyorsanız mockup'ı her zaman açıkça isteyebilirsiniz.

## İlgili sayfalar

- [Kullanıcı akış diyagramları](/tr/docs/evolve/user-flow-diagrams) — yapısal
  karşılık: pikseller yerine ekranlar ve yollar.
- [Evrim Akışı nedir?](/tr/docs/evolve/evolution-threads) — tasarım aşamasının tüm
  akıştaki yeri.