Kickstart Your Career As UI/UX Designer

This article is written as a part of Digital Deepak Internship Program.

source: Google

Have you ever thought of becoming an UI/UX Designer?

Are you confused how to get started with it?

Are you confused whether you are using the right software or no?

Are you confused when selecting the plugins for your software?

Are you a designer who is confused how to position yourself in the market?

Than you are the right place.

So let me start by defining the terms UI design and UX design.

The term UI stands for User Interface. It’s a space where humans and machines interact.

User Interface is an important aspect of User Experience.

It includes:

1)Visual Design:

The look and feel of a product is conveyed by it’s visual design.

Visual design aims to improve appeal or looks of a product or a design.

Color, typography, space, layout, images used are the key factors that one has to consider when planning out a particular design.

Visual design is about more then the looks.

Elements are placed carefully by the designers to create interfaces which optimize the experience and drive conversion.

Now, let us learn about some common principles and elements of visual design.

Principles:

  1. Unity – harmony between page elements is established by unity, so they appear to belong together and users aren’t distracted by chaotic (e.g., misaligned) layouts.
  2. Hierarchy –Placement, fonts, etc are used to show importance.
  3. Balance – To distribute elements evenly balance is the key factor.
  4. Contrast – one has to use differences in color, etc. to make elements noticeable.
  5. Scale – use this to emphasize elements to establish importance or depth.
  6. Dominance –one has to use an object’s color, size, etc. to make it stand out.

Elements:

Source:Google
  1. Lines-Lines can be straight or curved or organic or geometric. They are used to create diversions, textures, and spaces.
  2. Shapes-Shapes use lines, different colors, etc. to create closed areas.
  3. Volume – used to show the fullness of 3 dimensions on 2 dimension screen.
  4. Negative space/whitespace – it is the blank area that is used to create the design.
  5. Value – it gives the relationship between darkness and lightness, typically through a light source to create shadows and highlights.
  6. Texture – an object’s surface is defined by the texture.
  7. Color – they are used to set the theme and to attract the user.

2)Interaction Design

It is the practice of designing interactive digital products, systems, and services where the designer’s focus goes beyond the item in development to include the way the user interacts with it.

Interaction Design involves 5 dimensions. They are:

  • Words(1D):

Words surround text, such as button labels which give users the right amount of information.

  • Visual Representation(2D):

Visual representation includes graphical elements such as images, icons, and typography that help in user interaction.

  • Physical object or space(3D):

It refers to the medium through which users interact with the product or service.

  • Time(4D):

It relates to media with changes with time like smart animations, videos, and sounds.

  • Behaviour(5D):

It refers to how product reacts to users’ inputs and provide feedback.

UI/UX Design as a Niche

Once you make your mind that you want to become a UI/UX designer you have to learn to position yourself in the market.

The different kinds of positioning are as follows:

1.Horizontal Positioning

When you position yourself horizontally, you solve one type of problem for every industry.

For example:

You do designing for anyone who asks for it.

Everything has pros and cons and so does designing.

Pros :

  • One can use their favorite skill all day.
  • A lot of work is available.

Cons:

  • One cannot differentiate between you and other designers.
  • You cannot commend high prices for your work.

2.Vertical Positioning

When you position yourself vertically , you design for only one type of industry.

Example : Finance Apps, Healthcare apps

Pros:

  • You are recognized as an expert.
  • Commending high prices becomes easy.
  • Marketing is easy.
  • Here, industry knowledge is important than designing knowledge.
  • Getting referrals is easy as people in one industry talk to each other.

Cons:

  • One has to know the industry very well and the challenges it faces.
  • A lot of time is needed to become an expert in a particular type of industry.

3.Platform Positioning

In platform positioning , designing is done for one type of platform.

Example: E-commerce

Pros:

  • You are recognized as an expert.
  • The platform does the marketing for you.

Cons:

  • Once the demand for the platform is over so it is for you.

4.Demographic Positioning

It includes designing for people based on demographic criteria like age , area, gender etc.

Example: Childrens’ app

Pros:

  • Everyone outside the industry understands it as it is simple.

Cons:

  • Demographic needs keeps changing constantly.

Tools used for UI/UX Design

1)Figma

A vector graphics editor and protoyping tool which is primarily web based.

It also has it’s desktop version with many offline features.

All the work you do in Figma gets saved in the cloud when connected to the internet.

Changes you commit are saved automatically when connected to the internet.

It supports MacOS as well as Windows.

Various plugins are availablle to improve your work.

Also, there is a community tab in Figma where you can get your inspiration from.

They have a free plan and a paid plan. In free plan you can add one collaborator for your project where the collaborator can commit changes in your project. In the paid plan you can add more than one collaborator.

2)Adobe XD

It is a vector-based user experience design tool for web apps and mobile apps, developed and published by Adobe Inc.

Working with Adobe stack becomes easier when using Adobe Xd.

3)Webflow

Using Webflow one can design and develop at the same time.

If you are an absolute beginner and want to get started with designing you can start by learning Figma. It is very easy to use, and has a simple user interface.

Try out these tools and do let me know how you feel in the comment section.

Check out some of my prototypes and landing pages which I have created in Figma and Adobe Xd.

1)Lancer Wall- Crypto Wallet

No alternative text description for this image

Link to the project:

https://www.figma.com/file/hzxJprsrgwE0ZhuyJWfiAr/Untitled?node-id=7%3A769

click the play button to view the protoype*

2)Free Birds: Landing page

3)Acoustic Festival: Landing Page for Music Lovers

4)Divine Experience- Landing Page for Fashion Enthusiasts

Link to the project:

https://xd.adobe.com/view/4f067b0a-c288-4faf-6d32-31fb86a09aab-3937/

In addition to designing,

If you want to know about digital marketing then have a look at these blogs!

1)https://explorewithmads.com/why-is-digital-marketing-making-so-much-noise/

2)https://marketingtoyou.in/2020/11/20/top-10-e-mail-marketing-tools/

3)https://krishnanvenkataraman.com/four-ways-to-monetize-from-digital-marketing/

4)https://jagannathramanathan.com/how-to-make-money-when-the-job-fires-you/

5)https://learnwithgaurev.com/writing-and-monetising-top-10-niches-in-2021/

6)https://shriramparab.com/walkthrough-to-become-an-outstanding-marketer/

2 thoughts on “Kickstart Your Career As UI/UX Designer

Leave a Reply

Your email address will not be published. Required fields are marked *