Zohro
KPCKevin Powell - Community
•Created by Saryn on 12/3/2023 in #ui-ux
UI Tips
I would definitely recommend experimenting design ideas inside Figma. Look up some inspiration for typography ; you could use more bold fonts in your design. Use more space too, let your content breathe.
I think those two points are a good starting place to improve your UI.
Good luck !
4 replies
KPCKevin Powell - Community
•Created by DimitriUI on 11/29/2023 in #front-end
EM and REM scaling in different resolutions
I will for sure read all this 🙂 Thanks
48 replies
KPCKevin Powell - Community
•Created by DimitriUI on 11/29/2023 in #front-end
EM and REM scaling in different resolutions
I'm probably over engineering tbh
48 replies
KPCKevin Powell - Community
•Created by DimitriUI on 11/29/2023 in #front-end
EM and REM scaling in different resolutions
The point of my testing was so everything would scale up when the resolution gets big enough but remains accessible otherwise for people with visual impairment that uses a bigger browser font-size (more than 16px).
48 replies
KPCKevin Powell - Community
•Created by DimitriUI on 11/29/2023 in #front-end
EM and REM scaling in different resolutions
I feel like having a design that adapts itself without you having to redefine it's properties depending on x viewport size would be better no ?
48 replies
KPCKevin Powell - Community
•Created by DimitriUI on 11/29/2023 in #front-end
EM and REM scaling in different resolutions
why would you not use clamp and avoid using media query ? I'm genuinly curious.
48 replies
KPCKevin Powell - Community
•Created by DimitriUI on 11/29/2023 in #front-end
EM and REM scaling in different resolutions
depends, design wise 16px for normal paragraph on large screen and 12px on small devices is usually the way to go.
48 replies
KPCKevin Powell - Community
•Created by DimitriUI on 11/29/2023 in #front-end
EM and REM scaling in different resolutions
not sure if this can help but I've been working on this today actually with clamp : https://codepen.io/xrktnsxx-the-solid/pen/ZEwMVWe
I want to experiment more on it to fine tune it but yea
48 replies
KPCKevin Powell - Community
•Created by DimitriUI on 11/29/2023 in #front-end
EM and REM scaling in different resolutions
If you don't declare anything (which I recommend for accessibility) the default font-size will be the one set in your browser. In chrome you go in Settings -> Appearance and you have the "Font size" option and "Customize fonts" to play with.
This means that people with 4k resolution will probably want to zoom-in or make their browser font-size bigger unless you manage to keep accessibility of the font-size while also making it adapt to bigger resolution. I'm not sure if I make sense..
48 replies
KPCKevin Powell - Community
•Created by Ali on 11/26/2023 in #ui-ux
Improve the hero section
There is two things I see that could improve the design : first thing would be a color accent to help direct the user's eye through your page and second one maybe an image or graphic element to also get some attention ? Hopefully that helps.
3 replies