Using Glassmorphism Designs in E-Learning Course Development #310
Glassmorphism Design in E-Learning#310:Challenge|Recap It's a new year, and that means new design trends. In a recent challenge, we looked usingthe2021 Pantone Color of the Year in e-learning design. If you haven't checked out the examples, stop what you're doing and check them out. The color of the yearis abig deal because it will influence design, fashion, home interior, and consumer product trends in the upcoming year. 2021 E-Learning Design Trends This week, we're looking at how course creatorscan use the frosted glass effect, known as glassmorphism, in their e-learning designs. Glassmorphism is a design conceptthat’s been around for a while. Variations of the effect have been used in iOS 7 and Mac OS Big Sur. The effect is created by layering gradient or blurred backgrounds and semi-transparent shapes and panels. Here's an example: Courses Dashboard by Rudi Hartono Applying Glassmorphism Effects to E-LearningTemplates If you’re looking for a place to start, try working with an existing course or template you’ve already built. This way, your content is already in place, and you’re free to focus on the design elements. Here’s a quick before and after for the Serenity template. To create the blurred background effect, I started in PowerPoint and went to Format Picture > Artistic Effects > Blur. Depending on the image you use, you might need to apply another round of blur to the image. To apply a second blur effect, save your image as a picture. Saving the image flattens the blur effect. Insert the blurred image back into PowerPoint and repeat the process. I think the effect turned out pretty well, but I would still like to play with different layouts and panels before considering this a final design concept. Challenge of the Week This week, your challenge is to share an example demonstrating how glassmorphism can be used in e-learning. Your example can be interactive or a screenshot. We want to see how this design trend can be used in course design. Resources Here are some good examples of glassmorphism to give you an idea how the design effect is being used in UI design. Glassmorphism designs and examples on Dribbble Frosted glass examples on Dribbble Glassmorphism in user interfaces 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 dive into this week’s challenge, check out the interactive aircraft safety cards your fellow community members shared over the past week: Interactive Passenger Safety Cards #309: 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 challenges anytime you want. I’ll update the recap posts to include your demos.198Views0likes147CommentsUsing Photo Mosaics to Design Interactive Stories #459
Interactive Photo Collages in E-Learning#459: Challenge | Recap Visual Storytelling with Photo Collages Build an interactive slide or course from a single image Get rid of bullet points You don't need to be a photographer to make this work Use your own photos or prebuilt stock photo collages Create multiple panel layouts similar t comic books From straightforward panel layoutsto asymmetrical compositions, photo collages offer a quick and effectiveway to craftimage-driven storiesusing stock photo collages. Here's a simple mockup of how the effect can work from a stock photo. A quick search in your favorite stock photo site returns a variety of photo collage styles and possibilities. Here are two more ideas: To learn more about this creative effect, check out Tom's post onconverting courses to interactionswith photo stories. Challengeof the week This week, your challenge is to create an interactive story around a photo collage. You can use placeholder photos and graphics or rework an existing project into a photo collage. Want some examples? Check out the ELC322 recap for community examples of this effect. Here are a few ideas to get you started: Design your story around a common problem or challenge Rework an existing scenario or interaction using a photo collage Use the built-in characters (illustrated and photographic), which include multiple expressions and poses Map collages are ideal for interactive org charts or customer profiles 🙌 Last Week’s Challenge: Check out the spinning wheel and roulette-inspired examples from last week's challenge: Roulette & Spinning Wheel GamesRECAP#458:Challenge|Recap 👋 New to the E-Learning Challenges? Theweekly e-learning challengesare ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of theprevious challengesanytime you want. I’ll update the recap posts to include your demos. Learn more about the challenges in thisQ&A postand why and how to participate in thishelpful article. 📆 Upcoming Challenges Challenge #460 (05.03): Toggle Buttons. See ELC97 for an idea of what we're going for in next week's challenge. Challenge #461 (05.10): Interactive Podcasts. See ELC364 for a related challenge. This time, the questions will focus on the value of working out loud, weekly challenges, and growing your skills. Challenge #462 (05.17): Click. Hover. Drag. See ELC144 for a general idea of what we're doing. 🚨2024 Articulate User Conference Call for Proposals We’re now accepting proposals for this year’s in-person user day conference co-hosted at DevLearn in Las Vegas.Learn more about the proposal process.84Views0likes61CommentsReducing Text and Bullet Points in E-Learning #431
Bullet Point Makeovers in E-Learning #431: Challenge | Recap Bulleted lists are hands-down one of the most common ways to break up large blocks of text in e-learning. They’re quick and easy to create, and when used appropriately, bullets can improve: Readability Scannability Organization But like any formatting technique, overuse of bullets can overwhelm or confuse learners and make your content difficult to digest. So, how can course designers create more effective variations of bulleted lists that keep learners focused and engaged? That’s what this week’s challenge is all about! Challenge of the Week This week, your challenge is to share one or more ideas for reducing on-screen text and bullet points in e-learning. Your example can be static or interactive, and you can use any app to create your demo. Resources Reducing Bullet Points and On-screen Text in E-Learning 5 Ideas for Turning Boring Bullets Into Engaging Interactions 6 Rise 360 Blocks to Use Instead of Bullet Points Five Sure-Fire Ways to Get Rid of Bullet Points Convert Your Bullet Points to Interactive E-Learning with Video Beyond the Bullets: 6 Great Uses For Dingbat Fonts Share Your E-Learning Work Comments: Use the comments section below to link your published example and blog post. Forums: Start a new 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 to your posts so your great work gets even more exposure. Social media: If you share your demos on Twitter or LinkedIn, try using #ELHChallenge so your tweeps can follow your e-learning coolness. ✨Last Week’s Challenge: To help you calculate the best approach for this week’s bullet point challenge, check out the financial calculator examples shared over the past week: Financial Calculator ExamplesRECAP#430: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 challenges anytime 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. 📅 Next Week’s Challenge Next week's challenge (9/15/23): Using Escape Rooms in E-Learning. See challenge #198 to learn more about this challenge. Got an idea for a challenge? Are you interested in doing a webinar showcasing how you made one or more challenge demos? Or do you have some comments for your humble challenge host? Use this anonymous form to share your feedback:https://bit.ly/ElearningChallengeForm.83Views0likes79CommentsUsing Pantone's 2023 Color of the Year in E-Learning #399
Using Pantone's Viva Magenta in E-Learning#399: Challenge | Recap Welcome to the Magentaverse! Pantone recently announced its 2023 Color of the Year: Viva Magenta. Pantone describes the color as: “anew animated red that revels in pure joy, encouraging experimentation and self-expression without restraint, an electrifying, and a boundaryless shade that is manifesting as a stand-out statement.” What is the color of the year and why is it important? The Pantone Color of the Year is important for a number of reasons: It helps to define and set the tone for design trends in various fields, such as fashion, home decor, and graphic design. It’s often used as a reference point by designers to inspire and guide their design choices. It’s a useful marketing tool for companies and brands, as it allows them to stay current and relevant to consumers. It serves as a source of inspiration for consumers looking to incorporate the latest color trends into their own personal style. Why do an e-learning challenge on a single color? Great question! As course designers, you're often asked to work within the constraints of a company’s branding guidelines to ensure your course designs align with the overall brand identity. This type of design exercise forces designers to step outside their comfort zone and work with branding elements they wouldn’t naturally choose. Whether or not you love this year’s color, be prepared to see it everywhere. From fashion to beauty products to e-learning design, Viva Magenta will be the most influential color over the coming year. And that’s what this final challenge of 2022 is all about! How to Use the Pantone Color of the Year 2022 in E-Learning E-learning designers can use Pantone's Color of the Year in various ways to create visually appealing and effective e-learning courses. Some specific ways that e-learning designers might use Pantone's 2023 Color of the Year include: As a color palette: Use Viva Magenta to create a cohesivetheme colorfor your course. This could involve using as abackgroundcolor or incorporating it into graphical elements such ascharts, diagrams, andicons. As an accent color: Use as an accent color to highlight important information or to draw attention to specific areas on your slide. This could involve using the color inbuttons,markers, or other interactive elements. As a design element: Use color as agraphic design elementto addvisual interestto your course. This could involve using the color inbackgrounds, gradients, or patterns. In combination with other colors: Use Viva Magenta in combination with other colors to create a cohesive and visually striking design. Working with Tints and Shades One of the easiest and safest ways to create a color palette is to start with a base color and use tint and shade values for the secondary colors. A tint is a lighter version of a color that is achieved by adding white to the color. Tints are often used to create a softer, more subtle effect than the full intensity of the color. A shade is a darker version of a color that is achieved by adding black to the color. Shades are often used to create a more dramatic or sophisticated effect than the full intensity of the color. E-learning designers can work with tints and shades in a variety of ways, depending on the desired effect and the context in which the design will be used. Here’s a super quick mockup I put together using one of the illustrated templates from Content Library: How to Create Custom Colors in PowerPoint with Tints and Shades Creating custom color palettes with tints and shades is a fantastic way to create a cohesive and visually appealing design. Here’s a quick tutorial on how you can create your own tints and shades color palette. View on YouTube | Download the PowerPoint Template Challenge of the Week This week, your e-learning challenge is to design a template or interaction using Pantone's Viva Magenta. Your slides can be static or built out as working interactions. Your goal is to work from a single color and show how you will carry that color across your design templates. Resources To get an idea of what course designers shared in previous color challenges, check out the following challenges: 2014: Radiant Orchid 2015: Marsala 2016: Rose Quartz-Serenity 2017: Greenery 2018: Ultra Violet 2019: Living Coral 2020: Classic Blue 2021: Illuminating 2022: Very Peri 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 dive into the magentaverse, check out the fantastic examples from last week's How Things Work challenge: Examples of How Things WorkRECAP#398: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 challenges anytime 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.79Views0likes135CommentsShow Us Your Custom Navigation Menus for E-Learning #79
E-Learning Menus and Navigation#79:Challenge|Recap Intuitive navigation is an important element in e-learning design. Course designers who stick with default player menus usually don’t have to worry about user interface (UI) design since player manages the navigation. One reason rapid e-learning became so popular with instructional designers is because the tools generated the course menu, freeing IDs to design content rather than program course menus. If there’s a downside to prebuilt menus, it’s that they encourage linear, click-and-read courses. Custom navigation menus, like those often used in nonlinear courses, can permit learners to jump around the course as they choose. But moving beyond traditional menu navigation means course designers need to think more like UI designers. To jumpstart this week's challenge, I’ve rounded up some creative navigation examples your fellow community members have shared. Game Navigation Video game consoles, traditional board games, and tablet-inspired menus are excellent ways to seek inspiration. Game Center Template by Tom Washam Tabs Navigation Tabs are the most popular type of menu navigation we see in courses. They’re highly customizable and can be created using a variety of shapes and styles. If you go with a tabs menu, please cross-post in the tabs challenge. View the interaction|Download (SL2) |Download (SL360) More tabs interactions: Web Style Tabbed Interaction by Phil Mayor Storyline 2: Power Teal E-Learning Template by Tom Kuhlmann Web Inspired Tabbed Interaction by Trina Rimmer Tabz by Przemysław Hubisz Simple, Clean Design: Tabs Template by Nicole Legault 4-Step Tabs Interaction by Anand Timothy Interactive Steps Tabs by Matthew Guyan Menu Template by Nancy Woinoski 5-Step Action Interaction by Kevin Thorn Folder Tabs Interaction by David Anderson Six Tabs Interaction Layouts by Montse Anderson Icon Navigation Icons and graphics are another popular approach to course menus. When used consistently, visual buttonscan remove the need for on-screen button labels. If you’re looking for tips on building your own icons, check out last week’s icon e-learning challenge. Flat Design Portfolio by Paul Alders More icon-based examples: Icon-Based Navigation by Tom Kuhlmann iPhone Tabs Timeline Interaction by Montse Anderson Tabs Interaction: Meet the Team by Montse Anderson Animated Menus This mobile-inspired menu includes bookmarking features to indicate completed lessons and a collapsible menu to free up slide space. Storyline 2: Animated Menu by Jeff Kortenbosch More examples of mobile-inspired menus: Inviting Navigation DesignbyJackie Van Nice Appetizing Digital MagazinebyKristin Anthony Map Navigation Similar to the icon-based navigation, map themes are a creative alternative to text-based menus. Nicola shared a branching example based on a village illustration. Learning Village Branching Navigation More examples of map navigation: Create Your Own QuestbyJackie Van Nice Challenge of the Week This week, your challenge is to: create a custom menu example for an e-learning course share your favorite UI design tip for building custom navigation menus You can design any kind of menu navigation you like. The focus this week is more on navigation ideas and concepts. Don’t worry about putting together a highly polished menu or interaction. Resources Here are some tutorials and articles that will help you create your challenge demo. The Ultimate Guide to Buttons in Storyline 2 6 Creative Navigation Examples More Than a Dozen Ways to Navigate an E-Learning Course Last Week’s Challenge: E-Learning ChallengeRecap#78:Challenge|Recap Wishing you an easy-to-navigate week, E-Learning Heroes! New to E-Learning Challenges? The weekly challenges are ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of the previous challenges anytime you want. I’ll update the recap posts to include your demos.52Views0likes320CommentsBlurred Backgrounds in E-Learning Course Design #366
Blurred Backgrounds Effects in E-Learning#366: Challenge | Recap Design Visually Rich BackgroundsUsing This SimpleEffect Background images are one of the best ways to add visual interest to your e-learning slides. The right background image can help establish the context for a slide, create a sense of location, or subtly add depth to your slides. But background images can be tricky. As the largest slide design element, background images often compete with instructional elements like text, graphics, and buttons. Here’s an example of a full-slide background image that competes with the on-slide text and character. An easy way to correct this slide is to blur the background. The blur effect creates better contrast between the background image and foreground elements. Here’s an updated example with some moderate blur applied to the background image. Notice how the character is better emphasized and the text is more readable? The image retains enough detail to set the scene while our primary design elements are pulled forward. Moving from Blurred to Abstract Dial in a heavier blur setting for an even more abstract background effect. The image’s colors are retained, but the detail is lost. Backgrounds don't need to dominate your slide to be effective. Sometimes a subtle, supporting role is all your slide needs. Finding the right balance is what this week's e-learning challenge is all about! Challenge of the Week This week, your challenge is to share an e-learning slide, demo, or design comp that features blurred backgrounds. Try to include before-and-after examples to show how your background graphics transformed your original slides. Bonus: Share your backgrounds as a separate asset or download. We'll post a blurred backgrounds round-up to share your bundles of blurred goodness in a few weeks. 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 ownthreadand 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#ELHChallengeor#ElearningChallengeso your tweeps can track your e-learning coolness. New to the E-Learning Challenges? Theweekly e-learning challengesare ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of theprevious challengesanytime you want. I’ll update the recap posts to include your demos. Learn more about the challenges in thisQ&A postand why and how to participate in thishelpful article. Last Week’s Challenge: Before you dive into this week's challenge, take some time to check out the interactive video examples your fellow challengers shared over the past week: Interactive Video in E-Learning#365:Challenge|Recap37Views0likes173CommentsCustomizing Storyline Interactions for Rise 360 Templates #306
Using Storyline Blocks in Rise 360#306:Challenge|Recap The great thing about Rise 360 is that it’s super-fast and easy to create fully responsive e-learning courses. The best part about Storyline is that you have endless possibilities to create whatever you can imagine. And with Storyline blocks in Rise 360, you get the best of both worlds: custom interactivity in a fully responsive course. In a previous challenge, we looked at inserting Storyline blocks into Rise 360 courses. We had just released the Storyline block, and this challenge provided designers an opportunity to practice working with this exciting new block type. As always, the examples shared were terrific. Building a Cohesive Visual Design with Storyline Blocks With Rise 360, the blocks are visually designed to always look consistent and intentional. A common design challenge is applying the same intentional designs to your Storyline interactions. Since Rise 360 uses light and minimalist designs, your Storyline interactions should also share similar design elements. This card trick demo from Own Holt is an excellent example of customizing Storyline interactions to align visually with Rise 360 blocks. View the example|Owen Holt Using Rise 360 Templates A great way to practice designing Storyline interactions for your Rise 360 courses is to start with the built-in, customizable templates. The templates include relevant headings, imagery, and interactions. This makes it easy for you to focus on your Storyline interactions. Challenge of the Week This week, your challenge is to share an example demonstrating how Storyline blocks can be customized and used in Rise 360.You can use your own content or start with one of the Rise 360 templates. Articulate Training Looking to learn more about using Storyline blocks in Rise 360? Check out this on-demand webinar to learn how to set up your Storyline interactions to use in Rise 360. 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: To help you rise to this week’s challenge, check out the interactive cooking examples your fellow challengers shared in last week’s challenge: Online Cooking Recipes and Interactions #305: 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 challenges anytime you want. I’ll update the recap posts to include your demos.32Views0likes96CommentsUsing Pantone's 2023 Color of the Year in E-Learning #444
Pantone Color of the Year 2024#444: Challenge | Recap Welcome to PANTONE 13-1023 Peach Fuzz! Pantone announced its 2024 Color of the Year: Peach Fuzz. Pantone describes the color as: “In seeking a hue that echoes our innate yearning for closeness and connection, we chose a color radiant with warmth and modern elegance. A shade that resonates with compassion, offers a tactile embrace, and effortlessly bridges the youthful with the timeless.” What is the color of the year and why is it important? It shows what colors will be trendy in things like fashion, home decoration, and graphic design, helping set the overall style. Designers use it as a source of inspiration to guide their creative choices. Companies and brands use it to give their products a fresh and current design style. E-learning designers looking for trendy colors to use in their projects. Why do an e-learning challenge on a single color? As course designers, you often need to adhere to a company's style guide to ensure your course's look and feel align with the organization's branding requirements. Whether you love or hate it, get ready to see Peach Fuzz everywhere. It'll show up in fashion, beauty products, and even in the design of online courses. Peach Fuzz will be the most popular color in the coming year. This type of design exercise is designed to stretch you by using colors you may not like. And learning to use Peach Fuzz in e-learning is what this final challenge of 2023 is all about! Using the Pantone Color of the Year 2024 in E-Learning View the recommended color harmonies Pantone provides color harmonies for getting the most from this year's color. Here are some ways course designers can use Peach Fuzz in their e-learning projects. Color palette: Use Peach Fuzz to create a cohesive theme color for your course. This could involve using it as a background color or incorporating it into graphical elements such as tooltips, charts, diagrams, and icons. Accent color: Use as an accent color to highlight important information or to draw attention to specific areas on your slide. This could involve using the color in buttons, markers, or other interactive elements. Design element: Use color as a graphic design element to add visual interest to your course. This could involve using the color in monochromatic themes, gradients, or patterns. Color combinations: Use Peach Fuzz in combination with other colors to create a cohesive and visually unique theme. Using with Tints and Shades to Create Custom Color Palettes One of the easiest and safest ways to create a color palette is to start with a base color and use tint and shade values for the secondary colors. Tints: Tints are lighter shades of a color made by mixing it with white. They are used when you want a color to look softer and less intense. Shades: Shades are darker versions of a color made by adding black to it. They are used when you want a color to look more dramatic or elegant than its original strong color. E-learning designers can use tints and shades as a starting point for creating custom color palettes. Here's a quick example I made using one of the slide templates from the Content Library: Creating Custom Colors in PowerPoint with Tints and Shades Creating custom color palettes with tints and shades is a fantastic way to create a cohesive and visually appealing design. Here’s a quick tutorial on how you can create your own tints and shades color palette. View on YouTube | Download the PowerPoint Template 🏆 Challenge of the Week This week, your e-learning challenge is to design a template or interaction using Pantone's Peach Fuzz. You can build anything you like this week. You aim to work from a single color and show how to carry that color across your design templates. 🧰 Resources This is our 11th Pantone color challenge. To get an idea of what course designers shared in previous color challenges, check out the previous challenges: 2014: Radiant Orchid 2015: Marsala 2016: Rose Quartz-Serenity 2017: Greenery 2018: Ultra Violet 2019: Living Coral 2020: Classic Blue 2021: Illuminating 2022: Very Peri 2023: Viva Magenta ✨ Share Your E-Learning Work Comments: Use the comments section below to link your published example and blog post. Forums: Start a new 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 to your posts so your great work gets even more exposure. Social media: If you share your demos on Twitter or LinkedIn, try using #ELHChallenge so your tweeps can follow your e-learning coolness. 🙌 Last Week’s Challenge: To help you nurture and embrace this week's challenge, check out the top things course designers wish they'd known when they started their careers: 10 Things E-Learning Designers Learned RECAP #443: 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. 📆 Next Week’s Challenge Next week's challenge(Dec 15, 2023): The 2023 challenge season is over, but I'd like your help with a couple of end-of-year roundups. Next week's challenge post will be to share your favorite challenge example of 2023. I'll compile your examples into a "Best of 2023" listicle. Make-up challenge: We need to make up challenge #426 (Barbenheimer) to keep our challenge numbering consistent. We had to remove #426, so I'm reworking the challenge to be more general. It will still follow the format of mixing two distinct design styles. I'll post more on that next week. Challenge recaps: I'm going through every challenge of 2023 to ensure your entries are captured in the recap posts. If you submitted one or more challenge demos but don't see them in the recaps, you can use this form to let me know. I'll have everything current by the end of month. Got an idea for a challenge?Are you interested in doing a webinar showcasing how you made one or more challenge demos? Or do you have some comments for your humble challenge host? Use this anonymous form to share your feedback:https://bit.ly/ElearningChallengeForm.29Views0likes83CommentsGo from Flat to Phat with the Floor, Wall, & Baseboard Technique #419
Using the Floor, Wall, & Baseboard Technique #419: Challenge | Recap Looking for a quick and easy way to give your slides a sense of depth and perspective? Of course, you are! The "floor, wall, baseboard" technique is a design approach that uses three different visual elements to create a three-dimensional effect resembling an open room or space. Here's how it works: Floor: The bottom portion of the slide represents the floor. This area typically uses a solid color or a subtle gradient to create a foundation for the slide content. Wall: The central portion of the slide represents the wall. It is where the primary content, such as text, images, or charts, is placed. The wall area often utilizes a clean background, such as a solid color, a texture, or a pattern, that complements the overall design and enhances readability. Baseboard: The baseboard refers to the middle strip of the slide, similar to the baseboard found in a physical room. It is usually a thin rectangle that can incorporate a contrasting color, texture, or pattern that creates a horizon line which provides visual interest and separation between the floor and the wall. And here's a video overview of the three-step process: Challenge of the Week This week, your challenge is to share a simple example that shows how the floor, wall, & baseboard effect (FWB) can be used to create custom scenes and backgrounds in e-learning. If you’re short on time, you can create a static slide using the three visual elements. Share Your E-Learning Work Comments: Use the comments section below to link your published example and blog post. Forums: Start a new 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 to your posts so your great work gets even more exposure. Social media: If you share your demos on Twitter or LinkedIn, try using #ELHChallenge so your tweeps can follow your e-learning coolness. Last Week’s Challenge: To give you some perspective on this week’s challenge, check out the motion graphics examples your fellow challengers shared over the past week: Motion Graphics in E-LearningRECAP#418: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 challenges anytime 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. Got an idea for a challenge?Are you interested in doing a webinar showcasing how you made one or more challenge demos? Or do you have some comments for your humble challenge host? Use this anonymous form to share your feedback:https://bit.ly/ElearningChallengeForm.27Views0likes83CommentsUsing Google Doodles to Inspire E-Learning Activities #404
Using Doodles to Inspire E-Learning Design #404: Challenge | Recap Google Doodles are decorative changes made to the Google logo to celebrate a wide range of historical events and achievements. Doodles are a lot like e-learning courses. They can be static, illustrated, animated, gamified, or interactive. Doodles are a playful way to teach history, culture, and science. For course designers, they’re a great way to practice e-learning. And that’s what this week’s challenge is all about! Challenge of the Week This week, your challenge is to create an example using Google Doodles as your source of inspiration. Your entry can be illustrated, animated, or interactive. Here are a few ideas to help you get started: Use as a starting point: Pick one or more Doodle elements, such as colors, themes, or illustrations, and use them in your own design. Create your own Doodle: Pick an event or holiday and design your own Google Doodle based on it. Make a static Doodle interactive: Use a static Doodle as a starting point and make it interactive. Recreate a Doodle animation: Practice animation by recreating one or more Doodle animations. 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 ownthreadand 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#ELHChallengeso your tweeps can track your e-learning coolness. Using Accordion Interactions in E-Learning RECAP #403: 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 challenges anytime 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. Next Week’s Challenge & Webinar I'm hosting a webinar next week on using audio in Storyline 360. I'll reference this week's challenge in the session and share your examples in the session. Next week's challenge (2/17/23): Using Interactive Audio in E-Learning #405. Topics can include soundboards, language learning, podcast interviews, narrated slideshows, and more. Upcoming webinar (2/14/23): Using Audio in Storyline 360 Got an idea for a challenge? Are you interested in doing a webinar showcasing how you made one or more challenge demos? Or do you have some comments for your humble challenge host? Use this anonymous form to share your feedback: https://bit.ly/ElearningChallengeForm.26Views0likes255Comments