User experience (UX) design is commonly defined as the process to design experiences and interactions with a digital or physical product that is useful, easy, and enjoyable. User interface design (UI) is commonly defined as the process of designing the visual look of the product and the functionality of the interaction. In this activity, students will be introduced to user experience (UX) and user interface (UI) design, the role of designers, and the design process. To reinforce UX and UI design principles, students will assess and provide analysis on the design of an existing product.
- Adobe Premiere Pro
- Adobe Spark
- After Effects
- Adobe XD
- Adobe Advertising Cloud
- Adobe Analytics Cloud
- Adobe AIR
- Animate CC
- Business Catalyst
- Adobe Captivate
- Adobe Captivate Prime
- Adobe Capture CC
- Character Animator
- Adobe Comp CC
- Adobe Connect
- Adobe Creative Cloud
- Digital Editions
- Adobe Document Cloud
- Adobe Experience Cloud
- Flash Player
- Fuse (Beta)
- Illustrator Draw
- Lightroom Classic
- Adobe Marketing Cloud
- Media Encoder
- Adobe Media Server
- PhoneGap Build
- Photoshop Elements
- Photoshop Express
- Photoshop Fix
- Photoshop Mix
- Photoshop Sketch
- Premiere Clip
- Adobe Premiere Elements
- Adobe Scan
- Adobe Sign
- Adobe Stock
In this project, students use Adobe Creative Cloud to design and create two emojis—a Disney character and an unrelated historical person. Using the emojis as avatars, they write a fictional text message dialogue conversing about a topic of mutual interest. What would Elsa and Al Gore discuss? Or Nemo and Jacques Cousteau? The goal is for students to communicate their understanding of their chosen characters in a fun, creative and visual way. Learning Objectives Use Adobe Creative Cloud to create Disney character and historical person emojisWrite a text message dialogue using the emojis as avatarsPresent the dialogue and reflect on their learning Note: this project was originally provided to use in conjunction with a Disney and Adobe emoji contest (February - March 2017), but is now optimized for use with many different audiences and settings.
Students animated the melody of a jazz song using imagery inspired by Paul Klee from hand drawn and painted surfaces, making shapes in Photoshop and animating in After Effects. The final animation was given to our school's jazz band, under the direction of Patrick Bowen, without any audio and then interpreted by the students into a new song. The piece was projected during one of their performances and they played their composition live.
I ran this program during Spring semester 2016 with success. I will continue this year with a new batch of 3rd and 4th grade students. The children really got into it and were quite competitive. Students earn badges for each of 6 levels.There are 23 steps in all, each designed to be completed in a 55-minute session, making the program 22-23 weeks long. To see the program in progress, go to: http://digicorps.businesscatalyst.com/index.html Please feel free to download and revise anything so that it fits your program. I have included the Illustrator file for the badges so that you can customize them for your program. Included below are: Intro video (made with Adobe Spark).pdfs of every lesson step of the program - editable in Adobe Acrobat DC.ai file of the badges, easy to customize for your program.ai files of the pen-tool worksheets.ai (Illustrator) files of the badges so that you can customize the program for your class! Enjoy! Let me know what you think.
This is an Adobe Spark tutorial based on a session I run within various courses here at the University. DOWNLOAD LESSON PLAN LINK TO ADOBE SPARK TUTORIAL The session should last about 45 mins. I have run this session in many forms for a number of years. It appears to work with many fundamental concepts being understood. I am really pleased with this latest Adobe Spark manifestation which students can follow along with on phones and pads and have access to within our virtual learning environments. Enjoy! Comments welcomed! Ian.
This task is designed to assist students in analysing what goes into film, TV, game and webseries titles. It then moves on to brainstorming and then designing titles for their own project. Works really well with these resources (as well as my previously posted storyboard template): Art of the Title How They Did It
"Take A Stand" Project pd editing images example Objective: You are to go through the typical design process to create a poster about a documentary on an event from the Civil Rights movement in the United States. Introduction For this project you will be role playing – you are pretending you are a designer for a graphics design firm. Your firm just got a contract to design a poster for a public television program entitled, "Take a Stand". You have been assigned to make this poster. The program is a documentary on the Civil Rights movement in the United States. The documentary goes through the events and effects of the Civil Rights movement from the 1950's through the 1960's. It is being produced by Public Broadcasting System (PBS) and will be shown on channel 58. The documentary is planned to be aired (shown) next year starting on January 15th -- the birthday of Dr. Martin Luther King Jr.
A common core aligned geometry lesson curated and altered to support 21st century learning skills. Students will learn first about calculating the surface area of a polyhedra (they should have been exposed to this concept prior to this lesson but not completely necessary) and then draw and create a "net." Students will identify using key vocabulary, the necessary parts of the polyhedra and manipulate several virtual nets and shapes. Students will work in teams to create several paper versions of geometric shapes and finally after watching tutorials, make one in the Adobe product of their choice. Students will finalize their lesson and display their understanding of polyhedra in a final written essay, which should include a picture of their finished polyhedra.
Want to use social media in the classroom but it's blocked? Never fear, use these templates to create Instagram profiles or photo uploads from famous people from history, fictional characters or today's celebrities, politicians and sports stars. These Instagram templates will allow you and your students to create a fake Instagram post and/or an Instagram profile. Editable components include the image(s), username, profile picture, post text, first comment, and number of photo uploads, followers and following. You will need to have the Roboto font installed on your computer if you would like the font to best reflect the font used by Instagram. I recommend downloading and loading this set of Instagram actions into Photoshop so you can apply Instagram-like filters to the photographs that you use in assembling a profile or photo. Credit to motheer-212. Check out this 'How to' on loading actions. Students will need to know how to insert images, move image layers, and edit text. What a great way to introduce them to these basic Photoshop concepts. Have fun!
An entertaining and irreverent approach to learning Graphic Design - hosted by "Dojo the Pencil".
Adobe XD is a vector-based tool for designing and prototyping user experiences for web and mobile apps. Designers can use XD to create static designs and turn them into interactive prototypes that simulates the flow of an app. XD also allows designers to share these interactive prototypes with team members, stakeholders, or clients - who can make comments directly on the prototypes. Designers then review these comments to iterate designs, update the prototypes, and resolve the comments. In this project, students will wireframe, design and iterate a mini-portfolio app prototype. They will turn their app into an interactive prototype, share for feedback, test the app, and finalize the design.
Adobe XD allows designers to create prototypes by adding interactive animations to static designs that simulates the flow of an app. XD also allows you to use a variety of options to share your interactive prototypes with team members, stakeholders, or clients. They can make comments directly on your prototypes so you can easily iterate your design, update the prototype, and resolve their comments. Finally, you can also record the interaction and share a video file with stakeholders. In this activity, students will take an app they designed in XD Design Mode and turn it into an interactive prototype, share for feedback, as well as, test the app and record the interactions.
Adobe XD can be used to switch easily from wireframing, visual design, interaction design, prototyping, preview and sharing, all in one powerful tool. In this activity, students will review the roles of UX and UI designers, be introduced to wireframes, how to design in XD, and use this to create a mobile app portfolio prototype.
Adobe XD is a vector-based tool for designing and prototyping user experiences for web and mobile apps. In this activity, students review user experience design principles, are introduced to the Adobe XD workspace, and edit a template as an introduction to using XD.
Graphic Design 2 curriculum to build upon the curriculum designed for Graphic Design 1
In this project, students use Adobe Spark to bring a Great Thanksgiving Listen interview to life with impactful images and other visual storytelling elements. The goal is for students to understand how to use digital media to highlight special moments from the interview and help viewers visualize and understand their interviewee's story. Learning objectives: Understand visual impacts of highlighting an audio interview through digital mediaDefine design considerations and create a storyboard for their storyUse Adobe Spark to create a visual story highlighting a Great Thanksgiving Listen interviewPresent the story and reflect on their learning
Adobe Character Animator CC (Beta) is a character animation application that allows you to bring expressive characters to life using your own artwork. In this activity, students are introduced to the Character Animator workspaces and learn how to create a character, animate and refine a character, and how to export a project.
Students will employ Adobe Acrobat, Audition, and Muse in this module to help create and curate a digital edition based on rare materials pertaining to their university’s history. They will propose a project that investigates journalistic coverage of a campus event or traces similar events or ephemera contributions to better understand campus history. Students will annotate part of these materials based on supplementary research, and they’ll present their findings in written and oral forms. Students will be immersed in history and digital humanities practices, honing their abilities to research, synthesize, and present information. While this unit is based on particular materials found in UNC’s Wilson Library, it can be adapted to suit any campus’s materials or rare book collections.
For this assignment individual students will use Adobe InDesign to generate popular science articles based on credible scientific sources. Students will engage in researching, summarizing, paraphrasing, and citing information as well as organizing and designing content visually. Students will have to consider issues of credibility and comprehension, as their articles should be accessible, accurate, and interesting to specialists and non-specialists alike. The end goal is to achieve a better understanding of scientific discourses and genres.
In this unit, students will create a poetry podcast using Adobe Audition to showcase a poem by reading it aloud and explaining its historical context, formal features, and major themes. Students will offer a context, reading, and interpretation of a poem to make their chosen poem more accessible to a general audience. In doing so, students will practice critical, close reading skills, oral presentation skills, and research skills with the goals of increasing understanding of and fostering appreciation for poetry.
For this assignment, individual students will research and produce a popular science vlog (a short video) using Adobe Spark fitting the theme of “public health.” Students will synthesize current scientific findings on a specific public health issue and communicate the important points in an aesthetically pleasing and compelling way to viewers, which may include experts and non-experts alike. The video should include voiceover narration as well as images and video clips. Students will gain an increased understanding of how to read and process scientific discourse as well as how to make difficult information easier to understand, honing their summarizing and paraphrasing skills. Students will also improve their research, organization, and design skills.
This learning module teaches groups of 4-5 students how to create a board game, honing their reasoning by encouraging them to think critically about design and mechanics. Students must collaborate concerning these issues as well as work as a group to create a functional design and appealing aesthetics with Adobe Illustrator, prompting creativity and encouraging team building, all while keeping the perspectives of prospective consumers in mind. The module is excellent for building a variety of practical work-place skills in fields of business, advertising, and game design.
In this module, groups of 4-5 students will use Adobe Audition to create podcasts detailing the various facets of a cultural institution (farmer’s market, gaming club, museum, etc.) that interests them. During their podcast, students will engage in a combination of non-fiction, journalism, and anthropological ethnography to report on their observations and conclusions about their chosen institution. The podcast should include observations, quoted audio from interview subjects as well as paraphrase, and, if appropriate, music and diegetic sound to help provide narrative shape and transitions. In creating these podcasts, students will strengthen their ability to participate in discourses within various social science and communications fields.
This assignment asks individual students to conceptualize and create press packets for a company event using Adobe InDesign. Students must consider a variety of audiences, media and news outlets to garner as much attention and participation as possible from surrounding communities. When creating the packet, students will include the company’s credentials and goals, event information, and incentive for participation in a way that is aesthetically pleasing. In creating their press kits, students will develop skills such as organization, summarization, paraphrasing, design, persuasiveness, conciseness, precision, and professionalism, all of which are relevant to business positions, marketing jobs, and beyond.
This resource provides an overview, syllabus, and sample student work for a college-level media production course. The primary learning outcome for the course is for students to deepen their understanding of "how media work" both rhetorically and materially by (re)presenting the same documentary narrative in five different modes, using at least five different Adobe Creative Cloud applications: (1) Print Magazine using InDesign (2) Audio Podcast using Audition (3) Film using Premiere Pro (4) Website using Muse, Spark, or XD (5) Mobile Application using XD [*6] Photography using Photoshop *Note that in this class, students didn't present photographic collections per se, but they used Photoshop a great deal to develop media for the other genres and applications.