UI Tasarımcısı Olmak İçin Sketch A'dan Z'ye

Çizim Talimatı - UI ve UX Tasarımcısı Olun

Dil: Almanca

Çizim Kılavuzu - UI ve UX Tasarımcısı Olun

Sketch, web projelerinin prototiplerini oluşturmak için etkili ve sezgisel bir araçtır. UI ve UX yazılımı kullanarak, web siteleri ve uygulamalar için dinamik kullanıcı arayüzleri oluşturursunuz. Temel bir avantajı; tasarımların web tasarım kurallarına uygun olması nedeniyle geliştirmeye doğrudan uygulanabilir bir sonuç sunarsınız. Luca Kiedrowski'nin beş saatten fazla süren bu öğreticiyle Sketch'i kavrayacak, sizi kavramdan prototipe ve tamamen tasarlanmış bir web arayüzüne doğru uygulamalı olarak yönlendirecektir.

UI ve UX tasarımcısı olun: Sketch ile web siteleri ve uygulamalar için kullanıcı arayüzleri oluşturun.
Hızlı başlangıç için: Sketch, UI ve UX tasarımının temellerini öğrenin.
İlerlemen için: Boole operatörleri gibi ileri düzey tasarım tekniklerini öğren.
Pratik Odaklı Kılavuz: Bir uygulama örneği üzerinden modern bir kullanıcı arayüzü oluşturun.
Geliştiricilerle daha iyi takım çalışması: Ellerine doğrudan gelişmeye hazır prototipler ver.
UI ve UX kavramını 5 saat içinde anlamak: Eğitmen Luca Kiedrowski en iyi uygulama örneklerini gösteriyor.
Bu şekilde öğrenilenler akılda kalır: Katılımcının katılacağı iş malzemeleri içerir.

Google ve Apple da Sketch'i kullanıyor - büyükler gibi yap ve şimdi nasıl sadece güzel değil aynı zamanda kullanıcı dostu ve geliştirilebilir UI tasarımları yapabileceğini öğren.

DETAYLAR

Kullanıma uygun:
İçerik: 5 h Video Eğitimi
Lisans: özel ve ticari Kullanım hakları
Bonus: İş malzemeleri dahilindedir

Kategoriler

Tasarım (İllüstrasyon, Düzen & Baskı)

Sevgiyle oluşturulmuştur:

Luca Kiedrowski

Uygulama örnekleri

Sketch'te tasarlanan bir uygulamanın bulunduğu akıllı telefonlar.

Galeriyi açmak

Örnek: Eğitimde Sketch kullanarak geliştirilebilir bir uygulama oluşturursun.

Sketchte geliştirilen tasarımıyla bir uygulamalı telefon

Galeriyi açmak

Örnek: Antrenörün sana modern UX ve UI tasarımı hakkında ipuçları ve püf noktaları veriyor.

Giriş

Ücretsiz

Çizim Kılavuzu: 1.1 Giriş

Çizgi roman eğitimine hoş geldiniz: Program sayesinde kendi uygulamalarınızı nasıl tasarlayabileceğinizi öğrenin. İşte kursun genel bir bakışı.

Proje dosyasını indirin

Ücretsiz

Çizim Talimatı: 1.2 Sketch nedir?

Sketch" programına kısa bir giriş ve bu programa nasıl erişim sağlayabileceğin hakkında bilgi verilecek.

Çizim Kılavuzu: 1.3 Program Arayüzü

Burada Skeç’i daha iyi tanıyacaksın. Sana tam programı göstereceğim ve onunla nasıl etkili bir şekilde çalışabileceğini öğreneceksin.

Çizim Kılavuzu: 1.4 Araçlar

Sketch, eğer yardımcı araçlar kullanılmasaydı, o kadar harika bir program olmazdı. Bu yardımcı araçları nasıl ekleyeceğini burada öğrenebilirsin.

Çizim Kılavuzu: 1.5 En önemli eklentiler

Eklentiler, Sketch ile daha iyi ve hızlı çalışmanıza yardımcı olur. Hangi eklentilerin size en iyi şekilde yardımcı olabileceğini size göstereceğim.

Çizim Kılavuzu: 1.6 Kütüphaneleri Yükleyin.

Mit Libraries, Apple veya Android'in standart tasarımlarını doğrudan projenize entegre edebilirsiniz.

Çizim Kılavuzu: 1.7 InVision

InVision, Sketch projeeni kolaylaştıran bir araçtır. Burada projeni yapılandırmak için "tel çizimleri" oluşturabilirsin.

Tasarım esasları

Çizim Kılavuzu: 2.1 Renkler

Renkler, uygulamanı renklendirmen için sana olanak sağlar. İşte renkler dünyasına küçük bir giriş.

Çizim Kılavuzu: 2.2 Fontlar

Sosyal ağ "Medium", yazı tiplerinin kullanıcı deneyimini ne kadar etkileyebileceğini göstermektedir. Uygulamanızdaki yazı tipleri çok önemli olabilir.

Prototipler oluşturmak

Çizim Kılavuzu: 3 Prototip oluşturma

Şimdi asıl uygulamaya başlıyoruz.

Ekran Tasarımı

Çizim Talimatı: 4.1 Ana Ekran ve Tasarım Şablonları

Çizim Kılavuzu: 4.1 Ana Ekran ve Tasarım Şablonları

Şimdi asıl projemize cesaret ediyoruz ve Ana Ekran ile başlıyoruz. Ayrıca burada tasarım şablonları nasıl oluşturabileceğimizi öğreneceksiniz.

Çizim Kılavuzu: 4.2 Gruplar oluşturmak ve Metin Stilleri

Çizim Kılavuzu: 4.2 Gruplar oluşturma ve Metin Stilleri

Bu dersimizde, gruplar nasıl oluşturulur ve metin stilleri nasıl kaydedilir ve zaman kazanmak için nasıl kullanılır öğreneceksiniz.

Çizim Kılavuzu: 4.3 Semboller bulma, oluşturma ve uyarlama

İconlar bir uygulamanın önemli bir parçasıdır. Bu videoda, en iyi iconları nerede bulabileceğinizi ve onları projenize nasıl entegre edeceğinizi öğreneceksiniz.

Çizim Eğitimi: 4.4 Sohbet tasarımı oluşturmak, katmanlarla çalışmak

Çizim Kılavuzu: 4.4 Sohbet tasarımı çizmek, katmanlarla çalışmak

Şimdi uygulamamızın sohbetine geçiyoruz. Orada, zaman kazanmak için senin de kullanman gereken katmanlarla çalışıyoruz.

Çizim Kılavuzu: 4.5 iPhone X-Tasarımı

iPhone X, uygulama tasarımında bazı değişiklikler yaptı. Tasarımcılar artık yeni bir ekran şekliyle çalışmak zorundalar. İşte temelleri buradan öğrenebilirsin.

Çizim Kılavuzu: 4.6 Kullanıcı Profili, Bulanıklık Efekti

Efektlerle uygulamanıza ilginç bir tasarım verebilirsiniz. Kullanıcı profilinizde blur efektini kullanıyoruz.

Çizim Kılavuzu: 4.7 Tasarımı bir Aracı olarak Kullanma

Çizim Kılavuzu: 4.7 Tasarımı Araç Olarak Kullanmak

Bu videoda, uygulamanıza son dokunuşu vermek için Tasarımı bir araç olarak nasıl kullanabileceğinizi öğreneceksiniz.

Çizim Kılavuzu: 4.8 Kütüphaneleri kullanma ve Eylem Sayfası oluşturma

Şimdi bir Action Sheet oluşturmak için iOS kütüphanesini kullanıyoruz. Kütüphanelerle tasarlarken sadece zaman kazanmakla kalmaz, aynı zamanda geliştirme sürecinde de zaman kazanırsın.

Tasarımları sağlayın.

Çizim Kılavuzu: 5 Tasarımı InVision'da hazır hale getirin.

Taslak Eğitimi: 5 Tasarımı InVision'da sunmak

Uygulamanız geliştirilecekse, geliştiricilerinize tasarımlarınızı sağlamanız gerekir. Bu ders'te, tasarımlarınızı InVision'da nasıl sağlayacağınızı öğreneceksiniz.

Önemli bilgiler sağlamak

Çizim Eğitimi: Uygulamaya 6 yardım ekle.

Çizim Kılavuzu: Uygulamaya 6 yardım ekleme

Uygulama kullanıcıları sıklıkla doğru düğmeleri bulamaz veya açıkça anlaşılmayan diğer soruları olabilir. Bu nedenle bir soru ve cevap bölümü oluşturuyoruz.

Uzman Tasarım

Çizim Kılavuzu: 7.1 Düz Tasarım Grafikleri Oluşturulması

Çizim Kılavuzu: 7.1 Düz Tasarım Grafikleri Oluşturmak

Projeleriniz için sıkı son teslim tarihleriniz olduğunda, genellikle her şeyi kendiniz tasarlamak için zamanınız olmaz. Yardım alabileceğiniz şekil ve yerleri burada öğrenebilirsiniz.

Çizim Kılavuzu: 7.2 Ev Yenileme

Ana ekranımızda hala geliştirmemiz gereken çok şey var. Bu yüzden ilk ekranımızı yeniden tasarlıyoruz.

Çizim Talimatı: 7.3 Kullanıcı Deneyimi Satın Alma İşlemi

Bir kullanıcının satın alma işlemi sorunsuz bir şekilde ilerlemelidir, çünkü bu, kullanıcı akışının en hassas anlarından biridir.

Sketch'teki yenilikler

Sketch-Tutorial: 8 Prototyping in Sketch
Çizim Kılavuzu: Skate'te Prototipleme

Çizim Kılavuzu: Sketch'te Prototipleme

Sketch'in yeni sürümünde, bir prototip doğrudan Sketch içinde oluşturabilirsin.

İçerik detayları

Mobil UI ve UX Tasarımını Anlamak ve Sketch ile Uygulamak
Uygulama, web sitesi veya blog - Sketch ile UI ve UX kavramını hayata geçirin. Eğitmen Luca Kiedrowski'nin beş saatten fazla süren video eğitimi sayesinde programın tüm temellerini hızla öğrenir ve kısa bir süre sonra etkileşimli bir uygulama tasarımı örnek projesi üzerinde yoğun bir şekilde çalışırsınız.

Bu Sketch eğitimini izlemeniz gereken nedenler

UI ve UX tasarımında doğrudan profesyonel bir araca yatırım yaparsınız, çünkü Google, Facebook ve Apple gibi tanınmış şirketler de Sketch'i kullanıyor. Programın sezgisel kullanımı sayesinde hızlıca programı öğrenir ve kısa sürede sunulabilir sonuçlar elde edersiniz.

Tasarım geçmişiniz olsun veya olmasın: Sketch eğitimi genel olarak UI ve UX tasarım alanına giriş yapmak için mükemmel bir seçenektir ve özellikle kendi Sketch uygulama tasarım fikirlerinizi hayata geçirmek için uygundur. Temel ve uygulama bir arada!

Web ve baskı için tasarımlar yaptıysanız (örneğin Photoshop veya Illustrator ile): Tasarımlarınızı ve ikonlar veya semboller gibi belirli unsurları dinamik ve geliştirilebilir UI tasarımlarına aktarma becerisini kazanın. Web tasarımı alanındaki bilgi birikiminiz, CV'nize çok daha fazlasıyla değer katmaktadır.

Web geliştiricilerle işbirliğinizi geliştirin: Sketch kullanarak, web tasarım kurallarına dayanan kullanıcı arayüzlerini hazırlarsınız. Bu sayede geliştirme ekibine doğrudan uygulanabilecek tasarımlar sunarsınız. Bu şekilde kavram ve tasarımın geliştirilmiş bir web uygulamasına dönüşüm sürecini kısaltırsınız.

Sıfırdan Z'ye Sketch ile UI ve UX Tasarımı

Sketch eğitiminin odak noktası programın pratik kullanımıdır ve sağlayıcı tarafından ücretsiz deneme sürümü olarak sunulmaktadır. Eğitmeninizle birlikte bir uygulama tasarımını adım adım geçerek tüm aşamalardan geçersiniz, bir eskizden başlayarak bitmiş UI tasarımına ulaşana kadar. Eğitim materyalleri eğitimle birlikte sunulur, böylece doğrudan uygulamaya geçebilirsiniz:

İlk olarak uygulamanızın kullanıcı arayüzünün nasıl görüneceğine dair bir öncelik çizimi yaparsınız. Sonrasında tasarım üzerinde hemen çalışmaya başlarsınız. Başlangıç ekranını oluşturursunuz, gruplar, katmanlar ve metin stilleriyle çalışırsınız ve uygun ikonları seçersiniz. Bir sohbet, bir yardım ve bir kullanıcı profili tasarımı yaparsınız ve kütüphaneler, eylem sayfaları ve efektlerle nasıl çalışacağınızı öğrenirsiniz. Sonunda, bir tamamlanmış UI tasarımı elde edersiniz ki, Sketch'in 52. sürümünde bu tasarımdan gerçek bir prototip oluşturabilirsiniz.

Temel Sketch ve UI tasarımı hakkında en önemli bilgileri önceden öğrenirsiniz. Böylece arayüzde hızla gezinir, en önemli eklentileri ve araçları tanırsınız ve yazı tipleri ve renklerin etkili kullanımını bilirsiniz. Eğitmeniniz ayrıca, Sketch'i ne zaman, örneğin Wireframe aşamasında, InVision ile birleştirmenin uygun olacağını gösterecektir.