Skip to main content

Home/ TWC301: Multimedia Writing/ Group items tagged principles

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
Alex Portela

Composition and Design Principles - 1 views

www.goshen.edu/Compose.htm

shared by Alex Portela on 09 Jun 11 - Cached
    • freda yamoah
      freda yamoah on 28 Sep 11
       
      This website gives you the idea of composition and design principles that helps you understand the effect repetition in a design. There are several ways to use repetition in a design. Repetition gives motion so it can be used in all designs that have visual element.
    • Alex Portela
      Alex Portela on 15 Feb 12
       
      This site specifically outlines examples also explained in the book about unity. Lines, shapes, images, colors, textures and other effects can be creatively laid out to give variety and depth draws more attention to the subject. The butterfly is a great example of that uniformity as well.
  • toni tassell on 09 Jun 11
     
    Web site contains basic understanding of balance and all principle elements of design.
  • ...5 more comments...
  • Briseida Aguirre on 26 Aug 11
     
    I like this website because it had really good examples of the basic ideas of design principles .
  • Damaris Bravo on 30 Aug 11
     
    D#2 HW#2 I like this article because not only does it discuss the principles of design but it also uses these principles within the article. Unlike other articles this one is actually practicing what it is teaching.
  • Bridget Esqueda on 13 Sep 11
     
    On this website it showed various techniques in achieving balance in web design. It explained various methods such as the six visual elemnts of color, line, shape, texture, tone, and volume. It also goes in depth about varous techniques like size various, variety, visual effects, and unity that can help with accomplishing visual balance to any design.
  • Lisa Plascencia on 14 Sep 11
     
    This site is from an art teacher's perspective. Scroll half way down the page until you get to the balance section where there are very pretty, helpful example of balance.
  • Brooke Iggie on 23 Sep 11
     
    D4 HW1- I like this website because it shows how different types of elements can give different visual weights to the page. This is covered in the textbook, but this website is able to show it in color also.
  • freda yamoah on 28 Sep 11
     
    This website gives you the idea of composition and design principles that helps you understand the effect repetition in a design. There are several ways to use repetition in a design. Repetition gives motion so it can be used in all designs that have visual element.
  • Bethany Jorgensen on 10 Jan 12
     
    This website was very informative and gave many examples demonstrating how to incorporate visual elements within page design. It also defines and describes design principles, many of which match up with the principles listed in Chapter 1 of our book on pages 12 and 13.
Michael Wheeler

Chpt. 1- The Principles of Design - 0 views

www.digital-web.com/...principles_of_design

basics design textbook

shared by Michael Wheeler on 25 Aug 11 - Cached
  • Damaris Bravo on 25 Aug 11
     
    I like this site because it discusses all of the principles of design mentioned in chapter 1 of our textbook. It also discusses other principles that are not mentioned in the textbook such as continuance and alignment. Overall, very informational and helpful.
  • ...2 more comments...
  • Briseida Aguirre on 26 Aug 11
     
    This website gave a great basic idea of the main concepts of design
  • Helen Lennarson on 05 Oct 11
     
    I really liked this site since it not only discussed flow in design, but also tied in (refreshed the mind on) past topics which we have covered in class.
  • Michael Wheeler on 11 Jan 12
     
    I thought this was a good site just because with all the priciples it describes it gives diagrams or drawings as examples to demostrate what they are talking about.
  • Michael Wheeler on 11 Jan 12
     
    This page decribes similar or the same principles as the text. Aside from expanding on the explanation of each princple this page offers diagrams and drawings to try and help demonstrate what the princple is describing. Principles listed on page: *Balance *Rhythm *Proportion *Dominance *Unity Even though the principles may have different names than the text the way they describe them easily relates to the ones presented in the book.
Merlyn Reyna

D#8 HW#4 Five Principles of New Media - 0 views

www.artfagcity.com/...e-five-principles-of-new-media

TWC301 new media

shared by Merlyn Reyna on 26 Feb 11 - Cached
  • 1. Numerical representation: new media objects exist as data
  • 2. Modularity: the different elements of new media exist independently
  • 3. Automation: new media objects can be created and modified automatically
  • ...2 more annotations...
  • 4. Variability: new media objects exist in multiple versions
  • 5. Transcoding: a new media object can be converted into another format
  • Kyle Martinez on 26 Feb 11
     
    This site rehashes over a few of the principles of new media and gives a more visual look at them. Which is much more pleasant to me than just a wall of text!
  • Yajahira Bojorquez on 29 Feb 12
     
    I like this website because it gives the 5 priciples with and image and a good explanation of how to view it.
  • Merlyn Reyna on 29 Feb 12
     
    This website is very interesting because it talks about the five principles of New Media.  It provides images as examples and it explains how each principle is composed and the content the images have.
Daniel Throckmorton

10 Principles Of Effective Web Design - Smashing Magazine - 1 views

www.smashingmagazine.com/...ciples-of-effective-web-design

webdesign usability reference twc301

shared by Daniel Throckmorton on 25 Apr 10 - Cached
    • Daniel Throckmorton
      Daniel Throckmorton on 03 Jun 11
       
      Refer to step 1: Don't make users think.
    • Daniel Throckmorton
      Daniel Throckmorton on 03 Jun 11
       
      This coincides with the design principle of emphasis.
  • “keep it simple”-principle (KIS)
    • Daniel Throckmorton
      Daniel Throckmorton on 03 Jun 11
       
      I prefer KISS - Keep It Simple *Stupid
  • ...6 more annotations...
  • reduce the cognitive load
    • Daniel Throckmorton
      Daniel Throckmorton on 03 Jun 11
       
      Coincides with the design principle of balance.
  • Users don’t read, they scan.
  • users search for some fixed points or anchors which would guide them through the content of the page
  • the less intuitive is the navigation, the more willing are users to leave the web-site and search for alternatives
  • the web-page should be obvious and self-explanatory
  • The only element which is directly visible to the users is the word “free”
    • anonymous
      anonymous on 05 Jun 11
       
      I agree and think that these are very good guidelines. You don't really think about them when you are reading different instructions, but when I look back it makes sense. I don;t really ever read anything untill it catches my eye and looks interesting. ONce I start reading if its to wordy or boring I stop reading, I don't to have to think to hard.
  • Rochelle Drinon on 25 Apr 10
     
    This website lists "10 Principles Of Effective Web Design" that I believe are very useful. The images and information about where the users eyes fall and how to strategically organize your page are all helpful in designing not only blogs but any web page. These tips are very effective because they view everything from the users' perspective, saying things such as "users follow their intuition" or "users want to have control." I think that the aspects mentioned are good to take into account when design a site.
Michael Wheeler

Design Meltdown § Flow - 0 views

www.designmeltdown.com/...Flow

shared by Michael Wheeler on 29 Sep 11 - No Cached
  • Caitlin Burke on 29 Sep 11
     
    Design Meltdown has yet another great explanation of design principles, this time for the principle of flow. The explanation incorporates great visual examples.
  • ...5 more comments...
  • Caitlin Burke on 29 Sep 11
     
    This website usually has my favorite design principle explanations. I just discovered the person who wrote them used the Basics of Design textbooks as their jumping off point for wrting them.
  • Damaris Bravo on 04 Oct 11
     
    This article provides helpful tips on how to create flow. It also provides visual examples of how to create flow in a layout. 
  • Vincent Arcos on 04 Oct 11
     
    This site gives a brief explanation of flow and what it is used for. It also tells which principles are helped out by flow. the site also gives some samples into how some websites use flow.
  • natalie arellano on 21 Feb 12
     
    This site is great at showing flows in designs. It includes descriptions as well as examples.
  • Leslie Lopez on 22 Feb 12
     
    This website does a good job at explaining exactly what flow is. What I like about it is that it provides example of different website and the kind of flow that they have. The arrow that the webpage author draws on the example to show the flow is very useful!
  • Michael Wheeler on 23 Feb 12
     
    This page give multiple page layout examples and then superimposes over them to show the flow of the layout. It also discusses the different flow of each example to help us understand how it works
  • Michael Wheeler on 23 Feb 12
     
    talks about flow as a simple design principle and how it is often a result of contrast and emphasis. page also gives examples of pages and uses a blue arrow to demonstrate the path or flow of the page, just showing different ways pages and be perceived or organized
Hector Garcia

D#6HW#1: 4 Principles of Good Design for Websites | MyInkBlog - 0 views

www.myinkblog.com/es-of-good-design-for-websites

principles TWC301

shared by Hector Garcia on 07 Feb 12 - No Cached
  • natalie arellano on 07 Feb 12
     
    This site has two tips for alignments, the 960 grid and a list apart.
  • Hector Garcia on 14 Feb 12
     
    This blog has great examples of good websites that use good principle of design, especially repetition.
anonymous

10 Principles Of Effective Web Design - Smashing Magazine - 0 views

uxdesign.smashingmagazine.com/...ciples-of-effective-web-design

web design design TWC301

shared by anonymous on 23 Aug 11 - No Cached
  • Alex Knab on 23 Aug 11
     
    I found that this site closely related to the ideas and principals from chapter one of Basics of Design. The site specifically talks about the principles of effective web design and website usability. It talks about how the typical web users brain works and the proper design to get the most out of them. This site shows the effectiveness of simplicity in design and how to get the most out of the space which you are working with. Also it mentioned having effective writing through talking business and the use of bold/italics keywords. Lastly the site encouraged designers to not fear having blank/white space on their site and to communicate with language that is clear and consistent with the concept of the site. Friedman, Vitaly. "10 Principles Of Effective Web Design - Smashing Magazine." UX Design: Smashing Magazine. Web. 22 Aug. 2011. .
anonymous

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

D#3 HW3 http://www.bluemoonwebdesign.com/art-lessons-6.asp

TWC301 chapter 3 contrast

shared by anonymous on 06 Sep 11 - No Cached
  • anonymous on 06 Sep 11
     
    Principles of contrast draws the readers eye and creates organization. "The greater the difference the greater the contrast," is a correct statement used when incorporating contrast in your design.    This is my favorite website because it shows visual examples of contrast. It also shows different elements that can be enhanced with the principles of contrast.
Bridget Esqueda

D#8 HW# 2- Website Recommendation - 0 views

www.digital-dramatica.com/...-the-5-principles-of-new-media

shared by Bridget Esqueda on 12 Oct 11 - No Cached
  • Bridget Esqueda on 12 Oct 11
     
    I liked how this article gave specific websites that show exatly how it shows each principle that Manovich discusses in his book. This article gives a brief summary of each principle in an easy to understand and gives examples on how it is shown in websites.
Heather Groen

D #2 HW #2 Four Principles of Effective Logo Design - 1 views

www.johnnyflash.net/ive-and-effective-logo-designs

TWC 301 Chapter 2 emphasis design principles logo design

shared by Heather Groen on 13 Jan 12 - No Cached
  • Heather Groen on 13 Jan 12
     
    This site is really simple but offers some good points about designing effective logos. The textbook offers an example of logo design, so I wanted to explore some more information. According to this site, there are four main principles: the logo should be simple, versatile, memorable, and relevant. One good point the author made was that most of the top corporate companies use only one or two colors in their logo. A logo must also be expected to appear in many different formats, ranging from a billboard designed to be seen from a distance to a logo etched onto a pencil.
Anastacia Albinda

Principles of Design - 0 views

www.slideshare.net/...principles-of-design-252201

balance

shared by Anastacia Albinda on 03 Feb 12 - No Cached
  • Anastacia Albinda on 03 Feb 12
     
    This is a clear and easy to follow slide on the different types of balances.It also includes other principles of design which can be helpful for a later time. D#4 HW#1
Sonia Navarro

rhetoric: Definition, Synonyms from Answers.com - 1 views

www.answers.com/rhetoric

shared by Sonia Navarro on 10 Jul 10 - Cached
  • Skill in using language effectively and persuasively.
    • Georgia Cardwell
      Georgia Cardwell on 10 Jul 10
       
      rhetoric is a developed skill to persuade and influence effectively.
  • Principles of training communicators. It may entail the study of principles and rules of composition formulated by critics of ancient times, and it can also involve the study of writing or speaking as a means of communication or persuasion. Classical rhetoric probably developed along with democracy in Syracuse (Sicily) in the 5th century BC, when dispossessed landowners argued claims before their fellow citizens. Shrewd speakers sought help from teachers of oratory, called rhetors. This use of language was of interest to philosophers such as Plato and Aristotle because the oratorical arguments called into question the relationships among language, truth, and morality. The Romans recognized separate aspects of the process of composing speeches, a compartmentalization that grew more pronounced with time. Renaissance scholars and poets studied rhetoric closely, and it was a central concern of humanism. In all times and places where rhetoric has been significant, listening and reading and speaking and writing have been the critical skills necessary for effective communication.
  • ...3 more annotations...
  •  Principles of training communicators. It may entail the study of principles and rules of composition formulated by critics of ancient times, and it can also involve the study of writing or speaking as a means of communication or persuasion. Classical rhetoric probably developed along with democracy in Syracuse (Sicily) in the 5th century BC, when dispossessed landowners argued claims before their fellow citizens. Shrewd speakers sought help from teachers of oratory, called rhetors. This use of language was of interest to philosophers such as Plato and Aristotle because the oratorical arguments called into question the relationships among language, truth, and morality. The Romans recognized separate aspects of the process of composing speeches, a compartmentalization that grew more pronounced with time. Renaissance scholars and poets studied rhetoric closely, and it was a central concern of humanism. In all times and places where rhetoric has been significant, listening and reading and speaking and writing have been the critical skills necessary for effective communication.
    • Andrew Miller
      Andrew Miller on 27 Aug 10
       
      Cool background on the roots of how the word came to be
  • Language that is elaborate, pretentious, insincere, or intellectually vacuous
    • Sonia Navarro
      Sonia Navarro on 30 Aug 10
       
      This definition is very different than the other three in a way that describes rhetoric when it is written or spoken.
  • Eric Holsclaw on 20 Jul 10
     
    I like this information you found and chose to use for rhetoric. I will have to bookmark answers.com I havent been to that site yet. Good job.
Lacey Preach

Yahoo - 1 views

www.yahoo.com

shared by Lacey Preach on 27 Jan 11 - Cached
  • Victoria Burch on 27 Jan 11
     
    Contrast: White background, main story in the center of the page. Summary of story underneath with related links smaller, different colored text to bottom right. Repetition: All links are colored blue and all bullet points and listing numbers are purple. Yahoo sites in the menu are all black with thumbnail pictures. Titles for each grouping box are in black capital letters with subtitles in grey. Alignment: Everything aligned to the left throughout entire webpage. Proximity: Alike items are grouped into boxes with a title in black capital letters.
  • ...2 more comments...
  • Lacey Preach on 28 Jan 11
     
    Follows CRAP principles. The Yahoo title and logo are both in purple. C= The whole background is white. The top news stories are posted in the top middle page. All titles are the same color. R= Yahoo it repeated throughout the site. All title colors are the same. It is uniform throughout. A= everything on the site is left align, making it look more organized. P= Groups are all linked together
  • Mark McLoone on 29 Jan 11
     
    The website does in fact follow the CRAP principles to a T. A very good reason for this is that there is a huge team of web designers working for yahoo, thus leading to an excellent website.
  • lydia cruz on 30 Jan 11
     
    i love yahoo's webpage and i think that it follows CRAP very well. this page is one that im on often and its so simple not to clutered and easy to find what i need:) i think this is a great pick.
  • anonymous on 30 Jan 11
     
    yes, Yahoo does following the principles quite well. i tend to favor a more simplistic design and so for news/browser sites, I would actually prefer www.msn.com It seems to be the same type of content but set up in a way that is a little bit easier for the eye to read. Maybe because it is right-aligned and not left like so many other sites?
Tim Buswell

Design Notes: Emphasis - 2 views

daphne.palomar.edu/...emphasis.html

TWC301 Chapter 2 emphasis

shared by Tim Buswell on 04 Jun 11 - Cached
  • 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.
  • toni tassell on 04 Jun 11
     
    Good article on controlling where you want your viewer to look by emphasing objects and the different ways to accomplish.
  • ...7 more comments...
  • Karla Freeman on 05 Jun 11
     
    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
  • Briseida Aguirre on 30 Aug 11
     
    This explains some of the basic ideas of emphasis and the different elements you can use to show emphasis
  • Damaris Bravo on 30 Aug 11
     
    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.
  • Kelsey Eikren on 02 Oct 11
     
    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!
  • Yajahira Bojorquez on 17 Jan 12
     
    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.
  • Merlyn Reyna on 18 Jan 12
     
    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.  
  • Michael Wheeler on 18 Jan 12
     
    i like this page just because it has so much info on it and touches on multiple aspects of the principle
  • Michael Wheeler on 18 Jan 12
     
    this page gives a lot of information on differetn aspects of using emphasis dominance subordination contrast color/value size shape placement isolation proportion
  • Tim Buswell on 24 Jan 12
     
    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?
Anastacia Albinda

IBM Design: Design principles checklist - 0 views

www-01.ibm.com/...designbasics.html

shared by Anastacia Albinda on 14 Jun 11 - No Cached
  • anonymous on 14 Jun 11
     
    IBM website stating the design principles and more to them.
  • Anastacia Albinda on 11 Jan 12
     
    IBM created a list of design principles that compliment what we are learning in chapter one. Even though their list is mostly for software design, I believe this site is beneficial. d#1 hw#13
Heather Groen

D #1 HW #13 Principles of Design: Balance - 1 views

char.txa.cornell.edu/...principl.htm

TWC 301 Chapter 1 design principles balance

shared by Heather Groen on 26 Aug 11 - Cached
  • Briseida Aguirre on 26 Aug 11
     
    This website some basic definitions of the concepts of design.
  • Heather Groen on 11 Jan 12
     
    This site describes balance as "the concept of visual equilibrium." It can be either symmetrical or asymmetrical. Symmetrical balance has equal "weight" on either side of a fulcrum down the center of the page. Sometimes this could be a mirror image or "approximate symmetry," in which the content is not identical on either side but are equivalent in a way that maintains balance. Asymmetry, on the other hand, involves arranging objects of different visual "weight" so that they balance. This could be achieved by a lot of small objects on one side that balance one large object on the other. The fulcrum can also be moved around the page. I like this site because it offers examples that can be enlarged by clicking on them.
Shannon Ridgeway

Conscious Consistency: The Principle Of Repetition | Web Design Principles - 0 views

www.webdesign.org/...nciple-of-repetition.2635.html

Repetition

shared by Shannon Ridgeway on 28 Sep 11 - No Cached
  • Damaris Bravo on 28 Sep 11
     
    I like this article because it gives you examples on how to use repetition in graphic design. The examples are listed using bullet points which makes it easy to read. 
  • ...1 more comment...
  • Daniel Flores on 28 Sep 11
     
    a good site that gives good examples of how to use repetition
  • Heather Groen on 10 Feb 12
     
    This website offers some suggestions of the types of elements that can be repeated. Heading and subheading styles, for example, can be varied bu using different colors, stronger fonts, or larger font sizes. A consistent overall color scheme can also help unify a page; this site suggests selecting a few key colors and then applying that throughout the project. Quote I liked: "Repetitive elements create a sense of organization. The effect is the same as using a consistent unit of measurement - it helps interpret the meaning of the object under consideration, and it helps to identify all elements as part of the same site." (Or page/project).
  • Shannon Ridgeway on 08 Mar 12
     
    a few good tips about repetition, plus lots of tutorials on other related topics.
Michael Wheeler

Chpt. 4 Balance- WriteDesign - 0 views

www.writedesignonline.com/...balance.html

shared by Michael Wheeler on 11 Sep 11 - No Cached
  • Briseida Aguirre on 11 Sep 11
     
    I enjoyed this website because it gave a good definition of "balance", it was a description that was clear and to the point. Easy enough for anyone who wasn't in art to understand.
  • Michael Wheeler on 31 Jan 12
     
    This page represents all the types of balance: Symmetry, Approximate Symmetry, Asymmetry and Radial but it rerepsents them using pictures so the viewer gets an idea of all the different ways that balance can be used
  • Michael Wheeler on 31 Jan 12
     
    Symmetry Approximate Symmetry Asymmetry Radial this page has a general definition of balance but the important part for this sight was that it was full of pictures. when it comes to these design principles i find that visual aspects are the best so the reader can see what exactly the principle does for design
Nicole Schmitter

Design Meltdown § Alignment - 0 views

www.designmeltdown.com/...Alignment

TWC301 alignment design

shared by Nicole Schmitter on 19 Sep 11 - No Cached
  • Vincent Arcos on 19 Sep 11
     
    This page gives a good explanation in understanding the design principle of alignment. It also gives samples of how to properly use alignment
  • ...2 more comments...
  • Damaris Bravo on 21 Sep 11
     
    I like this article because it explains the principle of alignment very well. It uses web design examples and points out why alignment works in each example. 
  • Anastacia Albinda on 08 Feb 12
     
    Alignment creates unification and definition in a design. It creates natural borders in a page. This website gives good examples of that idea.
  • Nicole Carnal on 09 Feb 12
     
    This website gives very specific examples of alignment used on different web pages. It gives a pretty in depth review of each page.
  • Nicole Schmitter on 28 Apr 12
     
    This site explains that even though alignment may be the simplest of the principles of design, it is also very important. It says that the main reason to focus on alignment is for unification. It then includes different samples of sites that have very significant alignment properties.
Mckell Keeney

D#5 HW#1 NHS Designs - Design Principles - Alignment - 0 views

www.nhsdesigns.com/...page04.php

alignment principles TWC301

shared by Mckell Keeney on 23 Mar 12 - No Cached
  • Mckell Keeney on 23 Mar 12
     
    What I love about this resource is the menu on the right with links to 12 different types of design - business cards, posters, even short stories - and visual examples. The examples are so helpful and really bring out how alignment can help in all categories.
1 - 20 of 122 Next › Last »
Showing 20▼ items per page