Yeni Email Tasarımı

E-Posta Tasarımı

About this lesson

Bu öğrenme içeriğinde Email Builder modülünü kullanarak son kullanıcılar için örnek bir Email tasarımını birlikte hazırlayacağız. Örnek Email tasarımı kapsamında en çok oy alan fikirlerin bilgisini kullanıcılara iletecek bir tasarım hazırlayacağız. Bu süreçte Kuika tarafından sunulan Email şablonlarından birini kullanacağız.

Şimdi Email tasarımımızı hazırlamaya başlayalım.

  1. Email Builder görünüm modunu açın.
  2. Yeni bir Email oluşturun.
  3. Email tasarımı için kullanacağınız şablonu seçin.
  4. Body sekmesi aracılığıyla gövde rengini değiştirin.
  5. Şablonda yer alan logoyu uygulama logosu ile değiştirin.
  6. Otomatik genişliği aktif hale getirin.
  7. Row’u seçin ve Row’un içerik arka plan rengini değiştirin.
  8. Email'in başlık metnini seçin.
  9. İçeriğini ve rengini değiştirin.
  10. Ardından Email'in içerik metnini güncelleyin.
  11. Metin boyutunu 22 piksel olarak ayarlayın.
  12. Row’u seçin, arka plan rengini değiştirin.
  13. Mail tasarımında yer alan butonu ve buton altındaki görseli kaldırın.
  14. Mail tasarımına bir Kolon sürükleyin.
  15. Kolon içerisine bir Text sürükleyin.
  16. Text’i ortalayın ve @Image isminde parametre yazın.
  17. Ardından tasarıma bir kolon daha ekleyin ve içerisine bir Text sürükleyin.
  18. Text içeriğini @Suggestion olarak güncelleyin.
  19. Mail tasarımında Divider altında yer alan metin içeriğini güncelleyin.
  20. Devamında Footer’da yer alan sosyal medya linklerini güncelleyin.
  21. Son olarak en altta yer alan Text’i düzenleyin.
  22. Update butonuna tıklayarak tasarımınızı kaydedin.

Böylece örnek bir E-mail tasarımını beraber hazırladık. Benzer bir süreci diğer ihtiyaçlarınız doğrultusunda yürüterek gerçekleştirebilirsiniz.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Bu öğrenme içeriğinde Email Builder modülünü kullanarak son kullanıcılar için örnek bir Email tasarımını birlikte hazırlayacağız. Örnek Email tasarımı kapsamında en çok oy alan fikirlerin bilgisini kullanıcılara iletecek bir tasarım hazırlayacağız. Bu süreçte Kuika tarafından sunulan Email şablonlarından birini kullanacağız.

Şimdi Email tasarımımızı hazırlamaya başlayalım.

  1. Email Builder görünüm modunu açın.
  2. Yeni bir Email oluşturun.
  3. Email tasarımı için kullanacağınız şablonu seçin.
  4. Body sekmesi aracılığıyla gövde rengini değiştirin.
  5. Şablonda yer alan logoyu uygulama logosu ile değiştirin.
  6. Otomatik genişliği aktif hale getirin.
  7. Row’u seçin ve Row’un içerik arka plan rengini değiştirin.
  8. Email'in başlık metnini seçin.
  9. İçeriğini ve rengini değiştirin.
  10. Ardından Email'in içerik metnini güncelleyin.
  11. Metin boyutunu 22 piksel olarak ayarlayın.
  12. Row’u seçin, arka plan rengini değiştirin.
  13. Mail tasarımında yer alan butonu ve buton altındaki görseli kaldırın.
  14. Mail tasarımına bir Kolon sürükleyin.
  15. Kolon içerisine bir Text sürükleyin.
  16. Text’i ortalayın ve @Image isminde parametre yazın.
  17. Ardından tasarıma bir kolon daha ekleyin ve içerisine bir Text sürükleyin.
  18. Text içeriğini @Suggestion olarak güncelleyin.
  19. Mail tasarımında Divider altında yer alan metin içeriğini güncelleyin.
  20. Devamında Footer’da yer alan sosyal medya linklerini güncelleyin.
  21. Son olarak en altta yer alan Text’i düzenleyin.
  22. Update butonuna tıklayarak tasarımınızı kaydedin.

Böylece örnek bir E-mail tasarımını beraber hazırladık. Benzer bir süreci diğer ihtiyaçlarınız doğrultusunda yürüterek gerçekleştirebilirsiniz.

Bu öğrenme içeriğinde Email Builder modülünü kullanarak son kullanıcılar için örnek bir Email tasarımını birlikte hazırlayacağız. Örnek Email tasarımı kapsamında en çok oy alan fikirlerin bilgisini kullanıcılara iletecek bir tasarım hazırlayacağız. Bu süreçte Kuika tarafından sunulan Email şablonlarından birini kullanacağız.

Şimdi Email tasarımımızı hazırlamaya başlayalım.

  1. Email Builder görünüm modunu açın.
  2. Yeni bir Email oluşturun.
  3. Email tasarımı için kullanacağınız şablonu seçin.
  4. Body sekmesi aracılığıyla gövde rengini değiştirin.
  5. Şablonda yer alan logoyu uygulama logosu ile değiştirin.
  6. Otomatik genişliği aktif hale getirin.
  7. Row’u seçin ve Row’un içerik arka plan rengini değiştirin.
  8. Email'in başlık metnini seçin.
  9. İçeriğini ve rengini değiştirin.
  10. Ardından Email'in içerik metnini güncelleyin.
  11. Metin boyutunu 22 piksel olarak ayarlayın.
  12. Row’u seçin, arka plan rengini değiştirin.
  13. Mail tasarımında yer alan butonu ve buton altındaki görseli kaldırın.
  14. Mail tasarımına bir Kolon sürükleyin.
  15. Kolon içerisine bir Text sürükleyin.
  16. Text’i ortalayın ve @Image isminde parametre yazın.
  17. Ardından tasarıma bir kolon daha ekleyin ve içerisine bir Text sürükleyin.
  18. Text içeriğini @Suggestion olarak güncelleyin.
  19. Mail tasarımında Divider altında yer alan metin içeriğini güncelleyin.
  20. Devamında Footer’da yer alan sosyal medya linklerini güncelleyin.
  21. Son olarak en altta yer alan Text’i düzenleyin.
  22. Update butonuna tıklayarak tasarımınızı kaydedin.

Böylece örnek bir E-mail tasarımını beraber hazırladık. Benzer bir süreci diğer ihtiyaçlarınız doğrultusunda yürüterek gerçekleştirebilirsiniz.

Dosyalar

No items found.

Kaynaklar

Sözlük

No items found.

Ödev

E-Posta Tasarımı
Email Builder Temelleri
Şablonların Kullanımı
Yeni Email Tasarımı
Mobil Arayüz Geliştirme
Mobil Ekran Tasarımlarına Giriş
Tabbar Tasarımı
Dashboard Ekran Tasarımım
Form Ekranının Tasarlanması
Listeleme Ekran Tasarımım
Detay Ekran Tasarımı
Mobile UI Prototipleme
Web UI Prototipleme
Aksiyonlarla Çalışmak
Navigasyonlarla Çalışma
Ekran Gösterim Tipleri
Web Prototip Hazırlama
Notify Ekleme
Preview Alma
Web Arayüz Tasarımına Giriş
Web Ekran Tasarımlarına Giriş
Registration Ekran Tasarımı
Header Tasarımı
Master Ekranlarla Çalışma
Menü Tasarımı
Dashboard Ekran Tasarımı
Listeleme Ekran Tasarımı
Form Ekran Tasarımı
Display Ekran Tasarımı
Elementler
Container Elementler
Date and Time Input Elementler
Display Elementler
Text Input Elementler
Numeric Input Elementler
Select Input Elementler
Data Elementler
Navigation Elementler
Interactive Elementler
Chart Elementler
Kuika'da Arayüz Tasarımına Giriş
Kuika Platformu'nda Kullanıcı Deneyimi
Uygulama Arayüz Tasarımı Süreci
Renklerle Çalışma
Boşlukların Tanımı
Yazı Stilleriyle Çalışma
Kompleks Stillerle Çalışma
Mock Data ile Çalışma
Konsept Tasarımı
Wireframe İlk Fikrin Görselleştirilmesi
Konsept Tasarımlarının Hazırlanması
UX Tasarımı
Kullanılabilirlik İlkeleri
Temel Tasarım İlkeleri
Bilgi Mimarisi
Ekranlar Arası Akış
Analiz ve Planlama
Proje Kapsamını ve Hedeflerini Tanımlama
Analiz Dokümanının Okunması
Örnek Diagramlarla Akış Okuma ve İhtiyaçların Tanımlanması
Projenin Planlanması
Designer Eğitim Seti Giriş
Low-Code Nedir?
Kuika Nedir?
Kuika ile Neler Yapabilirsin?
Platform Arayüzünü İnceleyelim
Öğrenim Sürecini Anlamak