Layout & UI Grid tips

Make better designs with layout grid tips & tricks.

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

Intro

Space and grid make the foundation of any design. Once mastered and used correctly, the grid helps you to create solid and visually appealing solutions for your designs.

Therefore, I would like to share my tips for mastering the grid in UI design. In this episode, we talk about layout grids. Let’s start ✌️

UI Grid Best Practices — Make better designs with layout grid tips & tricks.
UI Grid Best Practices — Make better designs with layout grid tips & tricks.
instagram.com/p/CPA23GBCa7l/

What is a Grid?

The grid helps establish the foundation of any interface. You can think of it as a framework for…


Designer Tips

Mindful tips for a creative job.

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

buninux.com - Digital assets for creatives.

How to be a better designer.
How to be a better designer.
instagram.com/p/CNRt3KWCB9t

Intro

How to be a good designer? It’s hard to say. Probably one should be able to code, know Photoshop, be a good architect or manager + designer + unicorn, or smth. This is not an article about that.

Here I collected tips/perks I discovered on my journey into calling myself a designer.

Consider these be are summarized concepts rather than serious ass advice. Have fun.

Tip 1 — Work a lot


UI icon tips

Interface iconography tips & tricks.

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

How to design icons
How to design icons

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

Tips to help create better UI shadows.

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

Buninux—world-class UI assets for designers & developers.
Buninux—world-class UI assets for designers & developers.
instagram.com/p/CLmawDLiI4j/

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

8 Tips for creating bulletproof color schemes.

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

Buninux — How to create a better UI color palette.
Buninux — How to create a better UI color palette.

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…


Typography Tips

Learn how to create and use vertical rhythm in UI design.

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

Intro

I’m starting a new series of designer tips to cover edge-cutting web design topics, such as typography, colors, layout, components, and design systems.

The first volume is fully dedicated to UI typography. Here you will find all the knowledge to create strong typography for your projects.

Designers use typography as a tool to deliver information pleasantly. Spacing, font size, width, color, and line heights — all elements work together to achieve a better user experience.

In this episode, we’ll discuss Spacing…


Design Tips

Basic design concepts explained.

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

Intro

Hey! Glad to present the first episode of design basics.

In this series, I want to cover fundamental graphic design concepts such as whitespace, unity, balance, and every other base knowledge, which is a must for a modern UI designer.

Design basics
Design basics
instagram.com/p/CPibp--CecX/

Whitespace

Whitespace defines the overall composition and visual relationship in which elements and their container are present.

Whitespace defines the area between elements. Use it to maintain an optimum level of white space in your design composition.


Don’t reinvent the wheel. Work on making it better.

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

buninux.com

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

Instagram Carousel Template for Sketch & Figma

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. 😊

Instagram Carousel Template
Instagram Carousel Template
gum.co/igcarouseltemplate

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…


440 Super Basic Icons to Help You Design Clean Interfaces.

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…

Buninux

Design Articles & Tutorials. Author — buninux.com, robowolf.net, slice.design.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store