Skip to main content

Home/ Groups/ TWC301: Multimedia Writing
Paul Angichiodo

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

  •  
    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.
Paul Angichiodo

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

  •  
    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.
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.
Paul Angichiodo

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

    • Alex Portela
       
      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.
  •  
    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.
  •  
    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.
Paul Angichiodo

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

  •  
    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.
  •  
    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."
  •  
    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.
Paul Angichiodo

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

  •  
    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.
  •  
    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.
Paul Angichiodo

6 Ways to Create Emphasis in a Painting - 0 views

  •  
    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.
  •  
    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.
Paul Angichiodo

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

  •  
    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.
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.
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.
Paul Angichiodo

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

  •  
    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.
Paul Angichiodo

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

  •  
    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.
Paul Angichiodo

Fully Understanding Contrast in Design | Webdesigner Depot - 1 views

    • Alex Portela
       
      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.
  •  
    Great examples!
  • ...3 more comments...
  •  
    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.
  •  
    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. 
  •  
    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.
  •  
    Comprehensive coverage of contrast, even talks about "shape contrast"
  •  
    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.
Merlyn Reyna

D#8 HW#1 Team Norms - 0 views

  • The team must pay attention to the content (or goals or outcomes expected).
  • These team norms or ground rules are established with all members of the team participating equally.
  • How team members will be responsible and accountable for moving the project forward and accomplishing the goals.
  • ...3 more annotations...
  • How team members interact with and communicate with each other,
  • Practice being open-minded.
  • If you commit to doing something – do it. Be accountable and responsible to the team.
  •  
    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.
Merlyn Reyna

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

  • 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
  •  
    This site speaks about how to work in teams, importance of a leader, how to break down assignment and many other stuff.
  •  
    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. 
Anastacia Albinda

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

  •  
    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.
Alex Portela

Copyright | LII / Legal Information Institute - 0 views

    • Alex Portela
       
      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.
Alex Portela

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

    • Alex Portela
       
      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.
Alex Portela

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

  •  
    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