Skip to main content

Home/ TWC301: Multimedia Writing/ Group items tagged illustrations

Rss Feed Group items tagged

Mckell Keeney

Emphasis: Principles of Design - 0 views

  •  
    This website is a simple representation of how emphasis can be used for a designer.
  • ...1 more comment...
  •  
    This site describes various ways that a focal point can be established. The focal point could be in some way noticeably different in appearance/ orientation/color than the other elements, or its placement on the page determines its focal point status. This site offers examples of each type.
  •  
    I really liked this site. I have quite an extensive art background, but the book allowed me to see it in type form. What also caught my eye on this page was the Emphasis of Isolation. I think when one object is seperated from a group, it creates great emphasis and meaning. Also color.
  •  
    This website gives several illustrations, some in color, to illustrate emphasis in design and focal points.
Nicole Schmitter

Emphasis- Art Emphasis and Composition with Elements and Principles of Art and Design :... - 0 views

  •  
    This site is very, very helpful. It gives so much detail on emphasis. There are different lessons on emphasis. In each lesson there is an example of good and bad so it is a great site.
Mckell Keeney

D#7 HW#1 Data Flow 2: Visualizing Information in Graphic Design | Brain Pickings - 0 views

  •  
    A brief overview of the book, Data Flow 2, Visualizing Information in Graphic Design. Shows some photos and charts that illustrate good flow and uses the words "Eye Candy." Includes links to three other sources, such as Clothing Maps of Europe and London Tube Maps. There is a link to information on their review of the book, The Visual Miscellaneum.
Victoria Burch

D#2, HW#7 - Blogs - Alternative Communication And Advertising Methods For Corporation - 0 views

  •  
    I thought this blog was interesting because it shows how blogs are becoming an alternative communication method for corporations, advertisers, politicians and journalists. It gives you a brief definition of all the tools in blogging, how to involve your company in blogs, examples of blogs, benefits, and much more. It illustrates how communication of blogging through the internet is really changing the way we communicate in the corporate world.
Alex Portela

D#2 HW#8.2 - 1 views

    • Michael Clark
       
      I like these tips. Good thing to remember.
    • Alex Portela
       
      This also goes along with; "Instructions: How to Write Guides for Busy, Grouchy People". Under things to remember she demonstrates the importance of using commands.
  • it is important to remember who your audience is
  • ...4 more annotations...
  • Be consistent with your instructions
  • You can clear up a lot of questions by using diagrams and illustrations
  • testing the instructions. It’s important that you as the author to practice the instructions you write, but it’s even more important that you get someone else with little to know experience on the subject to follow the instructions
  • Create a title that explains what the instructions are  "How to...." Use action verbs in the beginning   "Pick up, take, hold...." Use short clear sentences with words that are common. Avoid words with more than one meaning. Make sure to include any cautions, warnings, or dangers. Be Specific.
  •  
    This site seems to helpful towards project #1 because it gives different website links for examples. It covers main points on remembering the audience and being consistent. It also covers a little bit of incorporating diagrams and illustrations which I will be using on project #1.
  •  
    This website gives clear views on the best way to write instructions.This will help with project 1 because it tells me the best way to give instructions without having the people look away before reading it all.
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.
Paul Angichiodo

Design basics: Repetition rocks | Macworld - 0 views

  •  
    This website was good at describing the definitions of repetition and also it provided some good picture examples
  •  
    This article is a basic intro to repetition but it also goes into how to create repetition in various graphic programs out there such as Illustrator, InDesign and QuarkXPress. It's nice and short and provides visuals for reference.
Franz Ferguson

DD#7HW#1Print - The 75 Books Every Man Should Read - Esquire - 0 views

  •  
    The page is a great illustration of the western flow of reading. There is not much that distracts the reader from the information being given out. The covers of the books guide the viewer to continue downward despite there being any actual guiding line of any sort. Each book is accompanied by a short caption that distinguishes the title of the book from a brief quote or description of the book. All this information is in a easily written font. This whole page is an un-ranked list and it just flows downward allowing the reader to follow the books downward. 
Lisa Plascencia

Graphic Design Theory: 50 Resources and Articles - Noupe - 0 views

  •  
    Great description for the basics of design with illustrations for how to do a layout.
Paul Angichiodo

The Principle of Contrast in Web Design | Tips - 1 views

    • Michael Clark
       
      I really liked this page because it shows some great examples to increase understanding of the concepts.
  •  
    This page explains contrast and its importance when creating visual interest. It discusses examples of contrast in web page design and how contrast in color, size, and alignment can be achieved.
  • ...7 more comments...
  •  
    I found this website to be packed with great information! It not only explained the different techniques used in contrast, but it lists various websites where they had applied it. They link it to the website too so when you click on it, you go to their website. At the very bottom of the website you also get more resources to other free weblayout designs and how to become a better blogger. I thought this was a great website!
  •  
    This is a very good site because it explains contrast as it pertains to color, alignment and size. There are also pictures of ads that go with each description-very professionally done.
  •  
    goes over some of the basics of contrast and gives some helpful hints
  •  
    I really liked this page, it went into detail explaining the principle of contrast and why it is important in your work. The page also shows many different web page examples that I think would be very beneficial for all of us taking this class.
  •  
    This very informative blog shows readers several awesome examples of contrast. The images displayed very clearly highlight the use of contrast and are great for beginners in design to see. The end of the blog post says to "Remember that contrast is all about differences. If two elements are very different in nature, be sure to make their visual differences very obvious."
  •  
    This website offers tips for using contrast in web design. The author focuses on three aspects of contrast: color, size, and alignment. He presents some excellent examples of each. Color, for instance, is used in example to differentiate the header, content, and footer sections of the sample webpage. Size can be used to separate elements when the color scheme is limited. This author comments that alignment can be tricky, especially when using multiple alignments.  Centering a large paragraph is a "big typography no-no." However, centering a heading and then left-aligning the content paragraphs can work.
  •  
    Using alignment is tricky but very effect if done right.
  •  
    Here is another article about contrast in web design from WDL. This article is much like the first I shared as it uses various webpages as examples to illustrate the various types of contrast.
  •  
    This is a great website that highlights the different aspects of contrast, including alignment, color, and size. It also gives examples of how each of these are used.
Nicole Carnal

D #2 HW #8 Writing Instructions - 0 views

  • Don't expect homeowners to know what a terminal bud is unless you've told them.
  • Keep sentences short and vocabulary easy.
  • Make sure the steps are in the right order
  • ...4 more annotations...
  • Use active, command verbs.
  • Use illustrations and diagrams.
  • Make sure you haven't left anything out.
  • Additional suggestions:
  •  
    This is a really simple how to site. I feel that I can learn a lot from this type of instruction. It is simple and an easy way of understanding.
  • ...3 more comments...
  •  
    How to write clear how-to instructions | Extension and Experiment Station Communications
  •  
    I really liked the various examples they put on simplifying a phrase for the reader. It helps to see the different ways to state practically the same thing. This will come in handy when i'm writing my instructions.
  •  
    I really like this article because it gives you helpful hints on how to write instructions. It gives you examples of how to clearly write instructions as well as bad examples on how to explain something. 
  •  
    This webpage is very helpful because it uses examples throughout the article and gives tips about each detail that clear instructions need. I also thought that the paragraph about layout at the bottom of the article was very informative and something that I will keep in mind when creating my own how-to instructions.
  •  
    This site gives a clear example of how to write instructions. Not only does it give you tips, but shows you an actual scenario.
Delaney Hensley

Award-Winning Newspaper Designs - Smashing Magazine - 0 views

  • Traditional layout techniques from print, particularly an advanced formatting, aren’t applicable to the Web as CSS doesn’t offer sophisticated instruments to design such layouts
    • Delaney Hensley
       
      different medias have different layouts, you have to keep it in mind.
  • Apart from that, online-reading is very different from offline-reading: in the latter both leading and the line length are usually much shorter
    • Delaney Hensley
       
      This is an instance you will need to know your audience. Some people are online more than others.
  • data presentation
    • Delaney Hensley
       
      determining space is something that should be layed out in advance
  • ...2 more annotations...
  • signature is the heavy use of typography. The layout may sometimes seem overcrowded, however the packaging is always clean, simple to digest and easy to rea
    • Delaney Hensley
       
      different types of layouts
  • Though conservative in their approach, designers engage readers with the bold use of visuals. The contrast between their quiet, understated style and the gutsy photography and illustrations create a tension that captures the attention of readers.
    • Delaney Hensley
       
      very sharp design
Daniel Throckmorton

D#2, HW#7 - How to Effectively write a tutorial | Richworks - 1 views

  • Tutorials are meant to teach people something new
  • Plan each step carefully
  • most succinct way possible
  • ...8 more annotations...
  • balance the length of the tutorial with the amount of valid information transmitted
  • In order to keep the readers engaged in the tutorial, it is very important that you show them what you will be achieving by the end of the tutorial
  • What you are trying to explain in 5 to 10 lines can be neatly illustrated in just an image. Try to use as many images as possible
  • Use them wherever necessary and use them wisely
  • Take screenshots of every step you perform and document your every move
  • images with varying widths create some sort of a negative impression on your tutorial
  • explain why you are doing it and what are the advantages in doing so
  • In this tutorial, we will be learning to create
Nicole Schmitter

Contrast- Principles of Good Design: Contrast, Lesson #6 - 0 views

  •  
    I like this article because it gives real examples of contrast. It shows images of how contrast applies to art which I think is helpful because it gives a different perspective. It also talks about what happens if you use too much contrast. 
  • ...2 more comments...
  •  
    I thought this website was good because it provided a good definition of contrast. Also it illustrated various examples , while giving examples of the things to do when trying to create contrast.
  •  
    I thought this was the best of my three because not only did it list the different ways we can use contrast but then it provided examples. Of all the sites I looked at this one had the most extensive use of contrast (aside from just color or size)
  •  
    short page describing what contrast is and what it does as it pertains to design. gives a list of common ways for creating contrast: * size * value * color * type * texture * shape *alignment *direction *movement also gives examples of the effective use of contrast
  •  
    This site describes that contrast occurs when two related elements are different. It talks about contrast in art is very important because it captures the person looking at it and makes it interesting. There are many different uses of contrast and this site shows different pictures.
Merlyn Reyna

D#5 HW#1 The Power of Alignment | Webitect - 1 views

    • Rebecca Anderson
       
      I liked this website best because it illustrates the grid method explained in chapter 5. Also it notes that most designers forget about alignment as a design concept which I related to given my first draft of project 1 had no alignment concepts what so ever.
  • adds to the organization and usability of a web page
  • an image can align with elements on the web page
  • ...6 more annotations...
  • Alignment
  • One of these points of alignment is the corner of the walls
  • Not enough attention to alignment can make or break the beauty of a website design
  • using the lines, shapes, and contrasting colors of the image
  • designers used images, color contrast, and features of their respective websites to create an interesting and effective use of alignment
  • beauty for all viewers
  •  
    This page is more of a resource than an example of aligntment. The examples that Kayla(the author) shows looks like good examples however the resolution they were posted in makes it blurry and hard to judge. Kayla however breaks down in a few brief paragraphs how effective and important alignment is within an article, or project. One aspect that she hits on that makes a lot of sense to me is the images in alignment and how they can also be placed into alignment even though it is a photo. There is a lot more that goes into alignment that first expected. 
  • ...1 more comment...
  •  
    This page goes into great detail about the importance of alignment, especially in web design. It also has many examples of alignment in different pages for you to see the effects.
  •  
    This site gives some interesting views on alignment and some examples that I'm not sure I like. In saying that though I really do like some of the notes for instance, that there are many points to align to on a layout. It also is much nicer to use color contrast and other features along with the alignment.
  •  
    This website is very helpful when it comes to explaining alignment.  Even if you have other good elements going around your picture/website, it might look cluttered and there can be a bad use of alignment.  This website gives you examples of how to use proper alignment in pictures and on a layout by using the lines, shapes, and contrasting colors.  
Daniel Throckmorton

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

  • consistency and harmony
    • Daniel Throckmorton
       
      I think it should be added that it also helps guide the reader through the page.
  • silhouetted pigeon images are repeated on three lines down the cover
  • immediately a sense of harmony
  • ...3 more annotations...
  • repeat
  • That leaves room for individual illustrations for each cover, without losing the visual harmony that has been established through the series.
  • The orange and tan color scheme is repeated in the navigation and main drawing on the site
  •  
    This website gave graphical representations of repetition from different aspects of design.  I found the poster of the movie "The Ugly Truth" rather humorous.
Daniel Throckmorton

A note for our Rhetoric on the Town assignments - Code of Best Practices in Fair Use fo... - 0 views

    • Daniel Throckmorton
       
      This means that for our Rhetoric on the Town postings, we can pick basically whatever picture we want :)
  • scholars may confidently invoke fair use to employ copyrighted works for purposes of analysis, criticism, or commentary directed toward those works
  • Did the unlicensed use “transform” the copyrighted material by using it for a different purpose than that of the original, rather than just repeating the work for the same intent and value as the original? • Was the material taken appropriate in kind and amount, considering the nature of the copyrighted work and of the use? If the answers to these two questions are “yes,” a court is likely to find a use fair
  • ...5 more annotations...
  • ANALYSIS, CRITICISM, AND COMMENTARY OF COPYRIGHTED MATERIAL
  • the nature of the use, the nature of the work used, the extent of the use, and its economic effect
  • QUOTING COPYRIGHTED MATERIAL FOR ILLUSTRATION
  • USING COPYRIGHTED MATERIAL TO STIMULATE RESPONSE, DISCUSSION, AND OTHER REACTIONS DURING RESEARCH
  • STORING COPYRIGHTED MATERIAL IN COLLECTIONS AND ARCHIVES
Shannon Ridgeway

Does Your Design Flow? | Van SEO Design - 2 views

  • Flow is the way your eye moves or is led through a composition. While most of us will naturally move from one element to another in our own fashion, a designer can control to some extent where the eye moves next.
  • Verbal Flow – the path taken when reading text on the page Visual Flow – the path taken when looking at images and graphics on the page
  • To make copy easier to read you can: Develop a consistent typographic style across your site – Be consistent with your use of font size, face, and color Choose a font for your copy that is easy to read – Your copy is not the place for a fancy font Remember the principle of proximity – Place headings close to the text they refer to, captions close to images. Organize your text elements so it’s clear what goes with what Watch the width of columns – Don’t make columns to wide or too narrow as each hinders reading Develop a vertical rhythm in your type – Use consistent line heights and vertical margins and paddings
  • ...6 more annotations...
  • Again a consistent typographic style and a grid-based layout help maintain the pattern and strengthen the flow of your site.
  • Many images have a direction. An arrow, a hand pointing, a face looking in one direction. Your eye will speed up or slow down depending on the direction it was moving when it fell on the image.
  • Use the direction of images to control the the speed and direction of flow Create barriers when you want to reverse the eyes direction Create open paths to allow easy movement through your design Use contrasting colors and shapes to pull the eye
  • Assuming a left to right reading direction as in English, the natural visual flow for people will be a backwards “S” pattern. You can alter that natural pattern with the images you use, where you place those images, and how images, graphics, and text are mixed on the page.
  • Through good flow you can lead the eye from element to element
  •  
    A page on teaching what design flow is and how it works. Teaches you how to keep the reader's eye and make them follow the 'flow'.
  • ...7 more comments...
  •  
    This website gives great advice on how to show flow in a website.
  •  
    Interesting take on flow in design. Definitely worth reading. I like the information and felt that this could be very helpful in creating pages.
  •  
    This is a great website that illustrates how important flow is design. It was my favorite of all the pages I visited It gives a great definition of design flow, as well as the 2 kinds of flow (takes examples straight out of Basics of Design). It then goes on and explains how to improve your verbal and visual flow in your work.
  •  
    This in-depth website shows how to improve your website using the flow to create a more readable page.
  •  
    D#7, HW#1-- This is a great website when discussing visual and verbal flow like the book with Chapter 7. Firstly, it explains what visual flow and verbal flow exactly are so that you know where you're starting off, which I really enjoy in a website. Then, the website gives you visual examples of how to improve your current design or document.
  •  
    This website is good because it gives you a scenario of something you can relate to then it gives you an explanation of both visual and verbal. Then it gives you suggestions on how to improve your work that has to do with visual and verbal flow .
  •  
    Flow is the way the audience's eyes move through out the design. Its a lead from one element to another. Verbal flow is more like a path that leads you to the next reading text on a separate page. This article is really helpful way to improve "Flow" and provides examples for flow. 
  •  
    This is a good website to help you understand what flow is and the different types of flow. It talks about verbal flow and visual flow. It also goes on to explain how to improve your verbal flow and your visual flow.
  •  
    This webpage incorporates more details about many key aspects of flow that were also mentioned in chapter seven. There are tips to improving visual and verbal flow within a page and also how to add flow across an entire site involving many pages.
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.
Taylor Rowand

D#2 HW#8 - 1 views

  •  
    An important part of this project will be creating an interesting guide that illustrates just as well as directs the user how to accomplish a task in the application.
1 - 20 of 24 Next ›
Showing 20 items per page