Hey Gary, amazing design I really liked it. Would love if you could program it so I'll learn how to do all the complicated stuff like what you did in the end with the figma prototype line connected to the UI Learning and more. Thank you!
im thinking I should create coding videos, doing exactly what u said!! Step by step HTML & CSS on how to setup this webpage, going through issues/solutions, etc..
Hi Everyone! 🖐 I made the page explained in this video with #HTML and #CSS, you can check its code if you are interested. It is publicly on GitHub: Codes: github.com/KiaBoluki/UIGamer Preview: kiaboluki.github.io/UIGamer/
Hey! I really like the tips here! Just one thing as a developer all I can think of it's how much of a nightmare would be to fully adapt this on an actual website and making sense in across devices sizes hahaha
@@xxxxdddddssthen who's the best? Why would you say something like "not even close" and not offer an alternative? Is it because you don't have an alternative and just disagreed for the sake of it? Because you're braindead?
That was so cool, just like when you put the WOAH in the background! I did understand that one line can change everything and the look of the whole website, even though I didn't see the WOAH clearly but it looks attractive :)...
Hey gary, making your content about this kind of details really step up your channel! I think it's really tricky to get creative when you don't know how or where to get the inspiration and these type of vids really come helpful to also train the eye. See you around mate!
I design a lot of fact sheets, and making them stand out can be challenging. I've started to incorporate a lot of your concepts, and it has upped my game. I really like the idea of subtle layering. This is a great tutorial.
*Sir* it's Teachers Day in India !! *Happy Teachers Day!!* Sir, Thanks for sharing your knowledge, I'm not a UI UX designer but a programmer, I just felt that my programs UI UX needs some improvements so I started designing just as an hobby, later applied various tricks that I was able to pick from your RU-vid videos to my projects.
Great video. Remove BG also has a Figma plugin. Mac OS even has a quick action, just right click the image > quick tasks > remove background. I KNOOOOOW!
When you make those designs on figma, how do you make them "reality" in a website? is there a way to export it in html/css once done with the design? I'm trying to simplify my website design and I'm interested in figma but I don't understand if it's like a canva where I do my design and then code the website myself or if it can avoid me the coding process. thanks to anyone willing to reply
Things i would have added or done differently: - mirror the Box "UI Learning" to go up on the right side - it reflects the wording in "going up" rather than going down. - in the textbox, round the lower triangle to match the box border and not be so sharp - on the textbox "woahhh I can't" add a shadow from the person, as the light is coming from the light --> would give even more depth. - build a scroll effect with a parallax, in which the text-boxes float up, but the box in the back is slower than the ones in the front
Looks good, but you butchered the organization of layers on the left. And also the lack of auto layouts are an nightmare for the programmer who gets such a design. Remember that people watching this video will do as you said. Please teach also some good scalable way of designing and leverage components in figma.
Any free Discord / subReddits for designers that just show and talk about their ui designs ? i wanna find that space and learn even more about ui/ux and better myself thanks in advance
This is great an all, until you have to consider AA and sometimes AAA Level of Accessibility for the website. You'd be dinged everywhere for low contrast. Love the designs tho!
Isn't there a media query for high contrast like there is for animation and dark/light theme? I can only see one thing possible elsewise to make it more accessable if the standard design itself is not changed and that would be on hover, to make it high contrast there. But it's always the problem with lower contrast designs, they look extremely nice, but the text is just hard to make readable for everyone. Else, you should bump up the paragraph text more in size to compensate for lower contrast.
Hey, Great video! How would you replicate the blue box and lines from the UI Learning title at the end of the video? I was thinking some kind of div with a background colour for the blue box, add some rotation - but I'm not sure how you'd achieve the lines connected to it? Thanks!
congratulations for the videos I often follow your tutorials and news but this time I have a different question to ask myself, what about that light receiver during your intros? 😄
During the entire quarantine period, I learned how to write soft at soft soft. TNice tutorials is not to say that self-isolation is a pleasant tNice tutorialng,
great video, 1 question: how do you fast add avatar 12:33? To me it was only creating the circle then boom → image inside , it's unsplash image but how?
This was sooo kool! i love this video! i def would love to see more videos like this. I have been losing inspiration and after watching this video definitely has boost my creative. thanks so much. still taking your design course! 🥰
It was actually placed on the slightly lighter box at the bottom, but whether that is enough I think is a matter of taste. I tend to like it as he did it, but I understand your point.
Ideally, if the text on the chat boxes don't have semantic relevance, but are meant to be decorative element, then they should be used together with the chat box as SVGs, contained within a div with the image placed absolutely. For different screen sizes, that would depend on how the designer wants it. I think it would be better if they don't show up on smaller screens, unless the design makes a good provision for it.
