UI Design
/
Work with interface styles

Fill

Fill

Kuika's Fill feature allows you to customize the body colors and backgrounds of elements. With this feature, you can fill the inner surfaces of elements with solid colors, use patterns or images, and attach files from your device. The flexible nature of the fill feature helps you create designs that are both aesthetically rich and enhance the user experience.

Fill Features

  1. Color
    • You can fill the body of the element with a specific color.
    • You can choose the hue and brightness of the color through the Color Picker.
    • HEX: For example, #FF5733.
    • RGB/RGBA: For example, rgb(255, 87, 51) or rgba(255, 87, 51, 0.5).
  2. Style
    • Create New Style: Save and reuse your color tones.
    • Style Loading: You can ensure design consistency by loading saved styles.
  3. Image Library
  • You can add images in JPG, PNG, SVG, XML formats to the background of the elements.
  • You can customize the use of images with position and repeat settings.
  1. Image Library With AI in Fill
    • With AI support, you can create custom background images.
    • Generate With AI: Define the image you need, select the recommended images and click the cloud icon to add it to your library.
  2. Repeat
  • You can repeat the background image in horizontal or vertical orientation.
  • Especially useful for patterned backgrounds.
  1. Position
    • You can use either Center, Right, Left, Top, Bottom.
    • The position of the image may vary depending on the screen or browser size.

Advantages of Fill Features

  • Flexibility: Provides design freedom by switching between colors and backgrounds.
  • Consistency: With saved style templates, design integrity can be ensured throughout the application.
  • Artificial Intelligence Support: With AI, you can save time and produce unique visuals.
  • Dynamic Usage: You can shape the background designs according to your needs with repetition and positioning options.

Other Related Content

No items found.

Glossary

No items found.

Alt Başlıklar