UI Design Process

Here are the 6 steps I go through whenever I create UI Design

1. Understand the problem

Albert Einstein said: “If I had an hour to solve a problem, I would spend 55 minutes thinking about the problem and 5 minutes about the solutions.

It’s probably …


This content originally appeared on DEV Community and was authored by Krutik Raut

Here are the 6 steps I go through whenever I create UI Design

1. Understand the problem

Albert Einstein said: "If I had an hour to solve a problem, I would spend 55 minutes thinking about the problem and 5 minutes about the solutions.

It's probably the crucial part of any process that ensures that design will be usable.

2. Create very rough sketches

The next step is to create super rough sketches of my ideas after thinking about the problem and solutions.

3.Create detailed Wireframes

After I'm happy with the sketches (they need to be perfect)
I use Figma to create detailed wireframes.

4.Selects Assets

Eg: Fonts and Colors
After the wireframes done, I choose fonts, colors and icons for the project , and also pick some photos and illustrations.

5.Apply Assets to wireframes

After this step I am pretty much done. It's basically connecting together to an actual screen.

6.Present it Properly

After applying assets, now its time to enhance your design presentation.

Credits: https://dribble.com/yasirnoori

Follow me
Instagram: https://instagram.com/reboot13_dev
Telegram: https://telegram.me/reboot13_dev
Twitter: https://twitter.com/reboot13_dev
LinkedIn: https://linkedin.com/in/reboot13
Github: https://github.com/reboot13-git


This content originally appeared on DEV Community and was authored by Krutik Raut


Print Share Comment Cite Upload Translate Updates
APA

Krutik Raut | Sciencx (2021-10-26T08:49:11+00:00) UI Design Process. Retrieved from https://www.scien.cx/2021/10/26/ui-design-process/

MLA
" » UI Design Process." Krutik Raut | Sciencx - Tuesday October 26, 2021, https://www.scien.cx/2021/10/26/ui-design-process/
HARVARD
Krutik Raut | Sciencx Tuesday October 26, 2021 » UI Design Process., viewed ,<https://www.scien.cx/2021/10/26/ui-design-process/>
VANCOUVER
Krutik Raut | Sciencx - » UI Design Process. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/10/26/ui-design-process/
CHICAGO
" » UI Design Process." Krutik Raut | Sciencx - Accessed . https://www.scien.cx/2021/10/26/ui-design-process/
IEEE
" » UI Design Process." Krutik Raut | Sciencx [Online]. Available: https://www.scien.cx/2021/10/26/ui-design-process/. [Accessed: ]
rf:citation
» UI Design Process | Krutik Raut | Sciencx | https://www.scien.cx/2021/10/26/ui-design-process/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.