Design System ve Development Süreçleri
Yazılımcılar için design system, uygulamanın veya web sitesinin tasarımını ve görünümünü oluşturmak için kullanabilecekleri bir rehberdir diyebiliriz. Bu rehber, tasarımın nasıl görüneceği, hangi renklerin kullanılacağı, hangi tipografiyi kullanacağını, hangi stil ve arayüz elementlerini kullanacakları ve daha fazlasını belirler.
Design system, yazılımcıların tasarım sürecinde karşılaşabilecekleri sorunları ortadan kaldırarak, tasarımcıların ürettiği tasarımı kolayca kodlamalarını sağlar. Bu sayede, yazılımcılar tasarım sürecinde vakit kaybetmeden, uygulamanın veya web sitesinin görünümünü hızlı bir şekilde oluşturabilirler.
Ayrıca, design system, handoff süreçlerinde tutarlılığı sağlar. Tutarlı bir görünüm, kullanıcıların uygulamayı veya web sitesini daha kolay kullanmalarını sağlar. Yazılımcılar, design system sayesinde, tasarımcıların belirlediği kurallara uygun olarak kod yazarak, tasarım ve yazılım arasında tutarlı bir görünüm elde edebilirler.
Yazılımcılar için Design System
Yazılımcılar, design systemi uygulamanın tasarımını oluşturmak için kullanırlar.
Handoff süreci nasıl işler…
- Design system dokümanları okunur: Design system dokümanları, uygulamanın tasarımına dair tüm kuralları, stil rehberlerini, renk paletini, tipografiyi ve arayüz elementlerini içerir. Yazılımcılar, dokümanları okuyarak, tasarım kurallarını anlayabilir ve bunları kodlamada kullanabilirler. Yol göstericidir.
- Kullanılacak elementler çıkartılır: Design system, tasarımın nasıl oluşturulacağına dair belirli elementleri gösterir. Yazılımcılar, bu elementleri componentleştirerek, uygulamayı tasarımına uygun şekilde kodlayabilirler.
- Kodlama için componentler oluşturulur: Design system, belirli componentler içerir. Yazılımcılar, bu componentleri kullanarak, uygulamanın her sayfasını tutarlı bir şekilde tasarlayabilirler. Bunun için, bileşenleri kodlamak üzere bir kütüphane veya framework kullanabilirler. Mesela React, Angular, Vue gibi..
- Tasarım sürecine katılınır: Design system, genellikle tasarımcılar tarafından oluşturulur. Ancak, yazılımcıların da tasarım sürecine katılmaları gerekebilir. Tasarım sürecinde, yazılımcılar, tasarım kurallarını ve componentleri anlamak için tasarımcılarla birlikte çalışabilirler.
- Design system güncellemeleri kontrol edilir: Design system, uygulamada yapılan değişikliklerle güncellenmelidir. Yazılımcılar, bu değişiklikleri design systeme yansıtarak, uygulamanın tasarımını güncel tutabilirler.
Sonuç olarak, design system sadece tasarımların tutarlı olmasının yanısıra handoff süreçlerinede büyük katkı sağlamaktadır.
✨
