DEV Community

Cover image for Simple Guideline for Webdesign

Simple Guideline for Webdesign

Anik Khan on July 09, 2020

Lately, more and more websites are verbose with animation and graphics that serve little to no value to the actual purpose. Look and feel are very ...
Collapse
 
jwp profile image
John Peters

Keep posting more advice please?

Collapse
 
akdeberg profile image
Anik Khan

If it benefits you by any means, I'll be happy. πŸ˜€
And this by no means advice cause I am not qualified for that yet. See it rather as a guideline that I once felt the need of. I will try posting like this in the future.

Collapse
 
jeffjadulco profile image
Jeff Jadulco

More tips here: twitter.com/i/events/9946018679876...

Also read their book Refactoring UI

Collapse
 
akdeberg profile image
Anik Khan

Wow!!😍😍 That's a pure gem that you've just shared! I believe many will find this useful. Thanks for such a wonderful shareπŸ‘πŸΌπŸ‘πŸΌ

Collapse
 
thehahastar profile image
Katherine

Thanks for breaking it down like this! It does feel pretty intimidating trying to make a website looks great and it can be really hard ot know what the basics should be.

Collapse
 
akdeberg profile image
Anik Khan

I know that feeling Katherine, especially when you just starting out. Even posts like this won't do much if practicing is neglected. So practicing a lot would be the game-changer.

Collapse
 
sqlrob profile image
Robert Myers
Keep font size between 15 to 25 pixels.

With the mix of regular and high DPI displays, should pixels even be used?

Collapse
 
akdeberg profile image
Anik Khan

Asking question like a pro πŸ˜‰Loved this.
Honestly speaking, pixels aren't that scalable compared to em, rem as you know. For modern responsive design em, rem are more useful and painless to use.
Yet, I used pixel as unit to keep things simple. Pixel unit are easy to grasp for beginners. As the main focus of this article was to give them some sort of direction, I started with the intuitive one. And in the last paragraph I mentioned- NEVER STOP LEARNING for a reason.πŸ™‚

Collapse
 
dkrest1 profile image
Oluwatosin Akande

Great one! Honestly

Collapse
 
akdeberg profile image
Anik Khan

Thanks, mate 😍 People like you are the motivation

Collapse
 
kethmars profile image
kethmars

Great tips - simple and easy to apply!

Collapse
 
akdeberg profile image
Anik Khan

means a lot πŸ˜‰ Thanks

Collapse
 
wadigzon profile image
WADIGZON DIAZ-WONG

excellent, thanks for sharing this.

Collapse
 
akdeberg profile image
Anik Khan

No problem 😊 Hope it'll serve you a benefit

Collapse
 
edutomasi profile image
Eduardo Tomasi

Man, thank you for the tips. This simple examples are so good for who is beginning in webdesign.
Keep posting great contents like this.

Collapse
 
akdeberg profile image
Anik Khan • Edited

my pleasure 🌞 These are the suggestions I constantly get from mentors around the world and web. The credit belongs to those great people πŸ₯°
Thanks for dropping such a nice comment. πŸ™