Master The Basics Of Visual: How To Become A Self

Recently, quite often many people asked me the similar questions: what’s your thiết kế process ? How did you start? What skills are required khổng lồ become UI/UX designer? What tools vì you use? By this article I’ve decided to lớn answer all of these questions and describe how I started và become và UI/UX designer.

Bạn đang xem: Master the basics of visual: how to become a self

How I’ve started

As far baông chồng as I can rethành viên, I was always passionate about creativity & was eager lớn build/create something out of nothing. My journey with graphic thiết kế started when my grandmother bought me a first PC. I’ve sầu spent hundreds of hours learning basic design principles by reading articles, books and watching video tutorials. Baông chồng in the 2007–2008 I started learning the basics of html/css code và designing very simple one page websites. Working on concept/training projects really helped me get into industry pretty quickly. At the beginning of my career I spent most of my time freelancing — designing, coding very simple websites. After a while I’ve realised I need khổng lồ find out full-time job in order to lớn improve my skills, knowledge & experience.


In September 2010 I joined the web design agency based in trang chính town Lublin, Poland. I’ve had great opportunity to collaborate with other designers, developers and work closely with our clients. I’ve got involved into sản phẩm development cycle which really helped me in understanding the web thiết kế process và helped me to become a lot more experienced designer. In addition to lớn my full time job I was also doing freelance. In that period of time, three of mine concept/training projects have sầu been featured on Those nominations have given me great opportunity lớn work for clients from different countries.



In September 2014 I moved to lớn the United Kingdom to lớn start working as Senior website designer at Mothercare LTD. That was a huge step in my career and it has changed me a lot as a designer. I really started to understvà the UX kiến thiết process and the importance of User centred kiến thiết. In 2015 I’ve been promoted to lớn the new role — UI/UX designer & become the part of UX team.

After almost 4 years — In 2018 I left Mothercare & started working as Senior UI/UX designer at Halfords LTD based in London. As Senior UI/UX designer I have sầu reponsibility of producing và delivering digital solutions & products optimised for wide range of devices. I work collaboratively with user experience team to lớn make sure that we deliver exactly what our customers need, while keeping an eye on business goals & objectives.



In addition to my full time job I vì chưng also work on my personal/concept project’s daily — You can find some of my recent design work linked below:

Dawid Tomczyk

I'm Senior UX/UI Designer living in United Kingdom. I'm passionate about creating innovative digital solutions và help…

Please keep in mind they are many different ways to lớn get into lớn this field - there is no one/simple path that everybody toàn thân takes ! This is how I started & your journey of becoming UI/UX would be probably totally different. Although, I’d like to lớn highlight few points that might be helpful in your journey of becoming UI/UX designer.

1. Master the basics of visual & website design

Before jumping into lớn UI/UX thiết kế you need to master the basics of website và visual thiết kế as all of those principles và skills will be carried over UI thiết kế (designing buttons, typography, trắng space, drop shadow, working with colour combinations, gradients, different kinds of grids, layouts etc). Having good understanding and solid foundation in visual và web design is essential khổng lồ become a skilled UI/UX designer. Below I’ve highlighted some of the basic & key kiến thiết principles that you need become familiar with (If you’re not already):

1. Color

Great three-part series on color theory — color vocabulary, fundamentals & the psychology of colors.Màu sắc Theory for Designers

2. Grid systems

What they are, and how they can be applied to your kiến thiết process.Building Better UI Designs With Layout Grids

3. Composition và Balance

Learn to how balance a compositionDesign Principles: Compositional, Symmetrical And Asymmetrical Balance

4. Typography

Better Web Type is an easy-to-follow web typography tin nhắn course for website designers & website developers. Created by Matej LatinSign up for the free typography course

5. Contrast

Using contrast lớn organize information, build hierarchy and create focus.Principles of design: contrast

2. Understand the UX design process

Another very important aspect in becoming a UI/UX designer is understanding the process, methods, philosophy that are used in UX design process. Generally speaking, the UX thiết kế process is very flexible — there is no strict rules or order of phases to lớn follow. In addition khổng lồ that various companies, teams might have sầu different methods of implementing their own design process. Although I’m going lớn give sầu you idea of a general và comtháng UX thiết kế process called Design Thinking.

What is Design Thinking?

Design Thinking is the process of designing hàng hóa from perspective sầu how it will be understood và used my users rather than requiring users to lớn adopt their behaviours in order to learn how to use the system. The goal is to lớn develop useful và valuable products based on user needs, not the other way around. Design Thinking occurs in the following five sầu stages.

Design Thinking is flexible & iterative sầu process

1. Emphasize

The first stage of the Design Thinking is about getting khổng lồ know the users, their wants, needs và objectives. This includes: observing và engaging with people their experiences & motivations, as well as immersing yourself in the physical environment so you can gain a deeper personal understanding of the issues involved. All of the insights gathered at this stage are carried over the next stages

2. Define

The second stage in the Design Thinking process is dedicated to lớn defining the problem based on the information you have gathered during the Empathise stage. During Define stage you will analyse your observations & put them in order to define the key problems that you và your team have sầu identified so far. Once you’ve created a problem statement you can start to lớn progress inlớn the third stage of Design thinking, Ideate.

3. Ideate

All of the insights from the previous stages have given you very solid foundation in the terms of understanding your users, so it’s time to lớn generate potential solutions khổng lồ the problem statement you’ve defined during the define stage. There are many different types of ideation technique that will help you to generate potential solutions và ideas: brainstorming, mindmapping, bodystorming. The main goal of this stage is lớn generate as many potential solutions as possible when moving lớn the next phase in the Design Thinking process — Prototype.

Xem thêm: Hướng Dẫn Làm Các Món Ăn Vặt, Đồ Ăn Vặt Tại Nhà Ngon Đơn Giản, Để Bán

4. Prototype

The fourth step in the Design Thinking process is all about experimentation và turning ideas into tangible products. A prototype is basically a scaled-down version of the sản phẩm which incorporates the potential solutions identified in the previous stages. This step is key in putting each solution khổng lồ the demo & highlighting any constraints and flaws. Throughout the prototype stage, the proposed solutions may be accepted, improved, redesigned or rejected depending on how they fare in prototype size.

5. Test

Testing stage is about validating the product before final developing it. This is the final stage of the 5 stage-mode, however the results generated from the testing phase will often lead you baông xã to lớn a previous stages of the process, providing the insights you need khổng lồ improve the current built of your hàng hóa và chạy thử it over again.

Design Thinking is flexible và iterative sầu process — that means process doesn’t have to lớn follow the steps in sequential sequential order — The 5 stages should be understood as different modes that contribute to lớn a project. I’ve described those steps very briefly, so If you need khổng lồ learn more about each particular one you should visit www.interaction-thiết kế.org

3. Learn how khổng lồ design user interfaces và sharpen your visual design skills

Very strong visual/UI kiến thiết is very valuable asphối và crucial step of becoming UI/UX designer & probably the hardest discipline to perfect — it takes months, years of practice. You need khổng lồ focus on visual/UI design as the very big part of your skillmix. You have to learn how lớn design user interfaces for different kind of devices including desktop, tablet, sản phẩm điện thoại etc. Every single day you need to lớn work, perfect và sharpen your design skills — how khổng lồ bởi vì that? I’ve sầu pointed below few ideas & methods that you might use.

Get familiar with UI/UX design patterns

You need lớn get familiar with the UI/UX design patterns and what particular problems they solve sầu. A great collection of di động thiết kế patterns

Generally speaking, a UI/UX Design patterns are recurring solutions that solve common design problems you might encounter every day working as UI/UX designer. Design patterns are also known as standard reference points, guides, templates that designers might use khổng lồ solve a particular problem when designing a website or Mobile ứng dụng, so you bởi vì not have khổng lồ reinvent the wheel every single time trying to solve sầu a particular kiến thiết problem.

I’ve put together a menu of some of the best places lớn find design patterns on the web:

Copy top designers

There is no better thing than learning from better and more experienced designers. Not everyone has a mentor or someone helping in learning UI/UX kiến thiết, so I’d like lớn cốt truyện with you very effective sầu method that will help you improve your visual skills on your own. How to start? You need khổng lồ go lớn Dribbble, Behance, Pinterest (or any other trang web where you might find good designs) & literally start copying top designers. Although, vày not just blindly copy those designs, you need study them very carefully & pay cthua thảm attention khổng lồ the following:

layout (UI placement, spacing, padding, grids etc.)navigation (placement, size)typography (phông sizes, line height, serif or sans-serif)icons (what type of the use? how and when the place them)background (gradient, photo used? )

Focus on layout, navigation, typography, icons, background, content etc. & try to understvà how all of those small details are coming together. Copying and recreating others will give sầu you that good taste, so you will have better understanding and idea how good design looks lượt thích. This is how I got better and many, many other designers and you will only when you start using this method! Rethành viên though— It’s all about the practice! you’re not reselling this stuff.

“The best và faskiểm tra way lớn learn a design it lớn watch and imitate a more skilled và experienced designers”

App for events by Jakub Antalík

Details really matter

When it comes to lớn UI/UX kiến thiết attention khổng lồ details is crucial — sometimes even really small và subtle change might make huge difference, so you need to start paying attention lớn every single detail of your designs — I personally believe that attention to lớn details is a very valuable skill that puts designer on higher level.

“Devil is in the details”

You need to be able how lớn differentiate good from bad design. You need also train your eye every single day — go vị Dribbble, Behance and study very carefully top designers — how they use Trắng space, typography, spacing, colour combinations etc. Practice makes perfect.

4. Work on fake/training projects

In order to improve sầu your visual/UI thiết kế skills you should start also working on the fake/concept projects. This is great practice method which will help you khổng lồ build your portfolio and then get new clients or landing full time job. In addition lớn that working on the nhái projects is also a great fun as you’ve sầu got total freedom to lớn play around with different design ideas, layouts, colours, typography etc. so enjoy the learning process and have a great fun! Good Visual UI design will draw attention to the peoples

5. Learn ui/ux related tools

Few years ago when I’ve sầu started getting inlớn UI/UX thiết kế there wasn’t much thiết kế tools available on the market — designers haven’t got much choice và started using Adobe Photocửa hàng as their primary UI/UX thiết kế tool (myself included). Adobe Photosiêu thị as a software, was never created for designing websites, apps purposes. Nowadays there are tons of great & a lot more efficient UI/UX design tools on the market — the good news is that you vày not have sầu lớn learn all of them. Just give sầu it a try khổng lồ few of them and then stick to one/two and master them.

Sketch tiện ích — one of the most popular UI/UX thiết kế tools (MAC)

I’ve sầu been using Sketch app for a while now, so If you’re a Mac user I highly recommover this tool. If you’re on Windows you should try the Adobe XD. Here’s the danh sách of software that you should give it a try:

There is tons of great and free software learning resources available on-line. There is no better thing than learning from more experienced designers. Here’s few of them which will give sầu you really good start in the terms of learning particular software.