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. 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 ChildrenQuick and Dirty Image Effect for E-Learning Cover Slides #377
E-Learning Cover Slides #377: Challenge | Recap Can You Judge an E-Learning Course by Its Background Image? Need a quick way to set the stage for your course content? Try using a custom background image. Background images are the largest object on your slide, making them one of the best ways to establish context while creating a sense of location. This works equally well for content and course cover slides. But not all projects require custom themes or visual treatments. For example, most e-learning courses are built from existing templates that are modified based on the course content. That’s okay because there’s a background trick for those courses, too! Creating Custom Backgrounds Images Using Transparency In a recent post, Tom Kuhlmann shared a visual design tip commonly used in advertising and high-end product photography. The effect is achieved by using the same image for the focal point and background graphic. The background version is scaled beyond the slide size, and transparency dialed way up to blend the image into the background. Here’s a before-and-after view of the effect: Notice how the faded image fills the background without dominating the slide? This is one of the quickest ways to add richness and depth to your slide backgrounds. And that's what this week's challenge is all about! Challenge of the Week This week, your challenge is to create a cover screen for an e-learning course, real or fictional, using the transparent echo technique. You can share a static image of a cover slide or add a cover screen to an existing project or challenge entry you created. Share Your E-Learning Work Comments: Use the comments section below to share a link to your published example and blog post. Forums: Start your own thread and share a link to your published example.. Personal blog: If you have a blog, please consider writing about your challenges. We’ll link back to your posts so the great work you’re sharing gets even more exposure. Social Media: If you share your demos on Twitter or LinkedIn, try using #ELHChallenge so your tweeps can track your e-learning coolness. Last Week’s Challenge: Before you uncover your slide designs, check out the creative ways course designers build templates from stock vector illustrations: E-Learning Templates from Illustrations #376: Challenge | Recap New to the E-Learning Challenges? The weekly e-learning challenges are ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of the previous challengesanytime you want. I’ll update the recap posts to include your demos. Learn more about the challenges in this Q&A post and why and how to participate in this helpful article.Challenge 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/review
