Skip to main content

Home/ TWC301: Multimedia Writing/ Group items tagged basics

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
Briseida Aguirre

D#2, HW 2 - 0 views

www.vanseodesign.com/...visual-hierarchy

shared by Briseida Aguirre on 05 Jun 11 - Cached
  • The goal of visual design is to communicate.
  • We are visual beings and can quickly pick up on visual cues to better understand our environment.
  • Headings are hierarchy and make some words more important than the rest of your type. Tags for blockquotes and lists, strong, and em, also add a visual hierarchy to your typography.
  • ...9 more annotations...
  • Think of the basic design principles contrast, repetition, alignment, and proximity.
  • Contrast
  • Repetition
  • Alignment
  • Proximity
  • You create a hierarchy in design, by adjusting the visual weights of your element.
  • The mechanisms for controlling visual weight are the same in both cases. 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 Whitespace – Positive space weighs more than negative space or whitespace
  • Your hierarchy should begin with thoughtful consideration of the content and goals of the page. Only after you’ve decided intellectually the hierarchy of your page should you attempt to visually design that hierarchy.
  • Visual Hierarchy is a deliberate prioritization of
  • Briseida Aguirre on 30 Aug 11
     
    This gives some great examples of visual hierarchy
Shannon Ridgeway

The Basics of Graphic Design - 1 views

www.online.tusc.k12.al.us/...grdesign.htm

design basics graphic

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

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

www.webdesignerdepot.com/...ing-the-graphic-design-process

design process graphic inspiration webdesign freelance article graphicdesign asu TWC301

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

12 Do's and Dont's - 0 views

www.dailyblogtips.com/copyright-law-12-dos-and-donts

shared by Micheal O'Neil on 23 Feb 12 - Cached
  • Micheal O'Neil on 23 Feb 12
     
    This website gives you twelve basic tips on how to abide by copyright laws. I liked this site because it was straight to the point and it gave me twelve new facts that I did not know. I think everyone who is going to be creating multimedia projects should it least know the basics explained in this webpage.
Alex Portela

D#3 HW#1.1 Contrast - Basic Principles of Design - 0 views

webdesign.about.com/...aacontrast.htm

contrast Chapter 3

shared by Alex Portela on 08 Jun 11 - No Cached
    • Alex Portela
      Alex Portela on 26 Jan 12
       
      In the text book Basics of Design page 44 it specifically gives examples of contrasting with letters. Figure 3-6 uses thin lines for the work "thin" and a wider font for the word "wide". This website specifically gives an explanation of the text word uses.
  • contrast can work with any design element
  • Contrast in design is an accentuation of the differences between elements in a design
  • ...1 more annotation...
  • Change the fonts. The font size, font weight, or font family can all provide contrast to your text. Headlines provide a lot of contrast to surrounding text. Links provide great contrast in text. The color change and the addition of an underline work well to contrast from the surrounding text. Use different sized images and elements. If you have a section of text that is the primary focus of a page, you might make it large and all the
  • toni tassell on 08 Jun 11
     
    Good basic information on Contrast. Define's how to use it color, font size in headlines
  • ...2 more comments...
  • Diana Inzunza on 04 Sep 11
     
    Contrast - Basic Principles of Design
  • Damaris Bravo on 07 Sep 11
     
    I like this article because it gives the general information about contrast for beginners like me. It is easy to read and the use of bullet points makes it easy to follow. This article is really useful because it relates to web design specifically rather than just design/art. 
  • Esther Gray on 24 Jan 12
     
    This website explains the importance of using contrast beyond just color contrast. Using font, layout shapes, images etc one can use contrast without using only color
  • Anastacia Albinda on 25 Jan 12
     
    A helpful site giving information and resources for contrast principles in design. A very nice guide. : )
toni tassell

D#6HW#6 - Improve Blog - 0 views

www.makeuseof.com/...s-to-improve-your-blogger-blog

shared by toni tassell on 11 Jun 11 - Cached
  • toni tassell on 11 Jun 11
     
    Basic and simple steps to improve. Helped me to undersand what a widget is. I need basic information this is all new to me.
Raquel Cortez

D#6, HW#6 New blogger tips - 0 views

tips-for-new-bloggers.blogspot.com

shared by Raquel Cortez on 28 Sep 11 - Cached
  • Raquel Cortez on 28 Sep 11
     
    This resource is helful for new bloggers to learn how to use some basic tools in blogging. This site covers how to insert documents or pictures into a blog and different ways to customize you blog. It covers codes used by bloggers to for various different tools and gives a lot of basic helpful information.
lydia cruz

D#12HW#3 - 0 views

www.azcentral.com

shared by lydia cruz on 27 Mar 11 - Cached
  • lydia cruz on 27 Mar 11
     
    This website is one that helps me understand Ford's Article the best. The article basically is talking about how everyone is looking to the internet for everything. That they are no longer reading books, magazines, watching basic TV because they can find everything on the internet. It also discusses how people are looking to apps on their phones for everything even if they have to pay some money to get it. Whatever helps just a little is good. It also talks a little but about customer service and how since people are turning to the internet and the web the creators need to make them feel part of it and not just a visitor. I picked this website AZ central .com because it has everything on her news, books, jobs, homes, etc. The other thing that I like about it is that it makes me feel a part of something. With all the information that it gives me I never feel like I'm missing something and I feel like I there in the action of everything. I think that this is important because I have somewhere where I can go to get all my information and I can feel like its there for me and not just there to be there.
Hector Garcia

D#2HW#8: Basic Instructions - Basic Instructions - How to Construct an Inform... - 0 views

basicinstructions.net/...-informative-presentation.html

TWC301

shared by Hector Garcia on 19 Jan 12 - No Cached
  • Hector Garcia on 19 Jan 12
     
    Good example of a comic tutor.
gabrielle begay

Copyright basics - 0 views

www.copyright.gov/circ1.pdf

TWC301 copyright laws

shared by gabrielle begay on 22 Feb 12 - Cached
  • gabrielle begay on 22 Feb 12
     
    this website goes over what a copyright is, who can claim a copyright, basically everything that you ever wanted to know about what a copyright entitles this website will give you all that information.  
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?
Yajahira Bojorquez

D#7, HW#1: BASIC DESIGN PRINCIPLES WITH DEBBIE HODGE: FLOW - 1 views

thedailydigi.com/nciples-with-debbie-hodge-flow

shared by Yajahira Bojorquez on 17 Jun 11 - No Cached
  • Rebecca Anderson on 17 Jun 11
     
    BASIC DESIGN PRINCIPLES WITH DEBBIE HODGE: FLOW I like how this website applies the principal of flow to scrapbooking. It has a great visual and very simple explination of flow.
  • Damaris Bravo on 04 Oct 11
     
    I really like this article because it discusses flow from a scrapbooking perspective. I love scrapbooking and found this article to be very helpful in regards to graphic design as well. 
  • Yajahira Bojorquez on 21 Feb 12
     
    It gives good definiton of what visual flow is and it gives directions on how to create a flow on your scrapbook page. It also has other examples of flow and good images. Also explains visual triangle and sequence.
Shannon Ridgeway

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

www.vanseodesign.com/...does-your-design-flow

Flow TWC301

shared by Shannon Ridgeway on 17 Jun 11 - Cached
  • 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
  • Kyle Redding on 17 Jun 11
     
    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...
  • Colleen Urban on 17 Jun 11
     
    This website gives great advice on how to show flow in a website.
  • Karla Freeman on 19 Jun 11
     
    Interesting take on flow in design. Definitely worth reading. I like the information and felt that this could be very helpful in creating pages.
  • Alex Knab on 28 Sep 11
     
    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.
  • Jennifer Greenhalgh on 02 Oct 11
     
    This in-depth website shows how to improve your website using the flow to create a more readable page.
  • Heather Krieger on 04 Oct 11
     
    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.
  • Briseida Aguirre on 05 Oct 11
     
    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 .
  • Merlyn Reyna on 21 Feb 12
     
    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. 
  • Jordin Mitton on 22 Feb 12
     
    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.
  • Bethany Jorgensen on 22 Feb 12
     
    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.
Paul Angichiodo

Design basics: Repetition rocks | Macworld - 0 views

www.macworld.com/...designtipsrep.html

shared by Paul Angichiodo on 25 Sep 11 - Cached
  • Briseida Aguirre on 27 Sep 11
     
    This website was good at describing the definitions of repetition and also it provided some good picture examples
  • Paul Angichiodo on 26 Feb 12
     
    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.
Vincent Arcos

D3 HW1 Design Basics: Contrast To Stand Apart And Call Attention | Van SEO Design - 0 views

www.vanseodesign.com/...design-basics-contrast

shared by Vincent Arcos on 04 Sep 11 - Cached
  • Diana Inzunza on 04 Sep 11
     
    Design Basics: Contrast To Stand Apart And Call Attention | Van SEO Design
  • Vincent Arcos on 04 Sep 11
     
    Really explains contrast thoroughly. Uses the same example to show how to change the contrast of the page. Adding things to certain parts of the pages can bring out certain elements and show contrast.
Franz Ferguson

Interview with David Loeff, author of Graphics Essentials for Small Offices - seattlepi... - 0 views

www.seattlepi.com/...author-of-Graphics-1627651.php

graphic design

shared by Franz Ferguson on 30 Aug 11 - No Cached
    • Franz Ferguson
      Franz Ferguson on 30 Aug 11
       
      As discussed in Chapter 1 graphic design is essential to get any companies name out and if done properly it is a great way to an edge over the competition. Read more: http://www.seattlepi.com/lifestyle/blogcritics/article/Interview-with-David-Loeff-author-of-Graphics-1627651.php#ixzz1WUepEsXI
    • Franz Ferguson
      Franz Ferguson on 11 Sep 11
       
      As discussed in Chapter 1 graphic design is essential to get any companies name out and if done properly it is a great way to an edge over the competition. 
    • Franz Ferguson
      Franz Ferguson on 30 Aug 11
       
      I feel like this course is a great way to get a leg up on the competition. Mr Leoff states that most smaller organizations have well little familiarity with graphics. I feel as though in just this first chapter I have learned quite a bit about maybe the basics of graphics but over the course I will have adequate knowledge about the subject. Read more: http://www.seattlepi.com/lifestyle/blogcritics/article/Interview-with-David-Loeff-author-of-Graphics-1627651.php#ixzz1WUexWHZk
    • Franz Ferguson
      Franz Ferguson on 11 Sep 11
       
      I feel like this course is a great way to get a leg up on the competition. Mr Leoff states that most smaller organizations have well little familiarity with graphics. I feel as though in just this first chapter I have learned quite a bit about maybe the basics of graphics but over the course I will have adequate knowledge about the subject.
Alex Portela

D#5 HW# 1.1: Design Notes: Alignment - 0 views

daphne.palomar.edu/...align.html

alignment design twc301 Chapter5

shared by Alex Portela on 19 Sep 11 - No Cached
    • freda yamoah
      freda yamoah on 22 Sep 11
       
      NB:Good alignment is invisible. Most readers wont conciously notice that everything is lined up neatly but they will feel it when things are out of alignment
    • Alex Portela
      Alex Portela on 09 Feb 12
       
      Alignment involves the visual effect of setting object or text in an order that is comfortable for the viewer and deliver proper impact. Edge and Center are main concepts. Fine points impact the placement of them object where it makes more sense and balances the picture.
  • ALIGNMENT
  • ...9 more annotations...
  • Items can line up either along their edges or on their centers. Alignment is used extensively to organize all graphic arts. Almost all text uses alignment to organize lines of type. The letters align along their bases and the lines begin (and/or end) along a line
  • There are two major types of alignment: edge and center.
  • EDGE ALIGNMENT Any object with flat edge(s) can be used for edge alignment. Rectangles are especially well suited for this since they have four flat edges to align. Their right angels also give a sense of order to a composition using them (similarity).
  • CENTER ALIGNMENT Any shaped items can be organized using center alignment. Simple shapes work best because it is easier to judge their centers so the alignment is easier to notice.
  • FINE POINTS
  • The edges of information within a picture can also align with other edges in a composition. This technique can add subtle touches to a composition.
  • Centering in a negative space is a kind of alignment. This works best when there is some other alignment to back up the centering.
  • Narrow strips of background between pictures and text blocks are called gutters.
  • Inserts are words or images that overlap other images. They can partially overlap or be completely inside. They make a compact package of two or more sets of information and can conserve space or hide unwanted areas in an image.
  • Briseida Aguirre on 20 Sep 11
     
    This website has a good definition of the alignment as well as it also provides various examples .Which enhances the understanding of this particular element.
  • ...2 more comments...
  • Jennifer Greenhalgh on 02 Oct 11
     
    This is a really great website which goes really in-depth about alignment. It covers the basics, but also shows more subtle techniques, such as center alignment on a vertical axis, center alignment in negative space with gutters and alignment which occures within the actual pictures.
  • Leslie Lopez on 06 Feb 12
     
    This webpage was helpful because it focused on alignment of images. This is beneficial because we are in the middle of reviewing and editing our comic tutorials. By placing your cursor over the images with red figures, you are also able to see the grid that was used which I thought was pretty cool!
  • Yajahira Bojorquez on 07 Feb 12
     
    Good website it talks about the two basic types of alignment and it gives good examples and pictures explaining each one. Edge and center alignment are the two basic types of alignment. Center alignment also refers to having a symmetrical balance.
  • Anastacia Albinda on 08 Feb 12
     
    I like this website because it features a lot of examples of alignment. It uses examples such as shapes and pictures. It also touches a little bit on the grid system, which I thought was neat! :)
Micheal O'Neil

The Campus Guide to Copyright - 0 views

www.copyright.com/...law.html

shared by Micheal O'Neil on 05 Oct 11 - No Cached
  • Vincent Arcos on 05 Oct 11
     
    The is the copyright website. It goes through everything that was talked about in the video A Fair(y) Use Tale. It goes through everything from duration of copyright, registration, public domain, and also international copyright.
  • Micheal O'Neil on 23 Feb 12
     
    This website was created for eager young college students similar to myself! It gives you a basic knowledge on everything from what copyright is to the penalties of not following the law.
Briseida Aguirre

D#7 HW#1,Basics of Design - 0 views

char.txa.cornell.edu/...introlan.htm

shared by Briseida Aguirre on 05 Oct 11 - Cached
  • Briseida Aguirre on 05 Oct 11
     
    This website gives some basic explanation of non-verbal language and the order of it (flow) and the importance of it in work
gabrielle begay

A Crash Course in Typography: The Basics of Type - Noupe - 0 views

www.noupe.com/...graphy-the-basics-of-type.html

typeface serif typography design fonts webdesign sansserif

shared by gabrielle begay on 13 Mar 12 - No Cached
  • gabrielle begay on 13 Mar 12
     
    The anatomy of typeface has many different areas to it that include alignment, type, mood, size, weight and style, and how text is described when put on a line. All these things were covered in the chapter 10 and 11 reading for the week. 
1 - 20 of 127 Next › Last »
Showing 20▼ items per page