<html> <h2>
Language of Design </h2>
<div class=“cards”>
<div class="card-body"> <h2 class="card-front"> Background </h2>
<p class="card-back"> The over all scene behind a subject. <br > <img src="https://cdn.glitch.com/ed7d7413-aab6-4cd4-87fc-4b997127a051%2F3549142_orig.jpg?v=1595519035937"><br > The clouds are in the background </p> </div>
<div class=“card-body”>
<h2 class="card-front"> Foreground </h2>
<p class="card-back"> The scene in front of the subject <br > <img src="https://static.photocdn.pt/images/articles/2017/10/31/articles/2017_8/iStock-846199390-min.jpg" alt="lighthouse on rocky coast"><br > The rocky landscape in front of the lighthouse is the foreground </p> </div>
<div class=“card-body”>
<h2 class="card-front"> Subject </h2>
<p class="card-back"> The focus, or main point of a piece of art.<br> <img src="https://picturecorrect-wpengine.netdna-ssl.com/wp-content/uploads/2016/07/how-to-emphasize-photo-subject.gif" alt="cactus with sun behind"><br> The cactus is the subject of the photo. </p> </div>
<div class=“card-body”>
<h2 class="card-front"> Framing </h2>
<p class="card-back"> Framing is a technique to draw attention to the subject by having other objects create a "box" or "walls".<br> The photographer is framing the church with the trees </p> </div>
<div class=“card-body”>
<h2 class="card-front"> Signal Words </h2>
<p class="card-back"> Signal words tell the audience you are changing subjects <img src="https://www.lexialearning.com/sites/default/files/signal%20words.png" alt="List of Common Signal Words"> </p> </div>
<div class=“card-body”>
<h2 class="card-front"> Tips for Artists </h2>
<ul class="card-back"> <li>Plan out your stories</li> <li>Match your prewriting strategy to your media</li> <li>Consider how foreground and background influence your subject</li> <li>Use common transition patterns. In both media and writing, make the signals clear to the audience</li> <li>Have a color pallet for transitions and headers</li> <li>If using slides have transition slides and use common layout</li> <li>Break the above rules when it improves design</li> </ul> </div>
<div class=“card-body”>
<h2 class="card-front"> Tips for Parents </h2>
<ul class="card-back"> <li>Pause the DVR discuss foreground, background, and subject</li> <li>Go on a trip to a museum or museum website together</li> <li>Look through family photos and find the foreground and background</li> </ul> </div>
</div>
<h2>
Language of Designing Design
</h2>
<div class=“cards”>
<div class="card-body"> <h2 class="card-front"> Storyboard </h2>
<p class="card-back"> The graphic organizer artist use to make media like movies and podcasts<br> <img src="https://upload.wikimedia.org/wikipedia/commons/d/d0/Storyboard_for_The_Radio_Adventures_of_Dr._Floyd.jpg"><br> The storyboard has areas for action, dialogue, and details. </p> </div>
<div class="card-body"> <h2 class="card-front"> Transitions </h2>
<p class="card-back"> A design or writing choice designed to indicate the changing of subjects or details<br> In writing we use specific signal words as transitions. All media uses this type of text structure <img src="https://s3.amazonaws.com/pbblogassets/uploads/2016/03/Wipes-from-Star-Wars.gif" alt="wipe transition example from Star Wars"><br> Star Wars uses a lot of "wipes" as a transition. </p> </div>
<div class=“card-body”>
<h2 class="card-front"> Out of Panel </h2>
<p class="card-back"> Out of panel means action that occurs to characters the audience does not see. An artist needs to help explain out of panel action <br > <img src="https://media1.fdncms.com/chronogram/imager/u/original/8993620/guide_rr-pollak---flash-gordon.jpg" alt="scene from flash gordon comic"><br > Artists use dialogue in comics to explain action that occurred out of panel </p> </div>
<div class="card-body"> <h2 class="card-front"> Dialogue </h2>
<p class="card-back"> The conversations between characters or subjects in a story <br > <img src="http://www.cmpartners.com/wp-content/uploads/2018/02/dialogue_header.jpg" alt="silohuettes with "><br > Characters can have internal, talking to themselves, or external, talking to other, dialogue. </p> </div>
<div class="card-body"> <h2 class="card-front"> Asset </h2>
<p class="card-back"> An asset is a short media clip or image used in a project<br> <img src="https://picturecorrect-wpengine.netdna-ssl.com/wp-content/uploads/2016/07/how-to-emphasize-photo-subject.gif" alt="cactus with sun behind"><br> The cactus is the subject of the photo. </p> </div>
<div class="card-body"> <h2 class="card-front"> Transitions </h2>
<p class="card-back"> A design or writing choice designed to indicate the changing of subjects or details<br> In writing we use specific signal words as transitions. All media uses this type of text structure <img src="https://s3.amazonaws.com/pbblogassets/uploads/2016/03/Wipes-from-Star-Wars.gif" alt="wipe transition example from Star Wars"><br> Star Wars uses a lot of "wipes" as a transition. </p> </div>
<div class="card-body"> <h2 class="card-front"> Audio </h2>
<p class="card-back"> Audio, or sound derives from the Greek word audire, which comes from the ancient Proto Indian European language word of "au" to perceive. <img src="https://upload.wikimedia.org/wikipedia/commons/6/68/The_Elements_of_Sound_jpg.jpg" alt="List of Common Signal Words">The machine displayed the sound waves of the audio track </p> </div>
<div class="card-body"> <h2 class="card-front"> Tips for Artists </h2>
<ul class="card-back"> <li>Create storyboard</li> <li>125 words is about a minute of dialogue</li> <li>You can use voiceover to give characters internal dialogues</li> </ul> </div>
<div class="card-body"> <h2 class="card-front"> Tips for Parents </h2>
<ul class="card-back"> <li>Pause the DVR discuss transitions</li> <li>Play with the online etymology dictionary together</li> <li>Create a family interview time capsule</li> </ul> </div>
</div>
<h2> Language of Designing Meaning </h2>
<div class=“cards”>
<div class="card-body"> <h2 class="card-front"> Intro and Outro </h2>
<p class="card-back"> The beginning, intro, and the end, outro of media often has a theme song or common announcement<br> <img src="https://www.thepodcasthost.com/wp-content/uploads/2019/11/Best_Health_Podcasts-illustration.jpg"><br> The intro and outro help you grow your audience by "branding" your media </p> </div>
<div class="card-body"> <h2 class="card-front"> Integrate </h2>
<p class="card-back"> To combine parts together in a whole; to bring disparate people; some usually facing oppression, together. <img src="https://s3.amazonaws.com/pbblogassets/uploads/2016/03/Wipes-from-Star-Wars.gif" alt="wipe transition example from Star Wars"><br> We use graphic organizers and notes to integrate ideas with our prior knowledge. People use storytelling to integrate culture and identity into identity and culture. </p> </div>
<div class=“card-body”>
<h2 class="card-front"> Clarify </h2>
<p class="card-back"> To make a solution, like dirty water, more clear; make a statement less confusing <br > <img src="https://ecdn.teacherspayteachers.com/thumbitem/Monitor-and-Clarify-Worksheets-and-Poster-1187566-1500875396/original-1187566-1.jpg" alt="picutre with clarifying strategies of re-read and checking context"><br > A good podcast can clarify confusing topics for the audience </p> </div>
<div class="card-body"> <h2 class="card-front"> Relevancy </h2>
<p class="card-back"> a appropriate connected or "on topic" a subject is to yoru goal <br > <img src="https://studio.eku.edu/sites/studio.eku.edu/files/_thumbs/Images/evalinfojpeg_2(1).jpg" alt="poster of evaluation techniques"><br > When you evaluate the relevancy of a website you ask "How useful is this to me?" </p> </div>
<div class="card-body"> <h2 class="card-front"> Emphasize </h2>
<p class="card-back"> To make something important or to stress the point<br> <img src="https://thesaurus.plus/img/antonyms/167/emphasize.png" alt="ctwo birds listing emphasize antonyms"><br> We use bold fonts to emphasize key words in writing </p> </div>
<div class="card-body"> <h2 class="card-front"> Salient </h2>
<p class="card-back"> The most noteable or important point <img src="https://uvocorp-com-static3.netdna-ssl.com/freelancewriting/wp-content/uploads/2012/08/Salient-features-process-of-creative-writing.png" alt="pencil with light bulb on top"><br>A good podcast breaks an issue down into a few salient points </p> </div>
<div class=“card-body”>
<h2 class="card-front"> Tips for Artists </h2>
<ul class="card-back"> <li>write with your senses to add relevancy</li> <li>Evaluate the relevancy of search results</li> <li>Use storyboards and scripts to focus on salient points</li> </ul> </div>
<div class=“card-body”>
<h2 class="card-front"> Tips for Parents </h2>
<ul class="card-back"> <li>Listen to a podcast with your child. Identify the salient points</li> <li>Use these words throughout camp. Ask questions like what was relevant at camp? What was the salient point?</li> <li>Enjoy your kids work</li> </ul> </div>
</div> </html>