Skip to main content

Home/ TWC301: Multimedia Writing/ Group items tagged Design-audience

Rss Feed Group items tagged

Shannon Ridgeway

How To Control Flow Within Your Web Designs - 2 views

  • Visual design has a flow as well. You have something to communicate and you want your audience to take in different parts of your page. Some elements of the design are more important and you want to make sure they’re seen right away, and some elements of the design are best seen after having first seen a different part of the design.
  • Design flow (also referred to as movement or direction) is the way the eye moves or is led through a composition
  • Repetition in color, shape, and size create a path that can pull you to move in a certain direction.
  • ...3 more annotations...
  • • Arrows – again it’s difficult not to visually follow the direction an arrow points• People/Faces looking in one direction – similar to arrows when we see a person facing or looking in a given direction, we tend to also look to see what they’re looking at.• Perspective – creates strong visual cues to follow. By it’s nature perspective creates a direction that begs to be followed. If all roads lead to Rome, you’re going to end up in Rome at some point
  • The large black circle in the upper left is the entry point into the painting. It’s the first thing you notice. It’s larger and darker than anything else on the page. It holds more visual weight than any other element in the painting.
  • Space can imply flow in a variety of ways. The space between elements creates paths of emptiness much like footpaths through a forest of garden. An element with visual weight calls for you to rest your eyes on it. Space gives you room to move around elements.
  •  
    I liked this article the best. It discuses flow within web designs and it covers all the basis for smooth flow for people that are trying to create their own web page. It covers what design flow is and gives an image example of how flow flows within a graphic design. The author states that it is important to create an entry point, "something that stands out from everything else so that most people look at it first". The author also gives advice on controling flow within a design by using arrows, people or faces that look in a certain direction, and perspective. Using space to control flow is something that I found interesting the author states that "varying the space between a series of elements can be used to create rhythm and motion".
  • ...3 more comments...
  •  
    a good site that shows how to improve web design with flow
  •  
    This website does a great job explaining the importance of flow in your design. It also gives great examples, mainly of we pages most of which are blogs. I thought this could help us improve our blogs also it is great for those of us who are visual learners to get the importance of flow by all the examples shown.
  •  
    This site includes several visuals to supplement the presented material on using flow in page design. The primary elements are most important and are intended to be seen first. Other elements are best viewed after the primary element. This hierarchy can be established through flow. An entry point is something that stands out from everything else so that the audience will look at it first. Obvious directional cues include arrows, people/faces looking in one direction, and perspective. Repetition and space can also be used to create flow.
  •  
    I found this website to be very helpful when it came to discussing flow and how to achieve that. Besides talking about using visual cues to guide the readers eyes, using space to control flow, and creating harmony using flow, it also gives examples of various websites that have demonstrated good flow of design.
  •  
    Control the way your eyes moves through a design by starting off with an object that will catch the viewers attention. How to control the flow oif your design by using visual cues to guide the eyes in that direction. Creating space to control flow and also creating harmony using flow.
Paul Angichiodo

Designing for your target audience | Webdesigner Depot - 0 views

  •  
    This page goes into detail about designing for your audience. This articles focus is on marketing yourself but the principles could be applied to anything. It goes into a little more detail then the book does, it lists each step for designing for your target audience then follows with a short explanation.
Heather Krieger

D#1, HW#13-Design Website-Architectural Design - 0 views

  •  
    D#1, HW#13 I really enjoyed this website for a couple different reasons. First of all, the design process is similar to that in the book, but yet it has a different approach because it is for an architectural piece, instead of a web site or banner for example. I also enjoyed it because it is not only a list of the concepts for the designer process, but it is also the steps that this particular architectural design teams uses and wants to share with their customers. This shows those customers that they have a structured plan and as a customer you can know where you are in the time line of your design and build process. Although the design process is not exactly the same as the book, it uses the same concepts from beginning with a blank page and sketching out ideas, to ending with details helping to make the project personal to the audience.
Shannon Ridgeway

The Basics of Graphic Design - 1 views

  •  
    This website begins with a description of the steps in the design process. It covers all of the ones that were also in our textbook such as analyzing audience, determining purpose of message, choosing the right format and layout. There were only four principles covered in this website which were those of balance, emphasis, rhythm which we can consider as flow, and unity which we can consider to be alignment. -What i liked about this website is that it offered explanations about the elements of design such as lines, shapes, and colors. I liked that it gave us the table on the "Psychology of color". It will be very useful especially when we think about the objective and audience of the message.
  •  
    This website provided useful tips about the elements of design such as color, lines, and shapes that will be helpful when beginning to design. It will also help when considering who your target audience is and what the objective is!
  •  
     Although visually pretty dry, has a pretty comprehensive treatment of design basics.
Matthew Aber

D#1,HW#13.3 - Favorite - 0 views

  •  
    This site specifically relates to graphic design, but still demonstrates design basics. It looks at such things as target audiences and knowing the message you want to send.
  •  
    This site demonstrates the process of design basics. It specifically refers to graphic design, and shows the importance of knowing your target audience and the message you want to send.
  •  
    This web page discusses the graphic design process, a concept discussed on pages 14 and 15 of Lisa Graham's Basics of Design Layout & Typography for Beginners: Second Edition.
Nicole Schmitter

Repetition- Design Meltdown § Repetition - 0 views

  •  
    This website explains the many routes that repetition can take in design. There are so many ways that a designer can place repetition but the overall concept is to make it in a way that it will look organized and strong. This will appeal to the audience and make it so they will continue to read it.
  • ...5 more comments...
  •  
    Gives a good description of repetition and shows samples of different ways to use repetition
  •  
    This web page does a good job discussing repetition and giving some examples. The site gives a couple of examples and goes into detail as to why those examples are shown, obvious repetition and no so obvious are discussed.
  •  
    I really like this article because it gives great examples of how to use repetition in web design. 
  •  
    Repetition can be used with the color, shape, line, fonts, imagery or style as this site states.
  •  
    Repetition can come in many shapes and forms. They can come in color, lines, fonts and imagery. This website shows you through several examples of how to fit repetition into your own designs.
  •  
    Here is an article about repetition in web design. This article utilizes screenshots of various web pages and analyzes how repetition was used and what effects it has on the overall feel of each page.
  •  
    Repetition focuses on how elements of a design are used more than once throughout a design in varying ways. By using repetition a design becomes far more unified. This site contains 4 examples of sites that use repetition.
Brooke Iggie

Digital Web Magazine - Design Decisions vs. Audience Considerations - 1 views

  •  
    D#1 HW# 13 This website discusses how to best consider who the audience is for a design piece. The information is easy to read and is written rather informally, much as one would talk. The information is broken down into understandable pieces and shows real world examples.
Merlyn Reyna

D#1 HW#13 - 0 views

  •  
    This website states the different audiences for specific interest or group of people. Chapter 1 says: "the more you know about your audience, the better equipped you are to attract their attention..."
Lisa Plascencia

Principles of Design: Alignment | Learn Design Online - 0 views

  •  
    This website will help many of us with project 2. There are great tip on alignment, which is very important in a web page layout.
  • ...1 more comment...
  •  
    I liked how the article showed how alignment is used in many types of formats such as web design, graphic design, and how to manipulate it. It stated that the way we align shapes, words, or objects in our design will create a dramatic effect on the experience our audience will have.
  •  
    This website gives some good information on different types of alignment and how it can be used. It compares the importance of alignment in the real world and how it can be used in design. This website also demonstrates the importance of a clean cut design in order to be less distracting.
  •  
    This is my favorite becaue it is a teaching site. It has a wonderful way of explaining the different desing elements. There are tutorials and various design strategies to use to get a very creative piece of work.
Alex Portela

D#6 HW#1.1: Harmony In Design Part 2: Repetition » SitePoint - 0 views

    • Alex Portela
       
      Repetition is a great technique that goes along well with balance. It helps create more visual effects to catch the eye. Here we learn that images and text need uniformity and repetition.
  • repetition
  • Design elements can be photographs, illustrations, type, headlines, backgrounds and textures (and anything else you might like to add to your design)
  • ...2 more annotations...
  • visual harmony is the agreement or balance between design elements.
  • Two or more identical, or near identical elements are not only an expression of visual agreement, but the repetition also helps to catch and draw the eye into your design.
  •  
    This was my favorite of the different sites that I found on the topic of repetition. I thought that this site very closely followed what the Basic's of Design taught on the subject. The site gave a background of what repetition is and why it is important. It also gave great examples of different forms of repetition such as; repetition of a image/icon, border, or decoration. It really helped me understand why repetition is such a key component in design!
  • ...3 more comments...
  •  
    This website is a good, quick overview of certain parts of repetition in design. I like that they give picture examples to illustrate them.
  •  
    This web page caught my eye because it provided many examples of what repetition should be look like in different works .
  •  
    This is my favorite of the website I found that helped supplement my understanding for several reasons. I think the examples are great. Not only that it is very similar to the book in that it talks about repeating visual elements such as images, lines, even typefaces. The series of books are a perfect example because they show you can use repetition without being identical, as long as it is conceptual related. 
  •  
    I like this article because it gives visual examples of repetition used in books, movies, and ads. 
  •  
    This website has good examples of repetition and they explain it better when having an image. They have good images and good explanation.
anonymous

D#1, HW#1 Strategic Design: 6 Steps For Building Successful Websites - Smashing Magazine - 0 views

  •  
    This website focuses more on building a design for a successful website, but it's another example of using the same strategic steps in chapter one of "Basic of Design". I especially am drawn to the second step of this website "Identify your audience". Nowadays new technology being introduced to a variety of generations can be somewhat tricky. The fact that they mentioned "technical competency" as a consideration, gives a better understanding of who you will be dealing with and what levels of technology to consider.   
Rebecca Jordan

DD#6 HW#1- C6 Bookmarks - 0 views

  •  
    While I was reading the book I wanted to learn more about the gestalt law of perception. I decided to search for it and this is one of the sites that I came upon. The term "gestalt" is kind of the psychological term to describe tools like figure, proximity, closure, continuation, and similarity to bring unity (repetition) to design. It is kind of a neat article about how we can figure out how to make great designs by finding out how we perceive things. I think this concept can be used to my advantage when designing for particular audiences
Tim Buswell

Design Notes: Emphasis - 2 views

  • designer needs to know how to control the attention of the viewers of their artwork
  • DOMINANCE
  • more important or more noticeable than its surroundings
  • ...22 more annotations...
  • Information is rarely of uniform interest in art
  • When there is dominance there must be subordination
  • There are three major methods for controlling emphasis in a visual image: contrast, placement and isolation.
  • One of the greatest possible contrasts in art is the difference between black and white
  • If color is used make it bright, preferably against a dull background.
  • When it comes to being noticed B I G G E R is always better.
  • An unusual shape can call attention to itself but it is not as strong a contrast as size or value/color.
  • PLACEMENT
  • Proximity
  • Proximity
  • Proximity
  • An overlapping, touching or close object is likely to be seen next (in that order) after a primary object.
  • Texture can also be an affective similarity device.
  • ISOLATIONIsolation is a kind of placement -- where something is put. An item that stands apart from its surroundings will be more noticeable. This is not likely to make an item be noticed first but can make one item stand out.
  • Proportion is a design principle that has to do with the relationship between size and scale.
  • It is possible to make an object appear different in scale without changing its size. The fortune cookie to the left is about life size. The one in the picture below appears to be quite large in scale. They are both the same size.
  • It is important for a designer to know how to control the attention of someone viewing their artwork
  • It is important for a designer to know how to control the attention of someone viewing their artwork.
  •   CONTRAST The objective of contrast is to produce maximum visibility
  • There is usually a focal point, a place where the action begins
  • Bright colors are more attractive (attract attention) than dull colors.
  • Where you place objects is important.
  •  
    Good article on controlling where you want your viewer to look by emphasing objects and the different ways to accomplish.
  • ...7 more comments...
  •  
    I really like compiling all these sites to help with projects later. The basic ones with examples are best for me now. This is another great site that helps break down the basics from chapter 2
  •  
    This explains some of the basic ideas of emphasis and the different elements you can use to show emphasis
  •  
    D#2 HW#2 This articles discusses the principles of design of art. Even though this does not talk about the typography principles of design, the same rules still apply. I thought it was interesting because it gives a different perspective on the same concept.
  •  
    Good overall explanation of emphasis. I picked this website because it has good information on contrast and how to use it. I also like the visuals on the left, they are helpful to understanding the concept!
  •  
    This website is setup as notes for emphasis. It talks about color, size and shape. It also talks about how placement and isolation is important. It also adds how proportion has to do with size and scale, how it makes it appear diffretn based on other objects around them.
  •  
    Emphasis is more visually interesting and making what you're trying to control more interesting than others.  It is also the attention of someone viewing an artwork, design or website.  Emphasize on weather you want to attract your audience the most, maximize the visibility of your focal point. This website gives explanation of how emphasis is used in art.  
  •  
    i like this page just because it has so much info on it and touches on multiple aspects of the principle
  •  
    this page gives a lot of information on differetn aspects of using emphasis dominance subordination contrast color/value size shape placement isolation proportion
  •  
    This site went into great detail. Like the book, the site described that the bigger something is, the more important it must be. It also makes an argument for the center being the most important of placing. But could that really be true if something bigger and more noticable was off center?
Raquel Cortez

Graphic Design Solutions D4, Hw#1 - 0 views

  •  
    This book offers some good information on how balance is used and the importance of a balanced design. An imbalanced design can be hard for a reader to understand and creates negative feelings in the audience.
Paul Angichiodo

Developing Balance in Web Design | Codrops - 0 views

  •  
    Goes in depth about balance and gives great examples
  •  
    I really liked this page, like the last one I posted for contrast this website goes into detail about each kind of balance and gives a picture example of each. It makes it really easy to understand seeing a web page picture or ad, which is what we mostly work with so it makes it easier to understand by showing pictures we relate to.
  •  
    Here is another article about balance in web design! This article is more focused on designing for your audience. It defines the types of balance as: horizontal, vertical, radial, symmetrical and asymmetrical. Each type of balance has examples from the web accompanied by a short description of how balance is achieved in each unique way. The article goes into the properties of balance as well, and has examples from the web to help define them.
Yajahira Bojorquez

DD#10, HW#5: Reports - 0 views

    • Alex Portela
       
      Formal reports are used constantly in a professional environment to propose and discuss new ideas and designs. An official report has to flow well so the the ideas, designs, and text flow easily when presented to the right audience. It helps organize and structure thoughts to paper backed with data and other supporting documents.
  • Engineers and scientists write formal reports for many reasons, including the documentation of experiments and designs
  • In a formal report, the audience expects a methodical presentation of the subject that includes summaries of important points as well as appendices on tangential and secondary points
  • ...16 more annotations...
  • Format distinguishes formal reports from an informal reporting of information. A well-crafted formal report is formatted such that the report's information is readily accessible to all the audiences
  • Front Matter
  • The front matter to a formal report includes the preliminary information that orients all readers to the content of the report.
  • Front Cover. The front cover of a formal report is important. The front cover is what people see first.
  • Contents Page. The table of contents includes the names of all the headings and subheadings for the main text.
  • Summary. Perhaps no term in engineering writing is as confusing as the term "summary."
  • References. Use a reference page to list alphabetically the references of your report.
  • Main Text The text portion of your formal report contains the introduction, discussion, and conclusion of your report.
  • Introduction. The introduction of a report prepares readers for understanding the discussion of the report.
  • Discussion. The discussion or middle is the story of your work. You do not necessarily present results in the order that you understood them, but in the order that is easiest for your readers to understand them.
  • Conclusion. The conclusion section analyzes for the most important results from the discussion and evaluates those results in the context of the entire work.
  • Back Matter The back matter portion of your report contains your appendices, glossary, and references.
  • Appendices. Use appendices to present supplemental information for secondary readers.
  • Glossary. Use a glossary to define terms for secondary readers. Arrange terms in alphabetical order.
  • Title Page. The title page for a formal report often contains the same information as is on the cover.
    • Hector Garcia
       
      This sight gives insight of all types of formal reports and reference to them.
  •  
    This website discusses the format and purpose of a formal report. The different kinds of professionals that use this report need to know who the intended readers are.
  • ...3 more comments...
  •  
    This website is a good reference to use when writing a formal report because it lists all of the components required in a report and it also provides helpful samples to look at. 
  •  
    Gives good definitions and explanations of some of the stuff in a formal report
  •  
    This site describes the difference between informal and formal reports.It also discuses the details such as font matter, front cover, title page, content page, summary, conclusion, etc. Sample reports are viewed on the left hand side of the site.
  •  
    This website contained a lot of information that just gave an overview on the basics of formal reports. It also explained how formal reports differ from an informal way of reporting information. It also split a formal report into 3 sections that I did not see in the other website I found. In this one it states that there is front matter, main text, and back matter. Each of these contains different sections within as well. Very helpful for when we have to work on Project #3!
  •  
    I like this website because it gives you good explanation on different things you need in a good report. It talks about the front matter like front cover. tittle page, contents page and summary. Also about the main text like introduction, discussion, conlcusion. Back matter is also important with the appendices and glossary.
Shannon Ridgeway

Design Basics: Alignment To Add Order To Your Design | Van SEO Design - 0 views

  •  
    My favorite of my choices for the week. This is a great step by step guide with examples and reinforcement of the weekly chapter in the text. The writer definitely knows how to teach the audience the how to of alignment.
  •  
    example of good layout alignment, use of gridlines.
natalie arellano

D#1 D#13-Thoughts on Developing A Design Concept | Van SEO Design - 0 views

  •  
    An awesome website which goes into great depth about the importance of having a concept and how to create your concept based on your audience.
  •  
    Should be visually appealing and set up a mood. The design should make you smile or craving the new item on Starbucks' menu.
Merlyn Reyna

D#1 HW#13 - 1 views

  •  
    Good usage of layout and placement of visual elements on this website. It's catchy for their audience because of their design and color.
Bridget Esqueda

D#4 HW#1-Website Recommendation - 0 views

  •  
    This website has all the information about creating a great website. It goes through each step with detail and an example. It states that first a designer should use an effective marketing model in order to get attention from the audience, then one should play with colors for their website. Once one plays with the colors and main idea, then one can focus on balance. It was very informative.
1 - 20 of 31 Next ›
Showing 20 items per page