Scribd Logo
Upload

Welcome to Scribd!

  • Pink & Green Colorful Vintage Aesthetic Minimalist Manhwa Interior Decor Illustration Work From Home Basic Presentation

    Uploaded by

    Peachy Lyn Amoroto
    24 views68 pages
    The document discusses visual rhetoric and hypertext. It defines hypertext as a format that allows information to be directly accessed from displays through underlined, colored links. Basic elements of visual rhetoric in hypertext include link presence, link destination, and link mapping. Creating hyperlinks involves selecting text, inserting the hyperlink, and inputting the URL address. HTML uses tags to describe web page structure and create hyperlinks to retrieve online information. Generating visual material requires considering font choices, as different fonts convey distinct meanings. Color psychology also impacts branding, as colors can influence moods and perceptions.

    Original Description:

    Copyright

    © © All Rights Reserved

    Available Formats

    PPTX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document discusses visual rhetoric and hypertext. It defines hypertext as a format that allows information to be directly accessed from displays through underlined, colored links. Basic elements of visual rhetoric in hypertext include link presence, link destination, and link mapping. Creating hyperlinks involves selecting text, inserting the hyperlink, and inputting the URL address. HTML uses tags to describe web page structure and create hyperlinks to retrieve online information. Generating visual material requires considering font choices, as different fonts convey distinct meanings. Color psychology also impacts branding, as colors can influence moods and perceptions.

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    24 views68 pages

    Pink & Green Colorful Vintage Aesthetic Minimalist Manhwa Interior Decor Illustration Work From Home Basic Presentation

    Uploaded by

    Peachy Lyn Amoroto
    The document discusses visual rhetoric and hypertext. It defines hypertext as a format that allows information to be directly accessed from displays through underlined, colored links. Basic elements of visual rhetoric in hypertext include link presence, link destination, and link mapping. Creating hyperlinks involves selecting text, inserting the hyperlink, and inputting the URL address. HTML uses tags to describe web page structure and create hyperlinks to retrieve online information. Generating visual material requires considering font choices, as different fonts convey distinct meanings. Color psychology also impacts branding, as colors can influence moods and perceptions.

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 68

    EVALUATING

    VISUAL
    RHETORIC
    RHETORIC
    RHETORICAL APPEALS BY
    ARISTOTLE

    ETHOS or the PATHOS or the LOGOS or the


    Ethical Appeal Emotional logical appeal
    Appeal
    VISUAL
    RHETORIC
    THE HOW IN
    VISUAL RHETORIC
    “ The field of Rhetoric/ Composition has yet to
    acknowledge, truly acknowledge, that changes and
    developments in writing tools have changed writing,
    literacy, and communication practices in fundamental
    ways—that, given how writing happens in the 21st
    century, all composition research needs to be computers
    and writing research.”
    HYPERTEXT
    • is a database format in which information related to that on a
    display can be accessed directly from the display which was
    first used in 1965 (Merriam Webster Dictionary)
    • usually in a format of underlined words in color blue font that
    can be clicked, then, the user will be redirected to another
    website where the highlighted words are further discussed.
    HYPERTEXT
    • Hypertexts are undeniably significant in business
    since they can link one business to another, to
    customers, and to a certain degree of user
    empowerment.
    BASIC ELEMENTS OF VISUAL
    RHETORIC IN HYPERTEXT

    Link presence which Link destination whichLink mapping which


    must have link extent must have multiple must display link
    destinations and knot relationship
    LINK PRESENCE WHICH MUST
    HAVE LINK EXTENT
    • It is not limited only to being underlined and colored blue, the
    style can also be in a form of bracket, box, partial box of linked
    words and phrases.
    • Use of bold, background color, strikethrough, and background
    stripes with hard and rounded corners.
    LINK DESTINATION WHICH MUST
    HAVE MULTIPLE DESTINATIONS
    • It denotes that a hypertext provides clue to the reader about a
    link’s destination in a form of a file/document name, type, and
    anchor explainer.
    • If the link has multiple destinations, double-clicking on the
    hypertext would show a dialog box listing the file names where
    the file is possibly located
    LINK MAPPING WHICH MUST DISPLAY
    LINK AND KNOT RELATIONSHIP
    • This happens when a hypertext reader gets lost of his track once he
    click the link and be redirected to an unknown website.
    • However, this works when the reader clicks the hypertext, for
    example,“See also” or lateral links that are clustered at the bottom of
    the page and be able to scroll fast and read what’s on the next page.
    -Ex. Wikipedia
    3 EASY STEPS TO CREATE
    A HYPERLINK TO A
    LOCATION ON THE WEB
    (FOR MICROSOFT OFFICE
    WORD)
    1.Select the text or picture that you want to display as
    a hyperlink.

    2. On the insert tab, click Hyperlink. You may also


    right-click the text or picture and click Hyperlink on
    the shortcut menu.
    3. In the Insert Hyperlink box, type or paste your link in
    the Address box. Or simply select the file.
    HTML/ Hypertext Markup
    Language
    Is the language for describing the structure of web pages

    HTML gives authors the means to:

    • Publish online documents with headings, text, tables, lists,


    photos, etc.
    • Retrieve online information via hypertext links, at the click of a
    button.
    1.Open a new document in a simple
    text editor. You may use Notepad on
    a Windows PC or TextEdit on a
    Macintosh.
    2. Create your HTML document with the proper HTML tags
    up to the point where the link needs to be added, bearing in
    mind that links must be seen to be able to be used effectively.
    You must add them to the file somewhere below the <body>
    and before the </body> tags. Form each item on its own
    separate line, as shown below, which is required for all web
    pages.
    ·<html>
    ·<head>
    ·</head>
    ·<body>
    ·</body>
    ·</html>
    3. Create the link tag on where the tag needs to
    be easily noticed by the reader. Begin your tag
    by typing both the beginning and ending tags.
    Type <a href= “ ”>, followed by </a> to form
    the link/anchor tag, thus, the “a” in the HTML
    tag’s name.
    4. Find the place in between the quotation
    marks and place your complete URL there.
    Make sure to use the actual URL in the
    address bar.
    5. Compose your own title for the link on what readers
    should click. Type this text directly after the triangular end
    bracket of your anchor beginning tag and before the
    beginning part of your triangular end bracket’s anchor tag.
    You may also insert your own images in this location by
    using <img> tag to the HTML page, leaving the <a href= “
    “> and </a> tags in place to form the link to other page.
    6. Save your file with a .html extension and
    open it in a web browser to view your
    output.
    7. Preview your website. Make sure to double check your
    codes to avoid showing the actual incorrect codes to your
    reader because the process fails. Your code should be like:

    <a href=http://www.example.com>Test link</a>


    HOW TO
    GENERATE VISUAL
    MATERIAL
    • Text and text elements are relatively important as
    displayed on one particular image. It is highly visual
    and powerful to catch someone's attention that they
    naturally become invisible at times
    • Thus, communicators need to give emphasis on
    what "type" does to their design of information.
    Font conventions must be considered because they convey
    and create distinct meaning to one's mind when viewed and
    paid attention.

    But how can you tell? And how can you choose the right
    font?
    According to Nick Kolenda (2016), "The Psychology of
    Fonts" where he explained thoroughly that people
    subconsciously evaluate fonts as they compare collective
    meaning to the context and based on the degree of fluency.
    For SERIF vs SANS-SERIF

    • Serif fonts are more readable via print & it convey elegance
    and rationale while Sans-Serif fonts are more readable via
    screens & it convey informality and innovation.
    For SERIF vs SANS-SERIF
    For LIGHT vs BOLD

    • Lights fonts signify beauty and


    femininity while Bold fonts
    convey power and masculinity.
    For ROUNDED vs ANGULAR
    • Rounded fonts indicate comfort, softness, and femininity while
    Angular fonts show formality, durability, and masculinity.
    For SIMPLE vs COMPLEX

    • Simple fonts represent directness while Complex fonts embody


    uniqueness
    For SLANTED vs STRAIGHT

    • Slanted fonts show movement while Straight fonts show stability


    For Lowercase vs UPPERCASE

    •Lowercase symbolizes compassion and innovation while


    Uppercase represents power and strength.
    • While mixed case letters are most readable.
    For SEPARATED vs CONNECTED

    •Separated letters indicate


    fragmentation and
    individuality while connected
    ones signify unity and
    collectivism
    For CONDENSED vs EXTENDED

    •Condensed fonts imply


    tightness and precision while
    Extended fonts denote space
    and relaxation
    For SHORT vs TALL
    •Short fonts signify heaviness and stability while Tall
    fonts show lightness and aspiration.
    HOW COLORS AFFECT
    CUSTOMER'S MOOD AND
    BRANDING
    Same as text, colors are as essential as your "type" choice, not to
    mention that some people are color blind. Still, color attracts the
    audience, in general, as it paints all sort of emotions and triggers the
    creativity in people to think and appreciate something. Colors have
    many meanings depending on the context and field.
    • According to the article of Ciotti (2018) which titled “The
    Psychology of color in Marketing and Branding”, color psychology
    is the study of how colors affect perceptions and branding.
    • It focused on how colors impact consumer’s impressions of a brand
    and whether or not they persuade consumers to consider specific
    brands or make a purchase.
    There are metaphors of colors that affect people’s mood. First thing is,
    business communications must understand how their choice of colors
    for their brand may affect the consumer’s mood toward their products
    or services.
    In addition, different colors stimulate different behavior. When
    choosing the right color for your brand, you may consider the
    following using color psychology:
    • Blue indicates trust and appeals of discipline, formal, calmness,
    trustworthiness, clarity, security, and articulation. (e.g. Baskin
    Robbins, United Airlines, British Airways, Nokia, Volkswagen,
    The Range, Pfizer, MMDA, Globe, Robinsons, Petron, Metrobank,
    SM, Goldilocks, Unilever, & Social Security System)
    • Green denotes prosperity, progress, peace, environment, balance,
    and freshness. (e.g. Subway, Potato Corner, Cebu Pacific,
    Landbank, & Smart)
    • Red conveys energy, excitement, vibrancy, passion, enthusiasm,
    rebel, masculinity and action. (c.g. McDonald's, Vans, Audi,
    Jollibee, National Book Store, Lucky Me, Go Nuts, Donuts, Sun
    Cellular, MMDA,BPI, Robinsons, Petron, Selecta, Max's, Tokyo
    Tokyo, &PLDT)
    • Yellow is a cheerful color. It is warm, active, and innovative. (e.g.
    Subway, McDonald's, Jollibee, Lucky Me, Zagu, Sun Cellular,
    MMDA, & Duty Free)
    • Black signifies power, class, elegance, uncompromising behavior,
    strength, security, and evil. (e.g. HUGO BOSS, Nike, Adidas,
    Qualcomm, Chanel, Vans, Zagu, & Tokyo Tokyo)
    • Orange exudes extroversion, confidence, youthfulness, and fun.
    (e.g. Hermes, The Home Depot, Potato Corner, & Meralco)
    • Silver or white stands for quality and workmanship. (e.g. Toyota &
    Datu Puti)
    Psychologist and Stanford professor Jennifer Aaker (1997)
    conducted studies on color branding with her research titled.
    "Dimensions of Brand Personality" that highlights five core
    dimensions that portray a role in a brand's personality. The figure
    below shows these dimensions of brand personality.
    VISUAL
    DESIGNER APPS
    AND TOOLS
    Presets- the custom filters that are applied to photos.
    Lightroom preset- a package of filter that takes the
    bothersome of editing,applying modified effects for you
    without having to adjust levels of photo editing tools and
    features only to achieve the desired fulfilling photo that
    you want to publish in your social media accounts.
    These are some examples of designer apps and tools
    that can be used to create visual rhetoric images :
    • ·Adobe Photoshop
    • ·AnyFont
    • ·Aviary
    • ·Bazaart Photo Editor & Collage
    • Blend Editor- SuperImpose FX
    • Enlight Photofox
    • Fly
    • Font Candy
    • Blend Editor- SuperImpose FX
    • Enlight Photofox
    • Fly
    • Font Candy
    DESIGN AS
    RHETORICAL
    ORGANIZATION
    1.Design based on significance. Meaningful contents use
    large font size, customized fonts, and carefully chosen
    color.

    2.Design to build on purpose . Images that will be used


    should directly get the meaning and purpose across the
    reader. Do not include unnecessary graphics ,texts or even
    punctuations.
    3. Design to build up , highlight,and zoom in. To be more
    than delivering the message or contextual meaning to the
    audience,it is no doubt that you design to be noticed, may it
    be positive or negative. You publish your design because
    you want people to see and criticize it.
    4. Design based on uniqueness. One design cannot easily be
    noticed or appreciated if it is not new.always creativity in
    mind . Design based on who you are and who you want to
    be known for.
    TASK

    Make your own brand based on your understanding about the topic
    we discussed today including the appropriate font convention, color
    and rhetorical organization.
    THANK YOU
    FOR LISTENING!

    You might also like