Simple & Constructive methods to improve your Visual/UI Design

Logo
appstonelab
Blog Image

1. Get acquainted with design patterns

Get accustomed with the UI/UX design patterns and what specific issues they solve. Generally speaking, design patterns are known as common reference points, guides, templates that designers might utilize to resolve a particular issue when designing a website or mobile app, so you do not have to revamp the wheel every single time trying to solve the problem.

I’ve assembled a list of some of the best places to obtain the design specimen on the web:

  • pttrns.com A great compilation of mobile design specimens
  • uisources.commobile design samples & interactions
  • uigarage.net — regular UI innovation & patterns for designers, developers
  • mobbin.designscreened assortment of recent mobile design patterns from apps that mirror the best in design.
  • UI.patterns— User Interface Design patterns are repetitive solutions that resolve prevalent design issues.

2. Coach your eye for good design

People seldom say: You’re the sum of your impact, so as a UI/UX designer you need to develop a sharp eye for good visual design. For us— a creative creature’s inspiration is like fuel to our brains, so that’s why you need to stay inspired on a regular basis in order to become more fruitful. You need to coach your eye for good design every single day — how? Visit Dribbble, Behance, Pinterest (or any website you prefer) and study very carefully the top designers that inspire you — how they use white space, typography, spacing, colour combinations etc. Save/bookmark their designs and start inventing your own inspiration library.

Some of my personal preferences that help me to stay inspired on regular basis:

  • Behance — another very well known platform to display & find creative work
  • Muzli — Designer’s covert Source: all the design innovation you need. Served fresh.
  • Dribbble — Popular places where many inenious people : from individual designers, teams and companies from all over the world displaying their best creations.
  • Uplabs — pastors the best of design & development imagination, assets and giveaways. Every day!
  • UI motion — group of design admirers who share and debate the most interesting and special UI designs.

3. Learn by replicating trending designers

Replicating is an exceptionally effective process that painters, writers have been using for decades! Copying is about reverse-engineering — rejuvenating top designer’s work as closely as possible in order to make the UI/UX design skills better. Recreating/copying designs that are presently beyond your existing level would help you to move outside your safe place and then you will be extending your visual design skills.

According to Austin Kleon’s (author of the popular book Steal Like an Artist) Nothing is absolutely native — every new notion is quite often just a remix of one or more previously used ideas. Creatives are just the people who have mastered how to utilize and pertain this technique to concrete projects.

“Every new idea is just a mashup or a remix of one or more previous ideas”

This revelation is quite accurate — especially when it comes to UI/UX design. By using design specimens for example, we do not have to restructure the wheel each time trying to resolve a specific design issue.

How to begin replicating then? Acquire designs you love and you’re motivated by — and then precisely start copying them! (concentrate on every single detail when doing it). Remember though — It’s all about the exercise not plagiarism! You’re not trading this stuff or placing it into your portfolio.

“The pre-eminent and quickest way to master a design is to view and emulate more talented & accomplished designers”.

Evidently, this process is not rocket science and it’s nothing contemporary…Even though I’ve found it the most productive and efficient way to make the UI/UX design skills better. I’ve improved and advanced a lot using it — I’m 100% confident that you would too when you start applying this technique.

4. Execute what you’ve mastered

Replicating and rejuvenating others will give you that good taste, so you will get a better understanding and idea of what a good design looks like. Despite that, you need to know how to execute all of your research into real world projects! If you do not have any freelance/economic projects to work on at present — just start working on the idea! How easy is that? 🙂 Do a lot of them! From this, you will be able to build your portfolio, so that’s another advantage of using this procedure.

TIP: Good exercise is to have multiple projects going at once, so you might easily shuffle between them. When you are stuck with one of them, move one to another, and move back to the one you were left at.

5. Practice makes a designer perfect!

Set up your daily design regimen to devote and exercise at least a few minutes every single day as steadiness is important! You will not become a good designer promptly — it’s all about commitment, hard work, a lot of tolerance and practice — you need to keep mastering and working hard everyday as that’s the only way you can grow. Take the time to read books, articles, listen to podcasts or even take a course. The more you do it — the finer you’ll get at it!

Some of the UI/UX related learning platforms that I would highly recommend:

  • interactiondesign.org— cluster of amazing UX Design video tutorials, offering industry-trusted course certificates
  • CareerFoundry— well known UI/UX learning platform
  • LinkedIn Learning — gigantic open online course website providing video channels taught by industry genius in software, creative, and business skills
  • Treehouse — Master the web design, coding and a lot more

6. Find a confidant or confidants

Another good way to make your design skills better is to perform under a confidant/confidants. Mentors would help you to step out of your comfort zone which at times is crucial to grow as a designer. Their response and analysis is very advantageous as they will assist you to spot every small detail that you weren’t aware of before. Their assistance will enable you to speed up your learning procedure. How and where to find mentors then? Actually, they do not necessarily have to be the people in your office, locality, city or even country! They can be found online, in videos, books… So what are you waiting for then? Proceed to find a confidant— ask for their assistance and proficiency in order to put your design skill into the next level!

7. Do good work and share it with people

We designers are often treated as idealists — working hard to make our designs look “flawless” and very often not 100% complete with the final outcome. In the UI/UX design world there’s always space for development and there’s always something that could be made better — it’s an intercommunication procedure and our work as designers is literally never over! Although, remember, that you do not design for yourself, you design for the users/customers to solve a specific issue/issues. With that being said, when someone gives you a valuable review, do not feel bad or offended because of it — it’s not about you so do not take it personally. Critiques given by more experienced designers are gold! Master to receive productive feedback as that’s the only way you might get better as a designer.

Despite this, do not be scared to criticize someone else’s work! Contradictorily, giving reviews to others would improve your visual skills as you would be able to coach your eyes for a good design and then direct the details that you haven’t observed before.

It’s all about dedication, hard work, a lot of patience and practice – you need to keep learning and working hard every single day as that’s the only way you can improve. I hope you’ve learned something from this article and found it useful. Wish you all the best and good luck in improving your design skills!

Related Post

View all
Blog Image

New AdonisJS Tools: FlyDrive, Transmit, Health Checks & More!

AdonisJS update introduces FlyDrive, Transmit, health checks & more, simplifying file storage, real-time events, debugging, and background tasks for faster Node.js development.

Blog Image

The behaviorism of design: 15 fundamentals every UI/UX designer should be aware of

1. Hick’s Law: Hick’s law is the most prevailing fundamental, along with the gestalt laws. It’s also very elementary to understand and practice. 2. Priming: Priming is a basic fundamental of psychology with a huge impact on user interface design: acknowledgment of something makes a user more likely to think and express in related ways at later steps in the interaction. 3. Cognitive Load The total analytic load, or portion of mental processing power required to use your site, impacts how effortlessly users discover content and finalize the tasks. 4. Progressive Disclosure Progressive disclosure postpones the improved or hardly used […]

Blog Image

Custom extensions in Dart

In this blog, I would like to share the amazing concept of Dart Extensions and how to make custom extensions for quality and optimised code. The specialty of this blog is that it will show you how to create extensions from your JSON models and it is very useful for state management. What are Extensions? Extension is used to enhance the feature of an existing class or a library. Using the extensions, one cannot change the existing properties of the class but can definitely change the view of class or model. Extensions are identical to the “prototype” of Javascript but […]

Blog Image

How To Flash Custom Rom on an Android Device

What Is a Custom Rom? (Android Read Only Memory) A file consisting the feasible requirements (a system image) of an Android OS and allied apps. The “stock ROM” comes inbuilt on the phone or tablet, whereas a “custom ROM” comes from an outsider.The custom ROM is either a distinctively improved OS, such as Cyanogen, or a stock version made accessible for older devices or for new devices before the vendor launch date. Why should you Use a Custom ROM? Flashing the ROM: Flashing a ROM means installing the system image into the device’s internal flash memory. Flash memory retains the […]

Blog Image

Top server security analysis tools

There are many server analysis tools available today and we will see some tools/websites which scan server/hostname for various security testing which I usually use. Sometimes we ignore small security points, but those points motivate hackers to hack sites. There are some concepts which secure the user (End user) data security. We can make our server/domain secure by HTTP/HTTPS, SSL/TLS, SMTP/PoP3, SSH, FTP, etc.. various tests on the site below which will list your vulnerabilities. 1. Observatory.mozilla.org This is one of the best sites to test server vulnerability. I always use this to scan first to check various security. It […]

Blog Image

Flutter Snippets

What is a snippet in flutter? Flutter snippets is a collection of commonly used flutter classes and methods. It increases your code speed of development by eliminating most of the boilerplate code associated with creating a widget. Currently, Awesome Flutter snippets provide different kinds of shortcuts for widgets. For example, StreamBuilder and SingleChildScrollView can be created by typing the shortcut streamBldr and singleChildSV respectively. Please find below few of the snippets with the respective shortcuts: Shortcut Expanded Description statelessW Stateless Widget Generates a Stateless widget statefulW Stateful Widget Generates a Stateful widget build Build Method Explains the part of the […]

Blog Image

How to Add Push Notifications to a Flutter App using Firebase Cloud Messaging?

What are push notifications: Push Notifications are a kind of pop-up messaging source that notifies the app users about the updates happening in the app. They also play an important role in boosting the user involvement in your app. The main motive of app push notifications is to provide information to the user so that he gets back to the application. These notifications emerge at the top of the smartphone screen even if the app is closed. Their detailed message gives the subscriber the below options: Click on the message, or swipe it off the screen and view it later […]

Blog Image

Deep linking

Deep linking technology has obtained substantial awareness over the past few years by permitting the marketers to upgrade their involvement with mobile app users. Deep links offer a comprehensible way for app publishers to rectify, convey, and transfer the users to a particular content within apps. Eventually, they can assist the app publishers boost the installs, user involvement, and conversions — the fundamental to any app’s accomplishment. Deep links are mobile links that manage much like hyperlinks, but instead of pointing out the users to a web page, deep links send them to a certain screen within a mobile application. […]

Blog Image

5 Tips for Managing Diversity in the Workplace

Workforce across the world is becoming increasingly diverse, and this has a huge impact on the management. We tried creating a guide with practical and actionable tips for managing diverse teams that are inclusive and positive. What is diversity in the workplace? Diversity in the workplace refers to an organization that intentionally employs a workforce comprised of individuals of range of characteristics, such as gender, religion, race, age, ethnicity, sexual orientation, education, and other attributes. Workplace diversity is a regular subject of discussion among employers, hiring managers, and recruitment skilled officials but diversity and inclusion in the workplace isn’t just […]

Blog Image

Getting started with Tailwind CSS

What is tailwind CSS? TailwindCSS is a utility-first CSS framework. This implies that they are primarily focused on utilities. They provide utility classes like flex, pt-4, bg-orange-100, and rotate-90 that can be combined for building modern user-friendly UI components. Their purpose isn’t necessarily to define your component’s appearance. Using the different classes they provide, you decide what to do. Why Tailwind CSS? An experienced CSS framework user or a total beginner might ask this question. Tailwind allows for full customization, allows the use of utility classes, and is a very low-level and basic CSS framework for anyone interested in using […]

Blog Image

What is SEO(Search Engine Optimization)?

Search engine optimization (SEO) consists of improving a website’s ranking in search engines and thereby boosting its traffic from search engines. The objective of SEO is to target unpaid traffic (also known as “organic” or “natural” results) rather than direct traffic or paid traffic. The crucial difference between SEO and paid advertising is that SEO involves “organic” ranking, which implies you don’t pay to be there in space. Search machine optimization means taking a chunk of online content and optimizing it, so search machines like Google show it towards the highest of the runners when someone searches for a commodity. […]

Blog Image

Sanctum-Library

Sanctum is an easy package to issue API tokens to the users without the complication of OAuth. Sanctum provides authentication services based on Laravel built-in cookie base sessions. For small applications, I prefer using Sanctum because it’s simple and easy. What is Laravel Sanctum? Laravel Sanctum gives a lightweight authentication system for simple token based APIs and mobile applications, and single page applications (SPA). In Sanctum, we have two different ways mainly as mentioned below: 1) The API Token Authentication.2) Single page application authentication. This Authentication process is similar to API token Authentication process. Now we shall understand the difference […]

Hero Image

Ready to BuildYour Next Big Project?

Partner with our expert team for clear guidance, reliable solutions and faster, high quality delivery from idea to launch.

Get In Touch