00:00

Utilize Icon Library for Engaging Course Materials

Enhance your course materials with visually engaging icons from the Icon Library. By incorporating icons and images, you can make your course slides and documents more captivating and memorable for your audience. Use this resource to access a variety of icons and follow guidelines for adding Alt Text and changing colors to align with City of Madison branding. Reach out for custom icons and make your course materials visually appealing and effective.

bourahla
Download Presentation

Utilize Icon Library for Engaging Course Materials

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. Icon Library Icon Library Copy & Paste Resource for Courses

  2. Icon Library Intro Icon Library Intro What is this icon library for? Use this resource to add visual interest to your course slide decks, learner workbooks, and other documents. Why should I use this icon library? Course slides should be simple and engaging! Using icons and images is a great way to draw in your audience and help them remember parts of the course by association with easy-to-understand images. This should also ensure that the pre-written Alternative Text stays with the image, but to be sure, there’s a guide on how to check this on slide 4. How to use this icon library? Simply select, copy and paste the icon you want into your desired document/slide/etc., and resize as needed. Questions? In need of an icon that’s not included here? Reach out to OrganizationalDevelopment@cityofmadison.com and we can help find or create one for you! We will add it to this ever-growing library for others to use.

  3. Reminders for When You Use Icons/Images: Reminders for When You Use Icons/Images:  Use the City of Madison Photo Library to find images you can use for free and without external owner permission.  Ensure you’re using Alternative Text on all images and icons – you can find a guide on the next slides for how to add Alt. Text.  Use the City of Madison Brand Guide • There is no requirement to use City of Madison branding colors, but if you’re compelled to, use the style guide hyperlinked above to find color values to change text, shapes, and other items.  City of Madison Logos • Use the City of Madison official logos found on the webpage above for use in your course materials.

  4. Alternative Text (Alt Text) Background Alternative Text (Alt Text) Background • Also called “Alt Tags” or “Alt Descriptions”, Alt Text is the written copy that appears in place of an image on a webpage if the image fails to load on a user’s screen. • This text also helps screen reading tools describe images to visually impaired learners.

  5. Alternative Text (Alt Text) in Alternative Text (Alt Text) in Microsoft 2016 Products Microsoft 2016 Products How to ensure your image/icon has Alt Text: Once your image has been inserted, uploaded, or dragged-and- dropped into your presentation, right click on the image Select “Format Picture”… from the menu A new panel should pop up on the right-hand side of your PowerPoint, titled “Format Shape” Select the “Size & Properties” icon (it looks like this ) Select the arrow next to “Alt Text” to expand the editing area Add in your image title and description here 1. 2. 3. 4. 5. 6. Check out this resource for guidance and ideas on how to write a great Alt-Text description.

  6. Alternative Text (Alt Text) in Alternative Text (Alt Text) in Microsoft 365 Products Microsoft 365 Products How to ensure your image/icon has Alt Text: Once your image has been inserted, uploaded, or dragged- and-dropped into your presentation, right click on the image Select “View Alt Text”… from the menu A new panel should pop up on the right-hand side of your PowerPoint, titled “Alt Text” Follow the instructions to create an Alt Text description of your image. 1. 2. 3. 4. Check out this resource for guidance and ideas on how to write a great Alt-Text description.

  7. How to Change Icon Color How to Change Icon Color You’ll notice most of the icons in this library are black. If you want to change the color, you can easily do so by following the steps below: Note, to stick to City of Madison branding, using the Course Building Slide Deck Template provided by OD will ensure the colors are pre-loaded into the deck. How to change your image/icon color: 1. Once your image has been inserted, uploaded, or dragged-and-dropped into your presentation, select the image 2. This will prompt a new tab on the top-bar of your PowerPoint / Word window titled “Picture Format” 3. Select “Picture Format”, then select the “Color” button on the ribbon 4. Under “Recolor”, several variations will show to re-color within the City of Madison brand colors 5. Select the color you want, and you should be set!

  8. People Icons

  9. Administration Icons

  10. Misc. Icons

  11. Hand and Arm Icons

  12. World Icons

  13. Common Company Icons

More Related