Bu rehberde, marka adı vermeden, yaygın olarak kullanılan bulut tabanlı arayüz tasarım aracını sıfırdan öğrenmek isteyen arkadaşlara altı haftalık bir yol haritası önereceğim. Her hafta için günlük yaklaşık 45 dakika ayırabilen biri için planladım. Birinci hafta: temel kavramlar Önce arayüzü tanı. Tuval, panel, katman, çerçeve, sayfa kavramlarını oturt. İlk üç gün sadece boş çerçeveler oluştur, içine basit dikdörtgenler ekle, taşı, kopyala, hizala. Dördüncü gün hizalama ve dağıtma araçlarını dene. Beş ve altıncı gün katman organizasyonu, isimlendirme, gruplama. Yedinci gün küçük bir egzersiz: dört ekranlı sahte bir mobil uygulama planı. İkinci hafta: bileşen mantığı Ana bileşen ve örnek bileşen arasındaki farkı kavramak bu haftanın ana hedefi. Bir buton bileşeni oluştur, varyasyonlarını tanımla. Ardından örneklerinde sadece üst metin değişsin diye düzenle. Otomatik düzen özelliğine giriş yap. Bu özellik, kart, liste, navigasyon gibi tekrar eden yapıların yarısına yakın iş yükünü azaltıyor. Üçüncü hafta: tipografi ve renk stilleri Metin stilleri ve renk stillerini paylaşılan bir kütüphane olarak kurmayı öğren. Tüm çerçevelerin bu stilleri kullanmasını sağla. Type hierarchy'yi doğru kurmak için en az dört seviye (başlık, alt başlık, gövde, küçük metin) tanımla. Renk tarafında semantic isimlendirme kullan: yüzey, içerik, vurgu, hata gibi. Dördüncü hafta: prototipleme Akış oluştur, durumdan duruma geçişler yap, basit etkileşimleri tanımla. Bu hafta sonunda tek tıkla gezilebilen küçük bir prototipin olmalı. Beşinci hafta: ekip çalışması ve dosya yönetimi Sayfa düzenleme, dosya hiyerarşisi, yorumlama, bileşen kütüphanesi yayımlama gibi konular. Tek başına çalışsan bile bu kasları geliştirmek, sonradan ekipte rahatlık sağlar. Altıncı hafta: küçük bir bitirme projesi Kendi seçtiğin bir mobil uygulama fikrini sekiz ekran olarak tasarla. Stil, bileşen, otomatik düzen ve prototipleme katmanlarını birlikte kullan. Bitirdiğinde ilk portföy parçanı çıkarmış olursun. Kaçınılması gereken hatalar: kütüphane kurmadan tasarım yapmak, otomatik düzeni atlayıp her şeyi elle hizalamak, bileşen oluşturmadan kopyala-yapıştır ile büyütmek. Bu üç hata, ileride yeniden başlamanıza neden olur. Sorularınızı altta cevaplamaya çalışırım.