Border (Kenarlık)

Kuika'nın sunduğu Border özellikleri ile tasarımlarınıza profesyonel bir görünüm kazandırabilirsiniz. Dış kenarlara çizgi ekleyebilir ve bu çizgilerin özelliklerini kolayca özelleştirebilirsiniz. Bir elementin etrafına eklediğiniz kenar çizgilerinin rengini, kalınlığını, türünü ve köşe eğimlerini detaylı bir şekilde belirleyerek tasarımınızın estetiğini artırabilirsiniz.

Kuika, aynı zamanda oluşturduğunuz Border stillerini kaydedip, farklı ekranlarda veya aynı ekranda yeniden kullanmanıza olanak tanır. Böylece tasarım süreçlerinizi daha verimli hale getirebilirsiniz. Kaydettiğiniz Border stillerini istediğiniz zaman düzenleyebilir, çoğaltabilir ya da silebilirsiniz. Kuika'nın Border özellikleri, tasarımlarınızda hem esneklik hem de tutarlılık sağlamanızı kolaylaştırır. Bu eğitim içeriğinde tasarımlarınıza ve elementlerinize Border kullanarak nasıl profesyonel bir görünüm kazandırabileceğinizi öğreneceksiniz. 

Custom Style (Özel Stil)

Custom Style, bir elemente özel kenarlık stili oluşturma ve düzenleme alanıdır. Bu panel, kenarlık ayarlarını tamamen özelleştirmek için dört temel özellik sunar: Color (Renk), Width (Genişlik), Radius (Köşe Eğimleri) ve Style (Stil).

Color 

Kenarlık rengini ve opaklığını seçmenize olanak tanır. Renk belirlemek için şu yöntemleri kullanabilirsiniz:

• Hex kodu girme: Örneğin, #FF5733 gibi.
• RGB değerleri girme: Örneğin, rgb(255, 87, 51) gibi.
• Color Picker (Renk Seçici): Görsel bir araç kullanarak renk seçimi yapabilirsiniz.

Width 

Kenarlığın kalınlığını ayarlayabileceğiniz alandır. Farklı kenarlar için farklı kalınlık değerleri belirlemek mümkündür:

• Top (Üst): Üst kenar kalınlığı.
• Bottom (Alt): Alt kenar kalınlığı.
• Right (Sağ): Sağ kenar kalınlığı.
• Left (Sol): Sol kenar kalınlığı.
  Bu özellik sayesinde, simetrik veya asimetrik kenarlıklar oluşturabilirsiniz. Örneğin, yalnızca üst ve alt kenarlık eklemek isterseniz, diğer alanları 0 olarak bırakabilirsiniz.

Radius 

Köşe eğimleri, kenarların köşelerini yumuşatmak için kullanılır. İsterseniz tüm köşelere aynı yuvarlama değerini, isterseniz her bir köşeye farklı yuvarlama değerlerini belirtebilirsiniz:

• Tek bir değer: Tüm köşelere eşit yuvarlama uygular. Örneğin, 10px.
• Dört farklı değer: Her köşe için ayrı yuvarlama değeri girilebilir. Örneğin: 10px 15px 20px 5px (sırasıyla üst-sol, üst-sağ, alt-sağ, alt-sol).

Style

Kenarlığın çizgi türünü belirleyen ayardır. Aşağıdaki seçeneklerden birini tercih edebilirsiniz:

• Solid (Düz): Kesintisiz düz bir çizgi.
• Dashed (Kesikli): Aralıklı kesik çizgiler.
• Dotted (Noktalı): Küçük noktalar şeklinde bir kenarlık.

Load Style

Kaydettiğiniz bir Custom Style'ı, farklı elementlere kolayca uygulayabilirsiniz. Aynı tasarım stilini farklı ekranlara veya projelere hızlıca entegre etmek için idealdir.

Border Stillerini Yönetme

Oluşturduğunuz stiller üzerinde tam kontrol sahibisiniz. İhtiyacınıza göre şu işlemleri yapabilirsiniz:

• Düzenleme: Var olan bir stili güncelleyebilirsiniz.
• Çoğaltma: Mevcut bir stilin aynısını oluşturup üzerinde değişiklikler yapabilirsiniz.
• Silme: Artık ihtiyaç duymadığınız stilleri kaldırabilirsiniz.

Kuika’nın esnek yapısı sayesinde, tasarımlarınızda hem tutarlılığı hem de hızınızı artırabilirsiniz. Border özelliği, hem görsel bütünlük sağlamak hem de kullanıcı dostu tasarımlar oluşturmak için vazgeçilmez bir araçtır.