Site Title

UI/UX Tasarım Eğitimi

UI/UX Tasarım Eğitimi: Profesyonel Kullanıcı Deneyimi

* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: -apple-system, BlinkMacSystemFont, ‘Segoe UI’, Arial, sans-serif;
background: linear-gradient(135deg, rgba(168, 85, 247, 0.95) 0%, rgba(126, 34, 206, 0.95) 100%),
url(‘https://images.unsplash.com/photo-1561070791-2526d30994b5?auto=format&fit=crop&w=1920&q=80’);
background-size: cover;
background-position: center;
background-attachment: fixed;
color: #fff;
min-height: 100vh;
}
.hero-section {
padding: 60px 40px 80px;
background: linear-gradient(135deg, rgba(168, 85, 247, 0.92) 0%, rgba(126, 34, 206, 0.92) 100%),
url(‘https://images.unsplash.com/photo-1586717791821-3f44a563fa4c?auto=format&fit=crop&w=1920&q=80’);
background-size: cover;
background-position: center;
position: relative;
}
.container {
max-width: 1340px;
margin: 0 auto;
padding-right: 420px;
}
.course-content {
max-width: 900px;
}
h1 {
font-size: 42px;
margin-bottom: 20px;
line-height: 1.2;
color: #FDE047;
font-weight: 700;
text-shadow: 2px 2px 8px rgba(0,0,0,0.3);
}
.course-subtitle {
font-size: 20px;
margin-bottom: 20px;
color: #ffffff;
opacity: 1;
line-height: 1.4;
text-shadow: 1px 1px 4px rgba(0,0,0,0.3);
}
.rating {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 12px;
}
.rating-number {
color: #ffd700;
font-weight: bold;
font-size: 18px;
}
.stars {
color: #ffd700;
font-size: 18px;
}
.rating span {
color: #fff;
}
.instructor {
font-size: 16px;
margin-bottom: 16px;
color: #fff;
}
.instructor a {
color: #FDE047;
text-decoration: underline;
}
.course-stats {
display: flex;
gap: 24px;
font-size: 15px;
color: #fff;
}
.sidebar-card {
position: fixed;
top: 50%;
right: 40px;
transform: translateY(-50%);
width: 340px;
background: #fff;
padding: 36px 28px;
border-radius: 12px;
box-shadow: 0 8px 24px rgba(0,0,0,.2);
z-index: 100;
text-align: center;
}
.contact-title {
font-size: 26px;
font-weight: 700;
color: #1c1d1f;
margin-bottom: 14px;
}
.contact-subtitle {
font-size: 16px;
color: #6a6f73;
margin-bottom: 28px;
line-height: 1.5;
}
.whatsapp-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 12px;
width: 100%;
background: #25D366;
color: #fff;
text-decoration: none;
padding: 18px 24px;
font-size: 18px;
font-weight: 700;
border-radius: 10px;
transition: all 0.3s;
box-shadow: 0 4px 12px rgba(37, 211, 102, 0.3);
}
.whatsapp-btn:hover {
background: #20BA5A;
transform: translateY(-2px);
box-shadow: 0 6px 16px rgba(37, 211, 102, 0.4);
}
.whatsapp-icon {
font-size: 28px;
}
.contact-info {
margin-top: 24px;
padding-top: 24px;
border-top: 1px solid #e8e8e8;
font-size: 14px;
color: #6a6f73;
}
.content-section {
background: rgba(248, 249, 250, 0.95);
padding: 60px 40px;
}
.white-box {
background: #fff;
color: #1c1d1f;
padding: 40px;
border-radius: 8px;
margin-bottom: 24px;
box-shadow: 0 2px 8px rgba(0,0,0,.08);
}
.white-box h2 {
margin-bottom: 20px;
font-size: 28px;
color: #1c1d1f;
}
.objectives {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.objective-item {
display: flex;
gap: 12px;
font-size: 15px;
}
.checkmark {
color: #a855f7;
font-weight: bold;
font-size: 18px;
}
.curriculum {
background: #fff;
color: #1c1d1f;
padding: 40px;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0,0,0,.08);
}
.curriculum h2 {
margin-bottom: 12px;
font-size: 28px;
}
.curriculum-info {
margin-bottom: 28px;
font-size: 15px;
color: #6a6f73;
}
.section {
border: 1px solid #d1d7dc;
margin-bottom: 8px;
border-radius: 4px;
overflow: hidden;
}
.section-header {
background: #f7f9fa;
padding: 18px 24px;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
font-weight: bold;
transition: background 0.2s;
}
.section-header:hover {
background: #eef0f2;
}
.section-meta {
font-size: 14px;
color: #6a6f73;
font-weight: normal;
}
.section-content {
display: none;
}
.section.active .section-content {
display: block;
}
.lecture {
padding: 14px 24px;
border-top: 1px solid #e8e8e8;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 14px;
}
.lecture:hover {
background: #f8f9fa;
}
.lecture-title {
display: flex;
align-items: center;
gap: 12px;
}
.requirements {
background: #fff;
color: #1c1d1f;
padding: 40px;
border-radius: 8px;
margin-bottom: 24px;
box-shadow: 0 2px 8px rgba(0,0,0,.08);
}
.requirements h2 {
margin-bottom: 20px;
font-size: 28px;
}
.requirements ul {
list-style: disc;
padding-left: 24px;
}
.requirements li {
margin-bottom: 12px;
font-size: 15px;
line-height: 1.6;
}
@media (max-width: 1024px) {
.container {
padding-right: 40px;
}
.sidebar-card {
position: static;
transform: none;
margin: 40px auto;
max-width: 400px;
}
}
@media (max-width: 768px) {
h1 {
font-size: 32px;
}
.objectives {
grid-template-columns: 1fr;
}
.hero-section, .content-section {
padding: 40px 20px;
}
}

UI/UX Tasarım Eğitimi: Profesyonel Kullanıcı Deneyimi

Kullanıcı deneyimi ve arayüz tasarımının temellerini öğrenin. Figma ve Adobe XD ile profesyonel tasarımlar oluşturun. 2025 güncel müfredat

4.8
★★★★★
(8.542 değerlendirme)
28.316 öğrenci
Oluşturan İhsan Talha Şimşek
📅 Son güncelleme: 11/2024
🌐 Türkçe
📝 Türkçe altyazılı
Eğitim Almak İster misiniz?
Kurslarımız hakkında detaylı bilgi almak ve kayıt olmak için bizimle iletişime geçin

💬
WhatsApp ile İletişime Geç

7/24 size yardımcı olmaya hazırız

Öğrenecekleriniz

✓
Kullanıcı deneyimi (UX) tasarım prensiplerini öğreneceksiniz
✓
Figma ile profesyonel arayüz tasarımları yapabileceksiniz
✓
Adobe XD ve Sketch araçlarını kullanabileceksiniz
✓
Wireframe ve prototip oluşturabileceksiniz
✓
Kullanıcı araştırması ve testleri yapabileceksiniz
✓
Responsive ve mobil tasarım yapabileceksiniz
✓
Design system oluşturabileceksiniz
✓
Profesyonel portföy hazırlayabileceksiniz

Kurs içeriği

14 bölüm • 156 ders • 35sa 20dk toplam uzunluk
▼ UI/UX Tasarıma Giriş
8 ders • 1sa 10dk
▶
UI ve UX Nedir? Farkları
12:25
▶
Tasarım Düşüncesi (Design Thinking)
15:40
▶
Kullanıcı Odaklı Tasarım
10:15
▶
Tasarım Araçlarına Genel Bakış
08:30
▶ Figma Temelleri
16 ders • 3sa 05dk
▶
Figma Arayüzü ve Temel İşlemler
18:20
▶ Tasarım Prensipleri
12 ders • 2sa 25dk
▶ Renk Teorisi ve Tipografi
14 ders • 2sa 40dk
▶ Wireframe ve Prototyping
15 ders • 3sa 15dk
▶ Kullanıcı Araştırması
10 ders • 2sa 10dk
▶ Information Architecture
9 ders • 1sa 50dk
▶ Interaction Design
13 ders • 2sa 35dk
▶ Responsive Tasarım
11 ders • 2sa 20dk
▶ Design Systems
12 ders • 2sa 45dk
▶ Kullanılabilirlik Testleri
10 ders • 2sa 05dk
▶ Adobe XD ve Sketch
13 ders • 2sa 50dk
▶ Proje: E-Ticaret Uygulaması
16 ders • 3sa 40dk
▶ Portföy Hazırlama
9 ders • 2sa 05dk

Gereksinimler

  • Temel bilgisayar kullanım bilgisi
  • Windows veya Mac işletim sistemli bir bilgisayar
  • İnternet bağlantısı
  • Figma hesabı (ücretsiz olarak oluşturabilirsiniz)
  • Hiçbir tasarım deneyimi gerekmez, sıfırdan başlayabilirsiniz
  • Öğrenmeye ve yaratıcılığa açık olmak

Açıklama

Profesyonel UI/UX Tasarımcısı Olun!

Kullanıcı deneyimi ve arayüz tasarımını sıfırdan öğrenin ve dijital ürünler için profesyonel tasarımlar oluşturun.
Bu kapsamlı kurs, 35 saatlik video içeriği ve gerçek projelerle Figma, Adobe XD ve modern tasarım prensiplerini öğretecek.

Neden Bu Kurs?

  • 🎨 UI/UX tasarımcısı olarak kariyer yapmak istiyorsanız
  • 💼 Freelance tasarımcı olarak çalışmak istiyorsanız
  • 🚀 Kendi ürününüzü tasarlamak istiyorsanız
  • 📱 Mobil ve web uygulamaları tasarlamak istiyorsanız
  • 🎯 Profesyonel portföy oluşturmak istiyorsanız
  • 💡 Kullanıcı odaklı tasarım yapmak istiyorsanız
  • 🔧 Figma ve Adobe XD öğrenmek istiyorsanız
  • 🌟 Design thinking metodunu uygulamak istiyorsanız

Kurs Boyunca Öğrenecekleriniz:

  • UX Temelleri: Kullanıcı araştırması, persona oluşturma, user journey
  • UI Tasarımı: Arayüz tasarımı, görsel hiyerarşi, grid sistemleri
  • Figma: Profesyonel seviyede Figma kullanımı
  • Adobe XD: Prototipleme ve tasarım işlemleri
  • Wireframing: Low-fidelity ve high-fidelity wireframe’ler
  • Prototyping: İnteraktif prototipler oluşturma
  • Renk Teorisi: Renk psikolojisi ve kombinasyonları
  • Tipografi: Font seçimi ve tipografik hiyerarşi
  • Design Systems: Bileşen kütüphaneleri oluşturma
  • Responsive Design: Çoklu ekran tasarımları
  • Accessibility: Erişilebilir tasarım prensipleri
  • Usability Testing: Kullanılabilirlik testleri yapma
  • Design Thinking: Yaratıcı problem çözme
  • Portfolio: Profesyonel portföy hazırlama

Pratik Projeler:

  • 🛒 E-ticaret mobil uygulaması
  • 🏦 Bankacılık uygulaması
  • 📱 Sosyal medya platformu
  • 🍔 Yemek sipariş uygulaması
  • 🎵 Müzik çalar uygulaması
  • ✈️ Seyahat rezervasyon sitesi
  • 💪 Fitness takip uygulaması
  • 📚 E-öğrenme platformu
  • 🏠 Emlak arama uygulaması
  • 💬 Messaging uygulaması

Kimler İçin Uygun?

  • 🎨 UI/UX tasarım öğrenmek isteyen herkes
  • 🖥️ Grafik tasarımcılar
  • 💻 Web geliştiriciler
  • 📱 Ürün tasarımcıları
  • 🚀 Girişimciler ve startup kurucuları
  • 💼 Kariyer değişikliği yapmak isteyenler
  • 🎓 Öğrenciler
  • 📊 Dijital pazarlama uzmanları
  • 🎯 Freelance çalışmak isteyenler

Kurs Sonunda Kazanımlarınız:

  • ✅ Profesyonel UI/UX tasarımları yapabileceksiniz
  • ✅ Figma’yı profesyonel seviyede kullanabileceksiniz
  • ✅ Kullanıcı araştırması yapabileceksiniz
  • ✅ Wireframe ve prototip oluşturabileceksiniz
  • ✅ Design system hazırlayabileceksiniz
  • ✅ Responsive tasarımlar yapabileceksiniz
  • ✅ Kullanılabilirlik testleri gerçekleştirebileceksiniz
  • ✅ Profesyonel portföye sahip olacaksınız
  • ✅ Freelance iş alabileceksiniz
  • ✅ UI/UX tasarımcısı olarak iş bulabileceksiniz

Bonus İçerikler:

  • 🎨 100+ Figma component kütüphanesi
  • 📦 Design system şablonları
  • 🎯 UI pattern kütüphanesi
  • 📝 UX research şablonları
  • 💡 Renk paleti koleksiyonu
  • ✏️ Icon set’leri
  • 📚 Typography rehberi
  • 🔧 Figma plugin listesi
  • 💼 Portföy hazırlama rehberi
  • 📊 Mülakat soruları ve cevapları

<p style