Visual Design
13 TopicsEye Yoga: A Black-and-White Break for Your Screen-Tired Eyes
For my first-ever entry in this week’s black-and-white challenge, I stepped far outside my comfort zone, because I love colour! Embracing the monochrome theme, I created a lighthearted, collage-style interaction called "Eye Yoga". Built in Articulate Storyline 360, the visuals were crafted in Canva using a mix of halftones, shadows, and paper cut-out effects to give the piece a tactile, layered feel. The final design features three simple animations and guides learners through three quick exercises to ease digital eye strain. This project was a fun exploration of how texture, balance, and movement can still bring energy to a design—even without colour. Let me know what you think! I hope you will like it. Click here to explore the 'Eye Yoga' projectDesigning E-Learning course in Black and White | Malware Awareness Training
Level up your cybersecurity skills! Master malware detection with a fun, click-and-reveal twist. Simple, sleek, and effective designed in Black & White for maximum focus and clarity for learners! Course Key Features: Objective: Build your expertise in malware detection and become unstoppable! Action: Engage in interactive, click-and-reveal challenges to strengthen your skills! Feedback: Instant feedback to make you smarter with every click! Get ready to spot those malware signs! Click the link to start the fun now! https://www.swiftelearningservices.com/designing-e-learning-course-in-black-and-white/Eye Yoga: A Black-and-White Break for Your Screen-Tired Eyes
For my first-ever entry in this week’s black-and-white challenge, I stepped far outside my comfort zone—because I love colour! Embracing the monochrome theme, I created a lighthearted, collage-style interaction called "Eye Yoga". Built in Articulate Storyline 360, the visuals were crafted in Canva using a mix of halftones, shadows, and paper cut-out effects to give the piece a tactile, layered feel. The final design features three simple animations and guides learners through three quick exercises to ease digital eye strain. This project was a fun exploration of how texture, balance, and movement can still bring energy to a design—even without colour. I hope you will like it. https://360.articulate.com/review/content/b16e222f-a2e3-40b2-9aa7-b86c7ad0da8c/reviewChallenge 513: Black & White Character Builder – Vintage Circus Edition
For this week’s black-and-white design challenge, I created an interactive “Build-a-Character” experience inspired by the whimsical world of vintage circuses. Using only black silhouette parts on a white canvas, learners can drag and drop elements to assemble their own unique character—from elegant Art Nouveau figures to bold strongmen and animal-inspired hybrids. This project explores how contrast, shape, and visual hierarchy can drive creativity without relying on color. It’s playful, theatrical, and full of personality—just like the circus! Built in Articulate Storyline 360 Assets: Custom-designed silhouette parts (transparent PNGs) Interactions: Drag-and-drop, text entry, and navigation buttons Let me know what you think—and feel free to try building your own character! Silhouette Studio GameVisual Echoes: Guiding Attention, Conveying Emotion
Thanks for this interesting challenge about the image echo effect. The slide I’m sharing here is about hearing loss in children. Instead of using a faded image as an echo, I chose a silhouette—it fit better with the bright colors and added a subtle layer of meaning. I was surprised how effective this echo technique was in communicating the core message. So I did some digging and found that visual echoes work because they draw on cognitive principles like figure-ground perception, visual salience, and even metaphor. A transparent or reduced echo doesn’t just duplicate the image—it regulates how we perceive the main subject, guiding focus and emotion. This makes it more than a design trick—it’s a communication tool. Enjoy! Hearing Loss in ChildrenChallenge 510
I decided to do my first E-Learning challenge! This week's challenge is to create a cover slide that incorporates a transparent design technique. My idea was to create a fictional Photography portfolio for a fashion-focused photographer named Lance Corona. Using Storyline, I created all the animations for my design. Additionally, in the link below, I added emphasis and state changes to the button when it is clicked. https://360.articulate.com/review/content/235fa5c9-052f-433b-af01-4a0d39619e96/reviewCropped Shadow with Pop Out Character
I like the look of the avatars in this dribble account and the way the shadows were inside the box while the character popped out. See the example here. About Me I love helping people learn to use the Articulate software to meet their needs at work. I especially like to help those new instructional designers who are trying their best to get a handle on things. I regularly contribute to the training team's blog where we assemble all sorts of tips and tricks. Follow it to stay up to date. I post every Wednesday to Articulate's company blogwhere I share more general instructional design tips. I used to write the Rapid E-learning Blog. Still lots of good tips & tricks in there. Connect with me on LinkedIn and follow my YouTube for more tips & tricks.