Weebly
Name: ______________________________Class: _________________________Multimedia and Webpage Design1.00 Understand DesignUnderstand typogrpahy, multiuse design principles and elementsWhat impact do typography concepts have on the effectiveness of multimedia design?How do you effectively apply design principles and elements to multimedia design?No.AssignmentDue DateGradeNotes11.01 Typography Graphic Organizer/Notes21.01 Typeface Classifications31.01 Font Usability and Readability41.01 Guided Practice: Kerning, Leading & Tracking51.01 Independent Practice: Song Lyrics61.01 FBLA Dress Code/ Peer Review71.01 Wanted Poster81.01 Multiuse Design Elements Group Activity91.01 Quiz A101.01 Quiz B11Objective 1.0 Weebly ( Vocabulary/Artifact/Reflection)121.01 Typography Test in Elements131.01 Typographical Logo in Adobe Illustrator141.01 In Depth with Color Activity1.01 Vocabulary:TypefaceSerifSans SerifOrnamentalScriptSymbolFontMonospacedProportionalFont ChoiceVisual HierarchyTarget AudienceLeadingKerningTrackingLinesSpaceShapesFormMassTextureColorCalming ColorsExciting ColorsNeutral ColorsColor HarmonyComplementaryAnalogous ColorsMonochromatic ColorsRGBHexadecimalsCMYKColor MatchingHueValueTintShadeSaturationBalanceContrastUnity/HarmonyScale/ProportionDominance/ EmphasisGridsRule of ThirdsOptical CenterZ-PatternSystems ApproachTypography Graphic OrganizerDirections: Fill in the table below as you view the 1.01 Typography PowerPointTermDefinitionWhat it looks like(You may draw a visual representation of the typeface or enter a typeface example.)SerifSans SerifOrnamentalScriptSymbolFontMonospacedProportional1.01 Typeface ClassificationsDirections: Classify each typeface by its category (Serif, Sans Serif, Ornamental, Script, Symbol)TypefaceCategory1.Cambria2. Arial3. French Script NT4. Baskerville Old Face5. Verdana6.Broadway7.????????8.Chiller9.Lucida handwriting10.Century SchoolbookDirections: Classify the typeface as monospaced (M) or proportional (P). FontM or P?11.Is the Cambria typeface proportional or Monospaced?12.Is the Consolas typeface proportional or monospaced?13.Is the Century Gothic typeface proportional or monospaced?14.Is the OCR Extended typeface proportional or monospaced?15.Is the Lucida Bright typeface proportional or monospaced?1.01 Font Usability & Readability Directions: Classify whether the following examples reflect effective or ineffective use of typography concepts by placing a check mark in the appropriate column. ExampleEffectiveIneffectiveCaution!CasualAnn’s BridalsALTHOUGH FONTS ARE OFTEN CLASSIFIED BY TYPOGRAPHICAL FEATURES, THEY CAN ALSO BE DESCRIBED AS HAVING MORE HUMAN-LIKE PERSONALITIES. THE APPEARANCE OF THE FONT (REGARDLESS OF WHAT THE WORDS SAY) CONVEYS A CERTAIN MOOD AND FEEL WHICH CAN ALTER THE EFFECTIVENESS OF YOUR DOCUMENT.Happy Birthday!ImportantSale ends Friday!Haunted TrailLayout, for both print and screen, is one of the most important aspects of graphic design. Designs must be carefully controlled in a way that is enticing and is easy for all to access.1.01 Guided Practice: Kerning, Leading, TrackingDirections: As your teacher guides you through the procedures, practice kerning, leading, and tracking in the following passages. Take notes as necessary to help you with future assignments.The policies included in this policy manual were developed during the past 20-plus years of Star River Adventures’ operation. All employees are expected to read, understand, and follow these policies as they pertain to their particular job assignments. Please review this manual on a regular basis to refresh your memory concerning its contents. THIS POLICY MANUAL IS NOT A CONTRACT. You are an employee “at will.” Keep in mind that this is a fluid document and will change. As changes are made, they will be posted on the company Web site and on the staff bulletin boards. The manual is reviewed and reprinted in its entirety on an annual basis.Adjust the leading in the following passage to fill the text within the box.The policies included in this policy manual were developed during the past 20-plus years of Star River Adventures’ operation. All employees are expected to read, understand, and follow these policies as they pertain to their particular job assignments. Please review this manual on a regular basis to refresh your memory concerning its contents. THIS POLICY MANUAL IS NOT A CONTRACT. You are an employee “at will.” Keep in mind that this is a fluid document and will change. As changes are made, they will be posted on the company Web site and on the staff bulletin boards. The manual is reviewed and reprinted in its entirety on an annual basis.Adjust the tracking in the following passage to fill the text within the box.Change the kerning between the “P” and the “r” in the word “Prompt” to make the text more visually appealing.Be Prompt28003508102601.01 Independent Practice: Song Lyrics AssignmentUsing the Internet, look up the lyrics to your favorite song or lines of your favorite poem. The song or poem’s content must be appropriate for school. Paste the lines into a blank Microsoft Word or Publisher document. Change the text throughout the song or poem to demonstrate a correct understanding of the following terms:SerifSans SerifScriptOrnamentalLeadingKerningTrackingMonospacedProportionalLabel the use of each of the following terms above. (Tip: You may insert text boxes with arrows or the Comment feature.)You will be graded based on the following rubric:TaskPoints AwardedAll typography terms are correctly demonstrated 45 pts. (5 pts. Per term)Comments correctly identify & define the term 45 pts.(5 pts. Per term)Comments correctly identify the font used 5 pts.Content is appropriate and in good taste 5 pts.Total/Comments:1.01 FBLA Dress Code Assignment Directions: The following text will be distributed to FBLA members and advisors across the state on the FBLA Website. Currently, the text is not formatted in a way that is meaningful to the target audience. Format the following text so that it meets usability and readability guidelines for typography. You may use the 1.01 Typography Usability and Readability PowerPoint to help you format this text. Save the file according to teacher plete the Peer Review handout.<Beginning of Text>FBLA Dress CodeFBLA members and advisers should develop an awareness of the image one’s appearance projects. The purpose of the dress code is to uphold the professional image of the association and its members and to prepare students for the business world.Appropriate attire is required for all attendees—advisers, members, and guests—at all general sessions, competitive events, regional meetings, workshops, and other activities unless otherwise stated in the conference program. Conference name badges are part of this dress code and must be worn for all conference functions. For safety reasons, do not wear name badges when touring.Professional attire acceptable for official FBLA-PBL activities includes:MalesBusiness suit with collared shirt, and necktie (shirts must be tucked in/belts must be worn if pants have loops)Sport coat, dress slacks, collared shirt and necktie Dress slacks, collared shirt, and necktieBusiness suit or sport coat with dress slacks and banded collar shirtSweater or sweater vest, collared shirt with necktie, and dress slacksDress socks and dress shoes (no white socks)Dress socks and dress Doc Marten style shoes (Not sandals, boots, or other shoes with heavy soles)FemalesBusiness suit with blouse or sweater, sleeveless suit is appropriate (shirts must be tucked in/belts must be worn if pants have loops)Business pantsuit with blouse or sweaterSkirt or dress slacks with buttoned-up blouse or sweater Business dressCapris or gauchos with coordinating jacket/suit, worn below the knee, with nylonsDress shoesNylons when wearing skirts and dressesInappropriate attire, for both men and women, includes:Jewelry in visible body piercing, other than earsHair dyed an unnatural colorCargo pocket or zip-off pantsJean-style khaki pants, capris or skirt, or other pants or skirts with pockets sewn on the outsideDenim, canvas, flannel, or chambray fabric Backless, see-through, tight-fitting, spaghetti strapped, strapless, or low-cut blouses/tops/dressesDress t-shirts (Sweaters and blouses are only appropriate)Clothing that shows any midriff skinSkirts shorter than 2 inches above the kneeT-shirts, spandex, tank tops, bathing suitsBlouses that are not buttoned appropriatelySandals, flip flops, athletic shoes, work shoes, hiking boots, bare feet, or over-the-knee bootsAthletic wear--including sneakersHats or flannel clothingBolo tiesVisible foundation garmentsCLARIFICATION: Many women’s two-piece suits are currently designed so that they do not require a blouse. Therefore, this will be accepted. In addition, sling-back shoes , open-toe shoes, and sleeveless dresses/suits are accepted. Business casual attire acceptable for official FBLA-PBL activities includes:MalesDress slacks, collared shirt, no necktie necessary (shirts must be tucked in/belts must be worn if pants have loops)Polo shirts with the FBLA-PBL logo on it are acceptableSweaters would be acceptableDress socks and dress shoes (no white socks)FemalesDress slacks or skirt, blouse or sweater (shirts must be tucked in/belts must be worn if pants have loops)Polo shirts with the FBLA-PBL logo on it are acceptableDress shoes with stockings (if wearing a skirt)Inappropriate attire would include anything listed above, particularly jean-style khaki or corduroy pants/skirts with pockets sewn on the outside.<End of text>1.01 FBLA Dress Code Peer ReviewDirections: Partner with a classmate and complete the following peer review of the FBLA Dress Code Assignment.Typography ConsiderationsEffectiveIneffectiveSuggestions for ImprovementFont choice conveys a meaning or personality that matches the purpose of the designFont choice gives visual clues about the order text should be read; Evidence of visual hierarchyFont choices limited to 2 or 3 fontsFont choices consider the target audienceFont style and size are appropriate for the intended outputEvidence of font spacing (kerning, leading, and/or tracking) to improve readability“WANTED” POSTER ASSIGNMENTObjective: To practice effective use of typefaces in the development of a flyer. Scenario:No one has seen you in weeks. Your job is to design a “wanted” or “missing person” poster to help the community locate you.What the poster should contain:Your mug shot Your first and last name. (The name you like to be called.)Last seen in ________________.(your home town)Last seen with _________________. (your closest friend(s))What were you wearing when you were last seen? (your favorite attire)Might be found hanging around ____________. (List 4-5 places that will help me know your hobbies, interests and/or favorites. For example, if you like to read, your poster might indicate you’d be found at Books-a-Million. If you like sweet tea, your poster might indicate you’d be found at Bojangle’s.) What are 2-3 notable qualities that you have? (examples include a good friend, a good son, hard worker, trustworthy, etc.) May be trying to escape to the ____________ area. (Fill in the blank with your favorite vacation spot or a place where you would desire to take a vacation.)If found, what should the reward be? This assignment should be fun. Use your creativity with fonts, font size, and color, keeping in mind the most effective uses of fonts that we have discussed in this objective.Grading Rubric:Requirements MetNot MetIncludes all required informationDemonstrates creativity Demonstrates effective use of typefacesDoes not exceed one pageMechanics (No spelling/grammatical errors)Comments/Final Grade:1.01 Multiuse Design Elements Group ActivityDirections: Students will work in groups of 2-3 to create a poster with samples of the following design elements. Students will be required to present their posters to the class and aid the class in understanding effective use of the design element.Line Group Assignment: Select one example of each line description below from magazines, periodicals, newspapers, brochures, flyers, and other publications. Straight LineCurved LineLines that organizeLines that connectLines that create movementLines that create emotionLines that provide textureLines that frameCut and paste the examples on your poster board and write a brief caption below each example describing the line and how the line enhances the message of the publication. 2.Shapes Group Assignment: Select two examples of each shape from the list below from magazines, periodicals, newspapers, brochures, flyers, and other publications.Geometric OrganicAbstractCut and paste the examples on your poster board and write a brief caption below each example describing the shape and how it enhances the message of the publication. Mass Group Assignment: Select 6 total examples of mass from the list below from magazines, periodicals, newspapers, brochures, flyers, and other publications.Mass that is large (3)Mass that is heavier/darker (3)Cut and paste the examples on your poster board and write a brief caption below each example describing the mass and how the mass affects the publication. 4.Texture Group Assignment: Select five different examples of texture from magazines, periodicals, newspapers, brochures, flyers, and other publications.Background textureTexture applied to textTexture applied to shapesSynthetic texture, such as denim, leather, furEnvironmental texture, such as grass, water, earthCut and paste the examples on your poster board and write a brief caption below each example describing the texture and how the texture affects the publication. 5.Color Group Assignment: Select one example of each color concept from the list below from magazines, periodicals, newspapers, brochures, flyers, and other publications.Cool ColorsWarm ColorsNeutral ColorsComplementary Color SchemeAnalogous Color SchemeMonochromatic Color SchemeCut and paste the examples on your poster board and write a brief caption below each example describing the color and how the use of color affects the publication. Form Group Assignment: Select 3 examples of 3-D form from the list below from magazines, periodicals, newspapers, brochures, flyers, and other publications.Form created by shadows (3 examples)Form created by gradient or color transition (3 examples)Cut and paste the examples on your poster board and write a brief caption below each example describing the form and how it enhances the publication.Space Group Assignment: Select 3 examples of space from the list below from magazines, periodicals, newspapers, brochures, flyers, and other publications.Positive Space (3 examples)Negative Space (3 examples)Cut and paste the examples on your poster board and write a brief caption below each example describing the space and how it enhances the publication.1.01 Multiuse Design Elements Group Activity RubricCategoryMastery (3 pts.)Developing (2 pts.)Not mastered (1 pt.)Main IdeaPoster has a clear title which gives specific information about the main idea of the poster.Poster has a title that gives little information about the main idea of the poster.?Poster is missing a title.Effectiveness of PosterPoster gives others a thorough understanding of the design element.Poster gives others examples of the design element but does not explain how the element enhances the design.Poster gives others limited understanding of the design element.Accuracy of PosterPoster depicts the design element with complete accuracy Poster depicts the design element with some accuracy.Poster depicts the design element with limited accuracy.QualityThe poster is exceptionally creative and attractive in terms of graphics, design, layout, and neatness.The poster is acceptably creative and attractive in terms of graphics, design, layout, and neatness, however fairly disorganized.The poster lacks creativity and attractiveness in terms of graphics, design, layout, and neatness, and is distractingly disorganized or very poorly designed.MechanicsNo errors in grammar or spelling1-2 errors in grammar of spelling3 or more errors in grammar or spellingPresentationAll students in the group demonstrated a considerable amount of knowledge and understanding.Some students in the group demonstrated a considerable amount of knowledge and understandingStudents in the group did not demonstrate their knowledge and understanding.Grade/CommentsPoints out of 18: _________1.01 Design Critique ActivityDirections: The first thing that most people do when they look at a design is say "I like it" or "I don't like it." However, our statements and guesses need to be more educated. An educated discussion about a design is called a "Critique." Using the design assigned to you by your teacher, complete the following design critique. Collect Information:Who is the target audience?What is the goal or purpose of the design?What type of design is it? (advertisement, flyer, cover, etc.)Does the design appeal to the target audience? Does the design achieve the intended goal?Analysis. This is where you use your knowledge of typography, and elements and principles of design. Tell what you see, not what you think.Describe the designer’s use of typography. Describe the designer’s use of the elements of design. Describe the designer’s use of the principles of design.Describe the designer’s use of color. Describe the designer’s use of grids, z-pattern, and/or optical center?Interpretation. Tell what you think.What does the spread mean to you personally? Does the designer evoke any emotion from you? Can you make any connections to the design? Judgment Time. By now, you should be able to give some educated reasons why you like or do not like a design. Back up what you say based on your knowledge of typography, design elements, and design principles. Do not allow your criticism to outweigh your positive comments. It’s “ok” to like the design, but you must justify your answer.What do you think about this layout? Is it successful or not? Did the designer use what you have learned about design effectively? What would you change?Final Thoughts and Future Development. Discuss some of the layout’s strong points that you’d like to use in your designs in the future. Example: “Use of a (color, lines) in this layout is appealing, and I definitely think I would repeat this in future assignments.”1.01 The Systems ApproachDirections: Planning is an important part of the design process. You may use the following as a planning tool to help you through the design process.Collect InformationWho is the target audience? What is the goal or purpose of the design?What are the technical requirements?What end product(s) or document(s) are required? What is the appropriate page size?Are there any required colors or logos?What is the deadline?Develop a PlanWill this design project be completed individually or as a team? If teams are used, what are the roles and deadlines for each team member?BrainstormFind inspiration in books, magazines, museums, and unwinding (taking walks, having fun, etc.)Research similar or competing designsSketch out ideasExperimentDevelop at least 2 different mockups or prototypes of the design to present to the client. These 2 designs do not have to be completely different. There can simply be a change in colors, fonts, or graphics.Proofread Proofread with a partner. Correct spelling and/or grammatical errors.ReviseMeet with the client. Be open to suggestions for improvement.Revise the design to meet the client’s needs. ................
................
In order to avoid copyright disputes, this page is only a partial summary.
To fulfill the demand for quickly locating and searching documents.
It is intelligent file search solution for home and business.