|
Hey Harry, Shout-out the the hundreds of folks who tuned into yesterday's Craft Workshop 🫶 My fav part was probably the AI-generated poetry about em dashes showing up in the chat. Emily Dickinson is back, baby! [📣 PSA: Learn UI Design, Learn UX Design, and Landing Page Academy close enrollments in 24 hours. Questions? AMA 🔥] Speaking of things that are back, let's talk about a few lighting/texture-related techniques we covered in the workshop. Here's what we made 👇 And here are 3 techniques we used… 🥁 1/ Gradient maskIf you were a designer pre-2014, you remember this! A gradient mask allows imagery to gently fade out, which is great for landing pages, illustrated pages, etc. Add a blurred shape (or one filled with a translucent solid/gradient fill 😉) whereyou want the image to appear... And mask away! (cmd+ctrl+m on Mac) Nice for a subtle geometric pattern in the background, just to add interest 😎 (By the way, for dozens of techniques like this, check out Landing Page Academy. The Visual Interest Table – contained therein – has tons of similar tricks 👍) 2/ Noise judoWe wanted to simulate a glass texture with this email input, but the classic technique of background blur wasn't really doing anything on the already-smooth background 🫤 Solution? Add (subtle) noise to the entire background – and then the frosted glass effect shows up by contrast. This "reversal thinking" comes up plenty in Learn UI Design. For instance, want to emphasize an element? Might be cleaner to de-emphasize everything else. Boom, art school = skipped 😎 3/ Lighting & shadow effectsThis might be a bit subtle for a compressed email image, but here are probably the 3 most go-to techniques for lighting a button: Maybe basic? Sure, but I definitely wished someone had exposited on the details of LIGHT COMES FROM THE SKY when I first started designing! And, like UI shadow/lighting effects being based on how light works in the real world, there's SO MUCH of design that's based on underlying logic and rationale. That's why my students say things like this: Want to present your designs better (in interviews and for your team)? Again: learn the logic of design. These skills can help you advance your career... …and they can do so at a fraction the cost of other bootcamps/courses. I am so stoked to see quotes like these. I've poured everything I know about design into these courses, and I'm thrilled to see others learning and growing with them. Want to master
Want to learn actually practical UX?
Want to design high-converting, beautiful landing pages?
All courses contain:
Alright – any last-minute questions before enrollment closes? I’ll answer every one 😎 Best, |