UI Design
/

Work with Interface Styles

Work with Interface Styles

Using Kuika's Styling panel, you can easily change the visual styles of elements and screens in your app. The Styling panel offers powerful features that allow you to customize the design of your app.

Features of the Styling Panel

  1. Changing the Workspace Color
    • You can customize the overall look of your app by changing the color of the Workspace area. This feature is ideal for applying themes or custom color palettes.
  2. Editing Borders of Elements
    • You can change the border properties of each element.
    • Border thickness, color and style can be adjusted.
    • You can get a modern look by rounding the corner shapes with the Border-Radius value.
  3. Text and Font Selections
    • You can easily edit text styles.
    • Font type, size, color and style (italic, bold) can be set.
    • By adjusting the text alignment (left, right, center) you can create a consistent type layout.
  4. Layout and Spacing
    • You can edit the spacing and alignment between elements.
    • You can determine the distance between elements with the Padding and Margin settings.
  5. Fill Colors
    • You can add custom fill colors to elements or change existing colors.
    • The Fill property is used to set a background color or edit the internal color of buttons.
  6. Shading (Shadow)
    • You can add depth to elements by adding an inner shadow and an outer shadow.
    • Shading makes elements look more eye-catching and three-dimensional.
  7. Create Your Own Styles
    • The Styling panel allows you to not only use existing styles, but also create your own styling templates.
    • With custom style designs, you can create a consistent visual identity for your app.

Comprehensive Styles

  • Layout: Adjusts the placement, alignment and spacing of elements.
  • Text: You can set fonts, sizes, colors and styles.
  • Fill: You can create background colors, gradients and patterns.
  • Color: You can change the colors of elements using color palettes.
  • Border: You can edit border colors, thicknesses and corner rounding.
  • Shadow: You can make your elements more distinct with inner and outer shadows.

Personalization for Mobile and Web Apps

  • The Styling panel allows you to create custom designs for your mobile and web apps.
  • By making style settings for different screen sizes and resolutions, you ensure that your app is displayed correctly on every device.
  • Thanks to responsive design features, you can offer a compatible and user-friendly experience on every platform.

As a result, you can create aesthetic and functional interfaces by customizing the visual elements of your app with the Styling panel. You can use ready-made styles or create your own unique designs.

No items found.

Other Related Content

No items found.

Glossary

No items found.

Alt Başlıklar