Looking at your designs - UI/UX Design Audit 10 

This is coming to hype4academy pro plan soon (one a month) as an exclusive :)

Glad to hear it!

Thanks, will do! I hope to have one video of this kind every two weeks, and some smaller design videos weekly. But still a lot of non-design ideas I want to pursue on these channel are waiting for their turn too ;)

Glad you like them!

Thanks! That's exactly my goal :)

Thanks Nathan! The rule about optical vs math alignment is basically all about whether the project is going to be coded or not. Portfolio projects are generally done to attract clients / employers so adding a bit of that unachievable perfection makes sense there. With real, coded projects it's obviously not as simple, but if they're not big products, we sometimes actually still use optical alignment for some specific objects. The main problem is of course with fonts, as other elements (shapes) align ok to the grid. Our developers don't mind, albeit it does add a bit of extra work to categorize specific font sizes and their spacing.

@@MalewiczHype drop the mic :). great, thanks man

Glad you think so! There are hours of videos like that on this channel :))

Thanks Geffrey! I'm trying to just focus on simple, actionable things, as of course there's always room for even further improvement, but it's not my goal to overwhelm, just point in the right direction. Some of my comments here are fully optional :)

Hi! I've seen it that way a couple of times, but in general a bottom aligned set of tabs is always the best option, unless for some reason you need the entire screen height (camera apps for example). In general as far as ease of use goes you're right :)

@@MalewiczHype Ok good :)

I appreciate that!

When icons are outlines you can do it easily. When they're fills then yeah you need to re-do them manually.

@@MalewiczHype thanks buddy. Where do you go for icons usually. I’ve been the noun project but they can be very inconsistent.

Glad you liked it :)

Thanks so much :) I think I actually have one audit of a website on this channel too, they're just not as popular + a bit more complex canvases to cover without making the video super long.

Definitely - alignment / spacing is number 1. You can even use comic sans and have pretty bad colors but with good alignment it will only look half bad ;)

@@MalewiczHype hahaha nice. :D Rainbow background, comic sans, colors that kill your eyes and combining images in greyscale and colors - all doable with great alignment and spacing :D :D Thanks for your replies. I really thankful to have found you early on in my journey, first week in, youre saving me a lot of time and pointing me in the right direction ;) Thanks I appreciate it

To align it optically. The automatic alignment in Figma is rarely optically right and it just doesn’t look good

@@MalewiczHype If you adjusted the line-height on the text, it would be aligned correctly.

They don't have to figure it out on their own - we provide them with a "nudge" value which means how much different padding there should be depending on the font size (it's usually 1p for most typical font sizes so not that bad) And of course this is a slightly more difficult way of doing these things, but I really like projects to be optically aligned - even in code. And if you're working on just a portfolio project like the one in this example, then the better you align it optically the better the outcome :)

@@MalewiczHype do you mean you ll have this some sort of mapping file that would translate all these spacings to actual values? 1x, 2x and so on variants

Sort of, yes.

Makes sense - thanks!

You can DM me on Twitter.

These are suspended for the time being as I am 100% focused on the course, but once they come back later in the year I'll announce all the details :)

@@MalewiczHype Thanks!

Za jakiś czas wrócę do tego na naszym community slacku - więc na start na pewno warto tam być ;-)

thanks! 😊