Genel Bakış
ikas Studio ile adım adım tema bölüm ve bileşenlerini oluşturmayı öğreten örnekler.
Bu bölümde, ikas Studio'nun temel özelliklerini pratik örnekler üzerinden adım adım öğreneceksiniz. Her örnek, gerçek bir e-ticaret senaryosunu ele alarak bölüm ve bileşenlerin nasıl oluşturulduğunu, yapılandırıldığını ve birbirleriyle nasıl etkileşime girdiğini gösterir.
Anlatım akışı
Her adım sayfası, önce tüm işlemlerin uygulandığı bir video ile başlar. Videoyu izledikten sonra alt kısımda yer alan yazılı anlatımda aynı adımlar detaylı olarak açıklanır ve araya önemli bilgiler, ipuçları ve uyarılar eklenir. Önce videoyu izleyerek genel akışı kavramanızı, ardından yazılı içerikle birlikte adımları uygulamanızı öneriyoruz.
Önceki örneklerde detaylı olarak anlatılmış adımlar, sonraki örneklerde kısa ve özet şekilde aktarılır. İlk kez karşılaşılan bir kavram veya işlem olduğunda ise o adımda detaylı açıklama yapılır. Bu yüzden temel örnekleri sırasıyla inceleyip uygulamanız önerilmektedir.
Stil değerleri
Örneklerde kullanılan stil değerleri (renk, boyut, aralık vb.) doküman içerisinde belirtilmemiştir. Anlatım esnasında uygulanan stiller, oluşturulan bölüm ve bileşenlerin yapısının net şekilde anlaşılabilmesi amacıyla wireframe yaklaşımıyla seçilmiştir. Uygulama esnasında videolarda girilen değerleri birebir uygulayabilir veya oluşturacağınız temaya özel kurgulayacağınız tasarım detaylarına uygun stilleri kullanarak devam edebilirsiniz.
Varsayılan yazı stili
Örneklerdeki tasarım güncellemeleri, Global Değerler altındaki Yazı Stilleri kısmından font-size değeri 14px olan ve varsayılan yazı tipi ayarlanmış bir yazı stili ile yapılmaktadır. Eklediğiniz yazı elementlerinin boyutu veya görünümü örneklerden farklıysa kendi projenizde varsayılan yazı stilinizi ayarladığınızdan emin olun. Yazı stilleri hakkında daha detaylı bilgi için Yazı Stilleri sayfasını inceleyebilirsiniz.