Photo by Daniel Korpai

Are you sick tired of this blue box around text layers in your UI Design tool? Are you confused how to measure text box to shape layers? Are you tired of the wrong spacing implementation by your developer?

I know that feeling. But hey I have a piece of great news for you. The struggle is over. I’m gonna solve the mystery today.


Design System for Sketch and Figma www. visualsystem.co

Learn 5 design fundamentals

The fundamentals of graphic design are about seeing (and understanding) how the design qualities work together. Then being able to decide which qualities of each are relevant and engaging and useful for visualizing a particular idea. Start by learning 5 most important qualities:

I know. That’s a lot. But without being at least good with those skills next step will be imposible to achieve.

Build your portfolio

If you want to get job offers or work inquiries it’s REQUIRED to have stunning up to date portfolio. The form is…


Definition with practical examples

Design System for Sketch and Figma www. visualsystem.co

Emptiness is an essential aspect of life. Imagine listening sound without spaces between the notes. You’d have a linear stream of noise. Same goes for photography, architecture, painting, sculpturing. And designers use it too.

Space is a human need. — Ken Hiebert

What space adds to our design:

  • Emphasis
  • Hierarchy
  • Legibility
  • Content structure
  • Drama and tension

It’s important that when you’re putting together a design layout that you let the elements breathe. To do that we need to low room between elements and create white space. …


Practical tips and tools.

Design System for Sketch and Figma www. visualsystem.co

Color is like everything else, it’s best used in moderation. You will tend to get better results if you stick to max three primary colors in your color scheme. Applying color to a design project has a lot to do with balance and the more colors you use, the more complicated it is to achieve balance.

Color does not add a pleasant quality to design — it reinforces it.
Pierre Bonnard

If you need additional colors beyond those you’ve defined in your palette, make use of shades…


Quick Sketch tutorial

Design System for Sketch and Figma www. visualsystem.co

Often time when I’m browsing dribbble and looking for some dashboard inspirations I’m running into awesome designs that have one common flaw which is the graph.


Practical tips and tricks

Design System for Sketch and Figma www. visualsystem.co

🇹🇼 Chinese(Traditional) translation by Lin Simon如何在介面中設計排版

Introduction

It would be fair to say that typography is the hardest part of the UI Design. It is with us for a very long time in various forms. Thanks to that we have a lot of rules, practices, and theories for whom hard to keep up. In this article, I will give you a few practical tips and tricks that you can use in your projects.

Practical examples over theory

Although typography is a fascinating topic to talk about I will not…


Definition and examples

Design System for Sketch and Figma www. visualsystem.co

Differences attracts our eyes and contrast give us ability to intensify differences. It is the key element of design that allow designers to define values, properties and priorities of the element relatively to the other one. When done correctly, shouldn’t really be noticed.

Contrast is often used in different areas of design, but sometimes seems too complex to master— Helga B.

Contrast is everywhere

People often time narrow constrast only to colors. But constrast is the tool that goes beyond that. …


Design System for Sketch and Figma www. visualsystem.co

Last year at this time I got my dribbble invitation. I had no followers, no works and no idea how it works but I really wanted to be part of it. Thanks to dribbble I’ve moved to Warsaw, to my new team inFullMobile and I’m at 2,4k followers right now. Here you can find what I’ve learned.

  1. You need to be consistent. My goal was to upload one shot per week.
  2. The best time to post your shot is Monday, 10:00 a.m. CET.
  3. It’s all about 400x300 thumbnail. Make it awesome.

Wojciech Zieliński

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