Bottom navigation in UI

Bottom navigation is a user interface (UI) pattern commonly used in mobile applications to provide navigation options to the users. It typically appears at the bottom of the screen and allows users to switch between different sections or views within the app. The bottom navigation pattern is particularly useful for apps with three to five… Continue reading Bottom navigation in UI

Token Naming in Figma

In Figma, token naming refers to the practice of naming design system components, styles, and other elements using consistent and meaningful names. Token names help identify and organize design assets, making them easier to locate and use within your projects. When naming tokens in Figma, it’s helpful to follow some best practices: Be descriptive: Choose… Continue reading Token Naming in Figma

Auto Layout in Figma

Auto Layout is a feature in Figma that allows you to create flexible and responsive designs by automatically adjusting the layout of elements based on their constraints and properties. It helps you create designs that can adapt to different screen sizes and orientations without the need to manually adjust each element. To use Auto Layout… Continue reading Auto Layout in Figma

The rule of proximity design

The principle of proximity, also known as the law of proximity, is a fundamental concept in design that states that objects or elements that are close to each other are perceived as related or belonging to a group. It is one of the key principles for organizing and structuring visual information. Here’s how the rule… Continue reading The rule of proximity design

how framing can push your design

Framing is a powerful technique in design that involves using visual elements to enclose or highlight specific content within a defined boundary. It can significantly impact the perception and impact of your design. Here’s how framing can push your design: Focus and Attention: By framing a specific element or content within a distinct boundary, you… Continue reading how framing can push your design

How to use arcs in interfaces

Arcs can be a visually interesting and dynamic design element when used appropriately in interfaces. Here are a few ways you can use arcs effectively in interface design: Navigation and Progress Indicators: Arcs can be used to create circular navigation menus or progress indicators. By dividing the circle into segments or arcs, you can represent… Continue reading How to use arcs in interfaces

The Rule of hierarchy in Design

Hierarchy in design refers to the arrangement and organization of visual elements in a way that establishes a clear order of importance and guides the viewer’s attention through a composition. It helps convey information effectively and create a visually pleasing and balanced design. Here are some key principles related to hierarchy in design: Scale and… Continue reading The Rule of hierarchy in Design

How to choose colors of the design?

Prioritize the user experience, first. Leverage natural inspiration. Set a mood for your color scheme. Consider color context. Refer to your color wheel. Use the 60-30-10 rule. Draft multiple designs.