Intro
If you know web design you must know what rounded corners mean to web design. Without them, the web would look a whole lot different, a bit like Web 1.0 which as you may know looked horrible.
What are rounded Corners?
Rounded Corners are a very important aspect of design since when you don't have them your website or application looks very barren and unprofessional. They bring a sense of sleekness into your design and make it more playful and simple looking if you use them correctly. The absence of rounded corners does the opposite, it makes a design look more professional and serious making it suitable for professional programs like Unity game engine or WordPress.
How to make Rounded Corners
Making rounded corners is very easy in any kind of software, be it code, or just regular design software like Figma or XD, I even have a method on how to create rounded corners in Scratch.
For Code, you just need to write:
border-radius: /* your value */;
To specify a specific border-radius with code use this:
border-radius:/*top*//*left*//*bottom*//*right*/;
For Design Software, you can use the border-radius properties inside the inspector and adjust them to your needs. You can also adjust the individual border radius of each corner according to your preferences.
If you need rounded corners for Scratch you need to make points around the corners you want to round and delete the corners leaving you with rounded corners. This method helps me with UI and buttons in Scratch to this day.
Here's when Rounded Corners come in handy
If you clicked on this blog post, you probably want to know when exactly you should use rounded corners. Sometimes the situation is appropriate or inappropriate, just like with something else.
Many people overuse or misuse rounded corners by putting them into very professional designs which don't fit with the simple and playful attitude created by rounded corners.
On the other hand, if they aren't used in a simple and playful JavaScript application then many users will be upset by the lack of playfulness in the design and go away which you, obviously don't want.
Rounded Corner Overuse
Sometimes you may see rounded corners being used so much that it becomes annoying and even distracts from the content, which is king. Weirdly enough, many rounded corners on a very playful design won't hurt but imagine if the Unity game engine was made with rounded corners, it would lose its professional attitude. Or WordPress, which would then look more like Wix than like a CMS.
Conclusion
Rounded corners have been our friend for a long time now that you know how to use them correctly, I hope that you will improve your designs and make you a better web developer. Hope you enjoyed this and thanks for reading