Skip to main content

Home/ TWC301: Multimedia Writing/ Contents contributed and discussions participated by Hector Garcia

Contents contributed and discussions participated by Hector Garcia

Hector Garcia

D#6, HW#7: Hector's TWC301 Blog - 0 views

  •  
    My blog where assignments are posted.
Hector Garcia

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

  •  
    This blog has great examples of good websites that use good principle of design, especially repetition.
Hector Garcia

D#6HW#1: Repetition « The Write Way - 0 views

  • sing consistent language is one of the cornerstones of technical writing. Use the same phrase repeatedly, again and again and again. The reader gets used to the phrase and can more easily skim to what is important rather than concentrating on reading the same thing, but phrased differently. Variety, so the technical writing law goes, is great for works of fiction, or indeed most other forms of literature, just not for technical writing.
  •  
    Repetition is not only in design I feel, but also in the language and content in the web.
Hector Garcia

D#6HW1: Dustin Brewer Web Design » Blog Archive » CRAP design 2: Using repeti... - 0 views

  • This article is of course about repetition and the uses it has in any type of design.
  • epetition is best used when making some aspect of the design repeat itself throughout the rest of the design. The reason for this is familiarity for the end user or viewer, this gives the person a sense of calm and understanding.
  • When a user becomes comfortable with a design they will come back time and again because they know that every time they are looking for something on the magazine, brochure or web site they know that the format is going to be the same and their answer will always be in that same area.
  • ...2 more annotations...
  • For instance, if you have a business card with big bold company name and in the same style of big bold you have the phone number you are going to make your viewers eyes move back and forth between the company name and phone numbers giving you the two most important pieces of information that you are looking for when you are holding a business card.
  • Another easy way to add repetition is with typography, using the same font (type face, color, and size) throughout your design will help to bring everything together.
Hector Garcia

D#5HW#4: D#4 HW#4 | Alex's TWC301 Course Blog - 0 views

  •  
    Peer Review
Hector Garcia

D#5HW#4: D#4 HW#4 - Draft of Tutorial Comic « developmoi - 1 views

  •  
    Peer Review
Hector Garcia

Design 2 - Alignment - YouTube - 0 views

  •  
    I like this video because it is a small power point to some quick notes because of the examples.  
Hector Garcia

D#5HW#1: Design101: Utilizing Strong Alignments | Design Shack - 0 views

  • The essential idea of alignment is mind numbingly simple: to line things up.
  • The problems here can be hard for many people to spot. For this reason, I always recommend simplifying a design to examine the basic shapes. You’ll see me do this in several of the articles I write on design and you should definitely try it out on a few of your own designs.
  • Notice that suddenly the elements on the page seem scattered
  • ...3 more annotations...
  • For some reason, centering items on the page just seems like what you’re supposed to do.
  • Left alignments, though arguably boring, are rock solid and should be your default, go-to alignment for much of the work you do.
  • Often, though not always, a right alignment will convey a sense of uniqueness. If you’re designing something that needs to stand out and feel different, a right alignment is a great place to start.
Hector Garcia

The 5 Basic Principles of Design: Alignment - 0 views

  • Alignment creates a sharper, more ordered design. Aligning elements allows them to create a visual connection with each other.
Hector Garcia

D#4HW#1: Principles of Design and Page Layout - 0 views

    • Hector Garcia
       
      Although this page is specifically for a website, it applies the same elements that can be used in blogs, and other design prospects.
  • Every element on the page effects how other elements on the page are perceived.
  • When working with layout, it is essential to focus on balance and the shape of the unused space. By applying principles of figure/ ground relationships, contrast and similarity, and proportion, the designer can structure the space into an effective whole.
  • ...6 more annotations...
  • The designer can change the background color easily, so when we refer to white space, we are referring to the background color or the "ground" in a figure/ground relationship. The whitespace in a composition is as important as the elements that have been placed upon it.
  • All whitespace should be accounted for. This does not mean that you should fill all whitespace - it means that when you have areas of whitespace it should add to the overall compositional balance of your page.
  • When arranging elements on the page, you should consider the visual weight of each element. Weight can be determined by the size of the object, the value (dark objects weigh more than light objects), and the density of the detail or texture.
  • Proportions and size relationships should also be considered when trying to establish balance. All objects on your page will be evaluated in relationship to other objects on the page, therefore a large object will appear much larger when placed next to small objects, thus affecting the balance.
  • The simplest type is a formally or symmetrically balanced page.
  • An asymmetrical compositional layout depends on the skillful arrangement of elements with different visual weights. For instance, a large body of text can be balanced by a dark image.
Hector Garcia

D#4HW#1: Balanced Webpage - 0 views

  • Balancing the content of your webpages is more that just producing an attractive layout.
  • The above example makes good use of white space to lead the eye around the page. It also emphasizes the main features of the page with a logical organization of both text and graphics. Be sure your webpage is properly balanced and organized into logical information zones. Avoid clutter that will cause a distraction
  • People coming to your website are looking for some specific information and/or product details and the sooner they find it the better your website's performance will be.
  • ...2 more annotations...
  • Avoid placing navigation bars, ads and links in inappropriate places on your page. (e.g. most clicks on ads come from the ones that are embedded in the content of the page anyway) They should never detract from the main focus of your webpage.
  • Keep your supporting material unobtrusive and present your message as the focus of your webpage.
  •  
    A small website with some quick points on glance layout.
Hector Garcia

Balance- Principles of Design: Balance - 1 views

  • his is a very tricky type of asymmetrical balance that often ends up looking out of balance. 
  • The third type of balance is radial balance, where all elements radiate out from a center point in a circular fashion. It is very easy to maintain a focal point in radial balance, since all the elements lead your eye toward the center. 
  •  
    A brief summary of balance and three was to achieve it.
« First ‹ Previous 41 - 60 of 78 Next ›
Showing 20 items per page