The Spot

12 Followers
·

Please note that this article is mainly aimed at beginners.

Image for post
Image for post

Say you’ve never done design before. Let’s say just today somebody asked you to do a logo for them, or you want to make one for yourself. So you’re wondering, What do I do to not screw it up? What should I avoid doing? These are precisely the things I wish I knew when I started.

Image for post
Image for post
My logo work (2020)

I’m in no way a professional myself, but I’ve been in your shoes and I can recognize some basic flaws you might not realize you’re doing. My way of working is constantly evolving over time to maximize my efficiency and the speed to get from the blank page to a final logo. In this article, I’ll go over some of the biggest mistakes and mention some resources and people that helped lead to this conclusion at the end, so you can check them for yourself. …


This second part focuses on how to start doing UI design and prototyping inside Figma and Sketch

Image for post
Image for post

NOTE: Throughout this little guide, I am going to use Figma for demonstration. However, keep in mind that almost everything also applies to Sketch (and maybe even Adobe Xd). The reason I don’t include Adobe Xd here is that I’m not familiar enough with it.

In part 1, I briefly explained each tools I found most important to start doing UI design. If you haven’t read it yet, you can do so here

This second part will be more specific in explaining how to create a ui design prototype from start to finish. However, note that everyone has a different workflow and that there are some parts that could be very useful to others that I won’t really talk about. …


A (somewhat) quick tour of Figma and Sketch showcasing the most important tools and features (in my opinion) for UI design.

Image for post
Image for post

NOTE: Throughout this little guide, I am going to use Figma for demonstration. However, keep in mind that almost everything also applies to Sketch (and maybe even Adobe Xd). The reason I don’t include Adobe Xd here is that I’m not familiar enough with it.

What are Figma and Sketch?

First of all, it’s important to know what the tools we’re working in are for. Figma and Sketch are primarily made for User Interface (UI) design and prototyping, meaning that you can create user interface prototypes with ease in Figma and Sketch.

Image for post
Image for post

Figma

Figma is an online tool that lives inside your browser, so you can use it whether you’re on Windows or Mac. However, this also means you can only really use it with an internet connection. You can download the desktop app if you’re more comfortable with that, but it’s not different from the browser version. You can use it completely for free if you don’t work in an organization. …


Image for post
Image for post

So, what happened in 2019?

The start of 2019 saw the birth of The Spot, starting as an idea from four motivated designers to create something a little bit different and hopefully a little bit better. And so we did.

After a couple of days and weeks of brainstorming, we came up with a name, then a logo, and thus was born The Spot! Some other names we considered before settling on The Spot were Creative Spot, The Spark, Creative Spark, and Open Creative.

Several different logo explorations for The Spot
Several different logo explorations for The Spot
Some ideas we explored for The Spot’s logo

On paper, The Spot’s server was created on January 25th of 2019 at 12:40 AM, but it remained private for a little while. It’s hard to pinpoint exactly when we started inviting more people to it, but it would seem to be around the start of February (on the 5th or 6th). …


Image for post
Image for post

How do I actually get started?

Once you first tell yourself you want to be a designer, whether as a hobby or as a professional, it can often be a bit tricky to actually get started with it.

What type of design work do I want to do? How do I start practicing? Where do I look for resources?

Those are some of the questions you might be asking yourself right now. I will not talk about formal education here, but in this second part of the guide (read part 1: software here), I will try to clear things up as you begin your journey.

What type of design work do I want to do?

There are a lot of fields in graphic design that may interest you, however, when you’re just starting out, it may seem difficult to know what suits you best. As a graphic designer, you can specialize in many areas such as logo design, visual identity & branding design, marketing & advertising design, user interface (UI) design, publication design, packaging design, motion design, etc. Before starting, I suggest reading a little bit on each field that interest you. You may find the one you like just by doing that. You could also try some of them out, or all of them! Many designers specialize in only one category, while some specialize in multiple, so you are absolutely not limited to one! As a designer you need to be able to adapt and often learn new types of graphic design. …


Image for post
Image for post

What design software should I use?

There are tons of creative software available, for free, for cheap, or expensive, and it can be quite overwhelming for beginners (and even some experienced creatives). This part of the ‘’Get Started With Design’’ guide is aimed at helping you chose which tool is a good fit for you and for what you are looking to do.

Image for post
Image for post
Vector graphics will remain sharp when enlarged, while raster graphics will lose quality.

Raster vs. Vector

One of the most important things when choosing a design software is to know the difference between raster and vector graphics. In basic terms, raster graphics are images based on pixels (jpeg, png, gif, etc). Because of that, they do not scale very well. In other words, zooming in or enlarging a raster image will make it lose significant quality. On the other hand, vector graphics (svg, eps, ai, etc.) are much more flexible. Vectors allow you to scale them however you like without ever losing quality, making it essential for logos and icons. …

About

The Spot

We are a network that strive to offer younger creatives a…

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