3 ms·
You can immediately learn a lot from the "Refactoring UI" series: https://youtube.com/watch?v=S6-q5BheEYU https://youtube.com/watch?v=S6-q5BheEYU These tips se
by wonger_ 2y ago
You can immediately learn a lot from the "Refactoring UI" series: https://youtube.com/watch?v=S6-q5BheEYU https://youtube.com/watch?v=S6-q5BheEYU
These tips seem good too: https://lobau.io/design-tips/ https://lobau.io/design-tips/
A lot of UI design is about spacing elements properly and consistently. Humans subconsciously notice when spacing is off. This video does a decent job showing examples: https://youtube.com/watch?v=9ElrcTtAxzA https://youtube.com/watch?v=9ElrcTtAxzA
Here's a good tool for making spacing and sizing scales in CSS: https://utopia.fyi/ https://utopia.fyi/
https://every-layout.dev/ https://every-layout.dev/ will show you the right CSS for common web layouts. They have a few free examples.
Try practicing by coding some single page HTML/CSS experiments, or sketching some wireframes, or redesigning someone else's webpage.
Use color palette generators unless you want to study color theory.
Use other people's design systems if you want to ship something instead of just practice. Material Design, Pico CSS, component libraries, whatever looks good with minimal fuss.