DEV Community

Cover image for 7 UI Design Fundamentals for Developers

7 UI Design Fundamentals for Developers

vansh bhardwaj on September 23, 2021

Hello everyone, my name is Vansh and I'm a frontend developer. A lot of people have asked me this question,"Do I need to learn design to be Front e...
Collapse
 
seokjeon profile image
Se-ok Jeon

Thx for this! This is really what I wanted. Helped A LOT.
Can I translate in Korean this post? If you don't mind, I wanna share this awesome post in Korean. Surely, There will be a linke directing to this original post.

Collapse
 
vansh__bhardwaj profile image
vansh bhardwaj

Sure , go ahead.

Collapse
 
khangnd profile image
Khang • Edited

It would be better if you mentioned the DesignCourse channel of Gary Simon from which the majority of your screenshots were taken.

Collapse
 
dianale profile image
Diana Le

Yep I took Gary Simon's course on Scrimba and recognized it immediately.

Collapse
 
swagwik profile image
Sattwik Sahu

If you took a course from Scrimba, do you happen to use Imba?

Thread Thread
 
dianale profile image
Diana Le

The Scrimba platform does! I have not personally used Imba but I like Scrimba and the interactive code windows for lessons.

Collapse
 
neelansh15 profile image
Neelansh Mathur

Really like the 6th point about Color. The color feelings are well explained šŸ”„

Collapse
 
vansh__bhardwaj profile image
vansh bhardwaj

Thanks Neelansh, I'm glad you like it :)

Collapse
 
miamiller2 profile image
MiaMiller

I collaborate with developers by clearly communicating my designs through words and via software such as Zeplin and by making prototypes the developers can access. your blog is very helpful form me!!! How can i make someone miss me

Collapse
 
memojtabazamani profile image
mojtaba zamani

Thank You For This !!!

Collapse
 
sourabh20078059 profile image
Sourabh Dubey

This helped me a lot. A good UI is more attractive and creative

Collapse
 
bobbyiliev profile image
Bobby Iliev

Great tips!

Collapse
 
bryandche profile image
Bryandche

Thanks very much.
Amazing

Collapse
 
dhruvilp profile image
Dhruvil Patel

As the title says, it really clears the fundamentals. Also, examples are nicely shown. Really liked the constrast and color one. Great work šŸ”„!

Collapse
 
elvirafimansyah profile image
Elvira Firmansyah

thanks a lot, this is so helpful

Collapse
 
saroj8455 profile image
Saroj Padhan

Thanks a lot

Collapse
 
keerthivasanr profile image
Keerthivasan R

This post is a great start for anyone who want the basics :) Thanks so much

Collapse
 
vansh__bhardwaj profile image
vansh bhardwaj

Welcome :)
Please do share if you find it useful

Collapse
 
wentallout profile image
Nguyen Dang Khoa

This is a really well made post, a noob developer could take a look at this and immediately understand. Thank you.

Collapse
 
vansh__bhardwaj profile image
vansh bhardwaj

I'm glad you like it , please do share
Thanks :)

Collapse
 
tim012432 profile image
Timo

Very good points and explanation.

Collapse
 
vansh__bhardwaj profile image
vansh bhardwaj

Thank you :)

Collapse
 
midouwebdev profile image
MidouWebDev

Awesome !

Collapse
 
vansh__bhardwaj profile image
vansh bhardwaj

Thank you :)

Collapse
 
benjamincullendev profile image
Benjamin Cullen

Some really good straight forward advice here. Thank you.

Collapse
 
vansh__bhardwaj profile image
vansh bhardwaj

Thanks Benjamin, glad you like it

Collapse
 
aulerien profile image
Aulerien

Thank's

Collapse
 
rishitkhandelwal profile image
Rishit Khandelwal

Explained amazingly šŸ‘

Collapse
 
ob2code profile image
Huy Dang • Edited

Many thanks for your sharing, basic but useful!

Collapse
 
tanth1993 profile image
tanth1993

nice concepts. so far, I work without thinking about these UI concepts - just look at the design and make it as same as possible. :)

Collapse
 
rameshkmunjal profile image
RAMESH KUMAR MUNJAL

Really a good and much needed article. Will surely help me in coming projects.

Collapse
 
ayabouchiha profile image
Aya Bouchiha

Keep going !

Collapse
 
vansh__bhardwaj profile image
vansh bhardwaj

thanks a lot !

Collapse
 
andrebezada profile image
Andre Fernando Bezada

Iā€™m starting in development and I find this properly useful. Any suggestions about how to complement UI/UX along the code journey ?