UI icon tips

This article is brought to you by Buninux.com.
Visit our premium asset store and level up your design inventory. ☟

Intro

Iconography is one of the most crucial parts of the user interface. It’s a visual language that represents commands, content and reveals the meaning behind functionality.

Your icons should always represent simple visual metaphors that users can understand and recognize instantly.

Based on how you design and use icons in your product, you can bring the feel of uniqueness to the brand. So here are my tips to help you design better icons.

Tip 1 — Set up a grid

You’ll never create just a single icon…

Shadow Tips

This article is brought to you by Buninux.com.
Visit our premium asset store and level up your design inventory. ☟

Intro

Shadows play a huge role in modern user interfaces. They bring depth and hierarchy to organized rectangles.

Based on how you use them, they are able to bring joy and a feel of elevation to your interface. So here are my tips to help create better shadows with such design tools as Sketch, Figma, or XD.

Tip 1 — Make it Soft

Don’t use default application shadows. Instead, adjust the shadow opacity around 5–25%, and set a higher level of blur.

Web Colors Tutorial

This article is brought to you by Buninux.com.
Visit our premium asset store and level up your design inventory. ☟

Intro

Color is everywhere. Working with color is an essential part of any brand, and a modern interface strives for its recognition. Therefore, choosing and using colors to achieve business goals can be challenging for any designer.

The choice you make affects the look and impacts how the customer feels about your product and business. Here are my practical tips on creating a bulletproof UI color scheme to help you make the right choice.

1. You must choose. But choose wisely

Define your primary colors.

The primary color is the first thing…

Hey, ✋ it’s Dmitriy!
Have you experienced the pain of starting a new project from scratch?

Pitch

In this shifting world of design tools, Sketch and Figma compete and constantly introduce new features. It has become a real challenge to keep up with the pace and always have a reliable source of your projects' assets.

If you a designer or developer, life always keeps pushing you to switch from one tool to another and from one type of project to the next one. And so on, it’s normal and inevitable.

To help people like myself spend less time on this routine…

Sketch & Figma Freebie

I see a big trend among designers — posting carousels on Instagram. But I can’t get myself used to post there. So, I decided to do a bit of research and create a template for my future content to help myself.

So today, I want to share my small Carousel Kit for Sketch & Figma. 😊

This resource is brought to you by Buninux.com.
Visit our premium asset store and level up your design inventory. ☟

The Idea

The idea behind this freebie is to establish a workflow for preparing my own Instagram content. I hope you can find this template useful…

Hello! Glad to present to you the Super Basic Icons ✶.

SBI is a set of high-quality symbols created especially to fit modern interfaces, websites, and applications.

SBI differs from most icon packs on the web with the ability to live edit stroke thickness and style — which is a real time-saver when you need to adapt any of your project icons to numerous sizes, products, or interface states.

All icons ✒ use a single line style and a 24px grid to relay sharp visual metaphors that are clear and simple to get.

For the best experience, the pack is divided by interface categories with a multi-tag name structure to help…

Sketch app templates

Hi! 👋
In this post, you will find useful templates to help you create well-known design components, such as tables, buttons, mockups, and charts, as well as assists in setting up typography and grid for your next project in Sketch.

This collection is specially made for aspiring UI/UX designers and everyone interested in Sketch app basics functionalities in 2020.

Feel free to download, play, break, or use these bite-sized templates on your own design will.

If you enjoy any of this, you can support me by visiting the asset store. ♥️

Smart Buttons

The template includes two types of buttons: with and…

Sketch & Figma Tutorial

This guide is made due to a loud trend among product teams and designers, a transition from Sketch to Figma.

In this article, I want to highlight the common pitfalls and uncover several tips on how to seamlessly transfer your precious design assets from one excellent design tool to another.

This article is brought to you by Buninux.com 🤘

Check out the latest project I’ve been working on, called Slice — it’s a super cool and useful design system for Sketch and Figma.

Why these tools? 🛠️

Sketch and Figma are great for creating UI and organizing components libraries. …