iPhone İçin Chat Uygulaması UI Tasarımı

Adım adım Photoshop ve Illustrator'de Mobil UI Tasarımı
Rating: 4.8 out of 5 (153 ratings)
8,991 students
Turkish
iPhone İçin Chat Uygulaması UI Tasarımı
Rating: 4.8 out of 5 (153 ratings)
8,991 students
Login ekranı wireframe’ni hazırlamak
Menu ekranı wireframe’ni hazırlamak
Chat List ekranı wireframe’ni hazırlamak
Chat ekranı wireframe’ni hazırlamak
Iconlar için dosya oluşturmak ve Grid ayarlarını düzenlemek
Icon Guideline oluşturmak ve Layer penceresini organize etmek
Chat icon’u çizmek
Favorite List icon’u çizmek
Recents icon’u çizmek
Contact List icon’u çizmek
Settings iconu çizmek
Share icon’u çizme
Blur background hazırlamak
Login ekranı Dropdown menu ve Text input elemanlarını tasarlamak
Send butonu hazırlamak
Kullanıcı profil imajı alanı ve status bilgileri bölümünü hazırlamak
Menu icon’larını Illustrator’den import etmek
Smart Obje nedir?
Chat List Header tasarımı
Kullanıcı avatar ve status durumunu yerleştirmek
Mesaj durumlarını belirlemek
Diğer olası durumları belirlemek
Chat ekranı Header tasarımı
Tek satır text mesaj alanı tasarlamak
Çoklu satır text alanı tasarlamak
Mesaj ve fotoğraf önizleme alanı tasarlamak
Sesli mesaj alanı için görsel tasarım
Mesaj gönderim alanını tasarlamak
Tüm ekranların layer’larını türlerine göre gruplamak
Sayfaları PNG export etmek
Online Mockup aracı ile sayfa geçişlerini online test etmek

Requirements

  • Temel Photoshop ve Illustrator bilgisi
  • UI konusunda başlangıç seviyesinde olanlar

Description

Adım adım mobil ortamı için bir uygulamanın UI Tasarımı nasıl yapılır ve UI tasarımı yaparken dikkat etmeniz gereken genel bilgileri bulabilceksiniz. Ayrıca UI elemanları dizayn ederken, hizalamadan planlamaya kadar bir çok süreci görebileceksiniz.

  • Wireframe'ler hazırlamak
  • Görseller oluşturmak
  • Icon'lar çizmek
  • UI elemanları yerleşimde neler dikkate alınır
  • Efektler
  • İnteraktif durumları tasarlamak
  • Hizalamalar ve text size'larını belirmek
  • Planlamalar yapmak
  • Programlar arasında ortak geçişler
  • Butonlar tasarlamak
  • Alternatifler üretmek
  • Artboard'lar ile çalışmak
  • Mockup denemeleri

Who this course is for:

  • Photoshop'da UI tasarımı ile ilgilenenler
  • Illustrator çizim elemanları hakkında bilgi almak isteyenler
  • UI tasarımı konusunda uzmanlaşmak isteyenler
  • Mobil UI tasarımı ilgi alanları olanlar

Course content

8 sections • 46 lectures • 5h 36m total length
  • Kurs Programı
    04:42
  • Adobe Photoshop Artboard yapısına genel bir bakış
    05:48
  • Adobe Photoshop program arayüz ayarları
    06:32
  • Adobe Illustrator Artboard yapısına genel bir bakış
    04:19
  • Adobe Illustrator arayüz ayarları
    02:50

Instructor

UI / UX Designer
Ramazan Yildiz
  • 4.6 Instructor Rating
  • 653 Reviews
  • 17,742 Students
  • 3 Courses

2003'den bu yana konvansiyonel ve dijital bir çok reklam ajansında grafiker ve UI tasarım uzmanı olarak çalıştım. Son 5 yıl ise oyun sektöründe UI Direktör olarak görevler aldım. UI ve UX alanında bir çok freelance ve tam zamanlı projelerde yer aldım. Şu an yurtdışında online bankacılık alanında bir firmaya UX danışmanlığı yapmaktayım.