Tasarım sistemi nedir?
Bir tasarım sistemi, bir araya getirilerek sayısız yeni uygulama inşa etmenizi sağlamak amacıyla yeniden kullanılabilir komponentler ve net tanımlanmış standartlardan oluşan bir koleksiyondur.
Bir tasarım sistemi ile bir stil rehberinin ya da patern kütüphanesinin farkı nedir?
Bir tasarım sistemi, sadece dijital ürünler oluşturabilmenizi sağlayan varlıklar ve bileşenlerin bir koleksiyonu değildir. Intercom’un Ürün Tasarım Direktörü Emmet Connolly’ye göre,
Çoğu tasarım sistemi sadece birer patern kütüphanesinden ibarettir: sayısız şekilde bir araya getirilebilen kocaman bir kutu dolusu arabirim tasarımı lego parçası. Bütün bu parçalar birbirleriyle uyumlu olabilir fakat bu, bu parçalar birleştirilince ortaya çıkan şeylerin birbiriyle uyumlu olacağının garantisini vermez. Ürününüz, yeniden kullanılabilir arabirim (UI) öğelerinden çok daha fazlasıdır: Bir yapısı vardır ve bir anlama sahiptir. Ürününüz standart bir web sayfası değil, konseptlerden oluşan bir sistemin vücut bulmuş halidir.
InVision ürün tasarımcılarından Marco Suarez ise şunu ekliyor:
Tasarım sistemlerine yönelik olarak “Ne?” sorusuna ek olarak, “Neden?” sorusunun yanıtını da anlamak, fevkalade bir kullanıcı deneyimi yaratabilmek için elzemdir. Standartları tanımlamak ve bu standartlara bağlı kalmak, bu anlayışı oluşturan şeydir.
Daha basitçe ifade edecek olursak; fark, standartlarda ve varlıklara eşlik eden belgelerde yatıyor. Tasarım komponentleri, onları neden ve nasıl kullanabileceğinize yönelik bir rehberle, daha kolay kullanılabilir ve daha net ayrıştırılabilir hale gelir.
Bir tasarım sistemiyle çalışmak neden önemli?
Bunun iki yanıtı var: tasarım kalitenizi artırmak ve zamanınızı verimli kullanmak. Bir şeyi tekrar tekrar kullanıyorsanız, onu her seferinde en baştan tasarlamak hem zaman kaybettirir hem de gözetmeniz gereken onlarca unsur varken odaklanmanızı zorlaştırır. Sonuç: iyi yönetilememiş bir tasarım süreci ve maalesef, yetersiz ya da kötü tasarım.
Tecrübeli arayüz tasarımcısı Ersin Çelik, bu video eğitim programında Sketch’te sembol oluşturmadan bir tasarım sistemine giden yolu baştan sona tüm detaylarıyla ve uygulamalı olarak anlatıyor.
Bu eğitim programında neler var?
Sketch ile tasarım sisteminin yapı taşları olan butonlar için sembol nasıl oluşturulur?
Farklı işlevler gören butonlar için semboller nasıl oluşturulur?
Farklı input elementleri için semboller nasıl oluşturulur?
Pratik ders: Yaratılan semboller ile mobil giriş sayfası nasıl tasarlanır?
