Skip to main content

Home/ Groups/ TWC301: Multimedia Writing
Rss Feed
Sort By: Most Recent | Popular Filter: All | Bookmarks | Topics Simple Middle
1More

4 Types of Grids - Web Design Showcase | Template Monster Blog - 0 views

blog.templatemonster.com/...grid-types-web-design-showcase
shared by Paul Angichiodo on 26 Feb 12 - No Cached
  • Paul Angichiodo on 26 Feb 12
     
    Here is an article from template monster that discuses the different types of grids used in web design. The article defines each type of grid as well as showing multiple examples from the web where each particular grid structure was used.
1More

Your Web Site Needs a Chiropractor: Alignment in Web Design | Forum One: Drupal and Ope... - 0 views

www.forumone.com/...ropractor-alignment-web-design
shared by Paul Angichiodo on 26 Feb 12 - No Cached
  • Paul Angichiodo on 26 Feb 12
     
    Here is an article about alignment in web design. It goes into detail about the meaning of alignment and even some history about it. This article contains a lot of helpful advice if your looking for ways to improve your alignment while designing for the web.
3More

Developing Balance in Web Design | Codrops - 0 views

tympanus.net/...veloping-balance-in-web-design
shared by Paul Angichiodo on 14 Sep 11 - No Cached
  • Daniel Flores on 14 Sep 11
     
    Goes in depth about balance and gives great examples
  • Ariella Gabino on 15 Sep 11
     
    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.
  • Paul Angichiodo on 26 Feb 12
     
    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.
12More

Is Your Web Design Balanced? | Van SEO Design - 0 views

www.vanseodesign.com/...web-design-balance
shared by Paul Angichiodo on 07 Sep 11 - Cached
    • Alex Portela
      Alex Portela on 02 Feb 12
       
      This site describes the physics explanation of balance. And demonstrates this visually. Many things can create balance, like color in a painting or the size of objects on each side.
  • Symmetrical balance is like having our fulcrum in the center of the lever. To achieve balance we need to have elements of equal weight on both sides of a central axis.
  • Balance in design works the same way as a lever or see saw. Your design will have a vertical (or horizontal) axis and the weight of the various elements on either side of the axis and their distance from the axis will determine if your design is balanced.
  • ...7 more annotations...
  • There are two kinds of balance that correspond to our lever images above, namely symmetrical and asymmetrical balance
  • Size – As you would expect larger elements carry more weight Color – It’s not fully understood why, but some colors are perceived as weighing more than others. Red seems to be heaviest while yellow seems to be lightest. Density – Packing more elements into a given space, gives more weight to that space Value – A darker object will have more weight than a ligher object Whitspace – Positive space weighs more than negative space or whitespace
  • Balance is important in life. Work and play; diet and exercise; yin and yang. A beautiful face is often a matter of the right balance of features. Balance is also a very important design principle. It will help you create an aesthetically pleasing whole and help you better control flow in your designs.
  • Symmetrical balance tends to be more formal and more static. It evokes feelings of consistency, elegance and classicism.
  • Asymmetrical balance is like having our fulcrum off center. Unequal weights need to be placed on either side of the fulcrum in order for balance to be in equilibrium. Visual weight will not be evenly distributed around a central axis and often you’ll find one dominant form on one side of the axis offset by several less dominant forms on the other.
  • Radial balance – all elements radiate in or out from the center. Think beams of light coming from the sun. It’s easy to maintain a focal point in radial balance as it will always be the center.
  • Mosaic balance – many elements on the page create a sort of balanced chaos. Think of a Jackson Pollack painting. Mosaic balance lacks hierarchy and can look like noise. It’s harder to define a single focal point in all the chaos.
  • Rebecca Jordan on 07 Sep 11
     
    I felt like this page had some great visuals and definitions of what balance is. I love how they describe that colors can actually "weigh" more than others. I like that they offered new terms like radial balance and mosaic balance (chaotic balance). They gave examples of every concept that they talked about and in a wide range of designs. The writer also does a silly example of making a formula for balance.
  • Paul Angichiodo on 26 Feb 12
     
    Here is a more general article about balance. It uses physical balance as an example to help explain what balance in design is using both the vertical and horizonal axis. The article discusses visual weight in design elements, explaining how each element can effect balance. It also addresses the types of balance: symmetrical, asymmetrical, radial, and mosaic balance.
3More

Understanding Visual Hierarchy in Web Design | Webdesigntuts+ - 0 views

webdesign.tutsplus.com/...visual-hierarchy-in-web-design
shared by Paul Angichiodo on 28 Aug 11 - No Cached
  • Caitlin Burke on 28 Aug 11
     
    Gives good description and examples of the concept of Visual Hierarchy in Web Design and discusses its importance. Also has an exercise to do to test visual hierarchy when you come across a website.
  • Heather Groen on 13 Jan 12
     
    Informative post about how the human brain registers hierarchy naturally and techniques that can be used to achieve effective visual hierarchy in web desgin. The site offers examples of each method: size, color, contrast, alignment, repetition, proximity, density and whitespace, and finally style and texture. I particularly like this quote: "Good visual hierarchy isn't about wild and crazy graphics or the newest photoshop filters, it's about organizing information in a way that's usable, accessible, and logical to the everyday site visitor."
  • Paul Angichiodo on 26 Feb 12
     
    Here is an article on visual hierarchy in reference to web design. Along with the list of ways visual hierarchies can be formed visual examples are given as well. This article even goes in the psychology behind visual hierarchy and why its necessary for designers when creating.
2More

25 Examples of Emphasis Applied in Web Design | Codrops - 0 views

tympanus.net/...emphasis-applied-in-web-design
shared by Paul Angichiodo on 19 Jan 12 - No Cached
  • Micheal O'Neil on 19 Jan 12
     
    This website gives us 25 cool ways to put emphasis in our blogs. It also leads you to a link where Patrick (author) wrote an article on developing emphasis in web design.
  • Paul Angichiodo on 26 Feb 12
     
    Here is an article on emphasis used in webdesign. It has 25 different examples of emphasis used in various webpages and it explains how it is used in each example as well. If you are into web design its a pretty interesting article.
2More

6 Ways to Create Emphasis in a Painting - 0 views

emptyeasel.com/...-create-emphasis-in-a-painting
shared by Paul Angichiodo on 26 Aug 11 - No Cached
  • Rachel Bryson on 26 Aug 11
     
    This website, although directed towards artists, is still very useful for anyone trying to create visual emphasis. The ideas are the same for either, whether you paint it or piece it together. The part I like best is that it shows specific examples and how and why those work. There are also links that lead to similar concepts on how to make things visually appealing.
  • Paul Angichiodo on 26 Feb 12
     
    Here is an article about creating emphasis in your work. Even though the article is aimed towards painting the same basic principles can be applied to anything. It gives visual examples with each tool for creating emphasis in your work.
1More

The Graphic Design Process - The Steps of the Graphic Design Process - 0 views

graphicdesign.about.com/...process.htm
shared by Paul Angichiodo on 25 Feb 12 - Cached
  • Paul Angichiodo on 25 Feb 12
     
    This article is about the Design Process. There are steps you should follow in order to achieve the best results. This article outlines those steps and explains them. The steps are: Gather Information, Create and Outline, Harness your creativity, Sketch and Wireframe, Design multiple versions and revise.
11More

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

webdesignledger.com/...iple-of-contrast-in-web-design
shared by Paul Angichiodo on 01 Sep 11 - Cached
    • Michael Clark
      Michael Clark on 03 Sep 11
       
      I really liked this page because it shows some great examples to increase understanding of the concepts.
  • Caitlin Burke on 01 Sep 11
     
    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...
  • Bridget Esqueda on 03 Sep 11
     
    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!
  • Lisa Plascencia on 06 Sep 11
     
    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.
  • Daniel Flores on 07 Sep 11
     
    goes over some of the basics of contrast and gives some helpful hints
  • Ariella Gabino on 08 Sep 11
     
    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.
  • Bethany Jorgensen on 22 Jan 12
     
    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."
  • Heather Groen on 23 Jan 12
     
    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.
  • natalie arellano on 25 Jan 12
     
    Using alignment is tricky but very effect if done right.
  • Paul Angichiodo on 26 Jan 12
     
    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.
  • Mackenzie Voss on 02 Feb 12
     
    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.
1More

Designing for your target audience | Webdesigner Depot - 0 views

www.webdesignerdepot.com/...gning-for-your-target-audience
shared by Paul Angichiodo on 25 Feb 12 - No Cached
  • Paul Angichiodo on 25 Feb 12
     
    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.
1More

10 Steps to Effective Copywriting - Effective Copywriting | Entrepreneur.com - 0 views

www.entrepreneur.com/...200220
shared by Paul Angichiodo on 25 Feb 12 - No Cached
  • Paul Angichiodo on 25 Feb 12
     
    This article is about effective copywriting. It beaks down the process into 10 simple guidelines that you should always follow when writing copy. 1. Exploit your products benefits. 2. Exploit your competitions weakness. 3. Know your audience. 4. Communicate: Whats in it for me? 5. Focus on "you" not "we." 6. Understand your medium. 7. Avoid too much information. 8. Include a call to action. 9. C.Y.A. (cover you a**) 10. Proofread.
1More

The Brads - Learning About Contrast in Design | Vectortuts+ - 0 views

vector.tutsplus.com/...rning-about-contrast-in-design
shared by Paul Angichiodo on 26 Jan 12 - Cached
  • Paul Angichiodo on 26 Jan 12
     
    Here is an article from Vectortuts. It uses a comic strip to teach about the various types of contrast. Its unique way of displaying information makes it easy to follow and understand.
7More

Fully Understanding Contrast in Design | Webdesigner Depot - 1 views

www.webdesignerdepot.com/...derstanding-contrast-in-design
shared by Paul Angichiodo on 08 Jun 11 - No Cached
    • Alex Portela
      Alex Portela on 26 Jan 12
       
      The book describes on page 56 that there are a variety of contrast techniques. Color is a noticeable contrast but we learn that this is only part of many methods. This site gives a variety of different techniques like color, size, shape, and position.
  • toni tassell on 08 Jun 11
     
    Great examples!
  • ...3 more comments...
  • Alex Knab on 30 Aug 11
     
    This was my favorite page found on my search for content related to chapter three of basics of design. This site gives a great outline of what the design principle contrast is and how to properly use it in page design. It describes and shows examples of positional, shape, color, and size contrast. This was a wonderful site that supported and reinforced examples right out of the book. I really loved the great and creative sites that it had in it's examples and I felt inspired to aim for design of that quality.
  • gabrielle begay on 25 Jan 12
     
    Summary: Contrast is usually kept simple, like color for the beginners but there are other elements to consider when it comes to contrast in any design. The first thing that most of learn in color contrast and the obvious of color is the white and black which is okay but there are other ways to use color to grab attention as the examples under color with explain. Next to color that grabs attention is size, the bigger the better as the writer explains because it shows that something is important and will draw the read to read the rest. Then we have shape contrast which gives a different feel to make other things notable cause no one likes to see a plain and boring design. Finally there is positional contrast that makes hierarchy standout by using different alignments. I found this website to the be the best because it touch on everything in the reading and gave examples to show what is meant on each topic. 
  • Paul Angichiodo on 26 Jan 12
     
    Here is an article from the Webdesigners Depot. It explains various types of contrast (color, shape, size, etc.) and gives real life examples from various webpages across the internet.
  • Shannon Ridgeway on 30 Jan 12
     
    Comprehensive coverage of contrast, even talks about "shape contrast"
  • Paul Angichiodo on 25 Feb 12
     
    Here is an article from the Webdesigners Depot. It explains various types of contrast (color, shape, size, etc.) and gives real life examples from various webpages across the internet.
7More

D#8 HW#1 Team Norms - 0 views

humanresources.about.com/...norms_sample.htm TWC301 team writing
shared by Merlyn Reyna on 24 Feb 12 - Cached
  • The team must pay attention to the content (or goals or outcomes expected).
  • How team members interact with and communicate with each other,
  • How team members will be responsible and accountable for moving the project forward and accomplishing the goals.
  • ...3 more annotations...
  • These team norms or ground rules are established with all members of the team participating equally.
  • Practice being open-minded.
  • If you commit to doing something – do it. Be accountable and responsible to the team.
  • Merlyn Reyna on 24 Feb 12
     
    This is a good article about the norms on a team work.  Each member of the team has to be committed to do their own part and pay attention to the content.  This article also includes how member should interact and it provides guidelines for the group to follow.
17More

D#7 HW#4 Working in Groups - 1 views

isites.harvard.edu/...wigintro.html groupwork D#7 collaboration groups TWC301
shared by Merlyn Reyna on 22 Feb 12 - Cached
  • Clear goals:
  • Getting Started
  • know each others' names
  • ...12 more annotations...
  • include everyone
  • select a leader early on
  • discuss and clarify the goals
  • Break up big jobs into smaller pieces.
  • Understanding and Managing Group Processes
  • Including Everyone and Their Ideas
  • Encouraging Idea
  • Making a decision
  • Talking in groups can help overcome the anonymity and passivity of a large class or a class meeting in a poorly designed room. Students who expect to participate actively prepare better for class.
  • Ways to break down the task into smaller units
  • Encouraging Ideas
  • Observing
  • natalie arellano on 22 Feb 12
     
    This site speaks about how to work in teams, importance of a leader, how to break down assignment and many other stuff.
  • Merlyn Reyna on 23 Feb 12
     
    This source is very helpful, it provides  skills in how to get started, show group leadership, and how to focus on your work.  Gives tips on how to notice dynamics of the group, how to collaborate, and how to share ideas in order to participate and interact with the group. 
1More

D#7 HW#6: Thoughts On Using Copyrighted Images | Van SEO Design - 0 views

www.vanseodesign.com/...copyrighted-images images design
shared by Anastacia Albinda on 23 Feb 12 - No Cached
  • Anastacia Albinda on 23 Feb 12
     
    This website explains how to use images correctly in your web pages/blogs. It is very in depth because it talks about using images from sites like Deviant Art and Flickr creative commons.
1More

Copyright | LII / Legal Information Institute - 0 views

www.law.cornell.edu/Copyright
shared by Alex Portela on 23 Feb 12 - No Cached
    • Alex Portela
      Alex Portela on 23 Feb 12
       
      This goes into detail that laws can change as technology changes too. Now production of software, designs, movies, sounds, all can be protected under copyright law.
1More

D#7 HW#6.2: 92chap1.pdf (application/pdf Object) - 0 views

www.copyright.gov/...92chap1.pdf copyright
shared by Alex Portela on 23 Feb 12 - No Cached
    • Alex Portela
      Alex Portela on 23 Feb 12
       
      This is a great .gov reference to copyright definitions and explanations on a national legal level. The main site www.copyright.gov will reference different sections of copyrighting do's and don'ts.
1More

D#7 HW#6.1: Copyright: Examples And Explanations - Stephen M. McJohn - Google Books - 0 views

books.google.com/books copyright
shared by Alex Portela on 23 Feb 12 - No Cached
  • Alex Portela on 23 Feb 12
     
    I am unable to highlight portions from this Google Book but page 1 goes into an overview of what copyright is generally. Works created by a person as a performance or display need explicit permission from the creator or copyright holder.
« First ‹ Previous 121 - 140 of 1360 Next › Last »
Showing 20▼ items per page