🧵Design Tips for Developers 🧵
With so much to learn, design is easy to neglect but learning a few basic design principles is a great investment for any developer.
Apply the following to your own projects to make a huge visual difference 👇
#100daysofcode #CodeNewbies #webdev
With so much to learn, design is easy to neglect but learning a few basic design principles is a great investment for any developer.
Apply the following to your own projects to make a huge visual difference 👇
#100daysofcode #CodeNewbies #webdev
Color
Keep it simple. Color should be used sparingly to highlight important information and CTAs.
For the rest of your site, use a color generator. They follow WCA Guidelines and provide thousands of beautiful color schemes to choose from.
Keep it simple. Color should be used sparingly to highlight important information and CTAs.
For the rest of your site, use a color generator. They follow WCA Guidelines and provide thousands of beautiful color schemes to choose from.
Typography
Keep fonts legible and appropriate for the style of communication. Sometimes using a combo of two sans-serif system fonts is enough, improves loading times and removes the hassle of importing fonts.
For everything else, Google Fonts has you covered!
Keep fonts legible and appropriate for the style of communication. Sometimes using a combo of two sans-serif system fonts is enough, improves loading times and removes the hassle of importing fonts.
For everything else, Google Fonts has you covered!
Layout
Keep elements aligned and maintain consistency across pages. Standardizing a set of components can take your design a long way.
With libraries like material UI and Bootstrap you can present content in a way that guides readers through your site in a logical hierarchy.
Keep elements aligned and maintain consistency across pages. Standardizing a set of components can take your design a long way.
With libraries like material UI and Bootstrap you can present content in a way that guides readers through your site in a logical hierarchy.
Space
Keep significant negative space in your layouts.
When too much information is available, it's easy to get into the habit of applying it all to one area. This often becomes cluttered and incoherent.
Read up on Vertical Rhythm and apply it to both space and typography
Keep significant negative space in your layouts.
When too much information is available, it's easy to get into the habit of applying it all to one area. This often becomes cluttered and incoherent.
Read up on Vertical Rhythm and apply it to both space and typography
Illustrations & Icons
Only include illustrations if they enhance the content. They should always match the tone and subject matter of the website.
Keep icons simple, easy to understand and universal. They should never distract the user but rather enhance their comprehension.
Only include illustrations if they enhance the content. They should always match the tone and subject matter of the website.
Keep icons simple, easy to understand and universal. They should never distract the user but rather enhance their comprehension.
Simplicity
Remember, developers are not always designers so dont be harsh on yourself if you don't like your layout.
Keep your websites simple, avoid unnecessary design and extraneous elements.
Follow the tips above and I'm sure your designs will be looking 10x better!
Remember, developers are not always designers so dont be harsh on yourself if you don't like your layout.
Keep your websites simple, avoid unnecessary design and extraneous elements.
Follow the tips above and I'm sure your designs will be looking 10x better!
