Skip to main content

Home/ TWC301: Multimedia Writing/ Group items tagged space

Rss Feed Group items tagged

anonymous

D#10 HW#5 - 0 views

  • Scientists and engineers routinely have the need to express themselves clearly, concisely and persuasively in applying for grants, publishing papers, reporting to their supervisors, communicating with their colleagues, etc.; in experimental science, formal reports are the primary means by which experimentalists communicate the results of their work to the scientific community.
  • condensed, compact and brief presentation
  • The report should be no more than 800 words, (3 pages of double spaced type) and 2 pages of graphs and/or diagrams.
  • ...1 more annotation...
  • 1.) Title: This should be short, but precise, and convey the point of the report. It could be either a statement or a question. For example, a title like "Voltage-current relationship of a transistor" is good, as is "Does the transistor obey Ohm's Law?". But simply "The transistor" is too vague and is not a good title. 2.) Abstract: The abstract summarizes, in a couple of sentences, the content of the report. It provides a brief (5-10 lines) outline of what the report is about; it should include a statement of what it is you measured and its value (Warning! -- students often make abstracts too long -- note that an abstract is not an introduction.) 3.) Introduction: The role of this section is to state why the work reported is useful, where it fits in the bigger picture of the field (or of science in general), and to discuss briefly the theoretical hypotheses which are to be tested (e.g. for the Absolute Zero experiment, state the meaning of absolute zero and how it is to be measured, mention the equation PV = nRT and discuss its verification, and under what circumstances you expect it to be valid). 4.) Experimental Method: Describe the apparatus and procedure used in the experiment. Remember that a picture (or simple diagram) is often worth a thousand words! Enough details should be provided for the reader to have a clear idea of what was done. But be careful to not swamp the reader with insignificant or useless facts. 5.) Results and Discussion: In this section, you present and interpret the data you have obtained. If at all possible, avoid tables of data. Graphs are usually a much clearer way to present data (make sure axes are labeled, and error bars are shown!). Please make sure the graphs and diagrams have concise figure captions explaining what they are about! Do not show the details of error calculations. The derivation of any formulae you use is not required, but should be referenced. Explain how your data corroborates (or does not corroborate) the hypotheses being tested, and compare, where possible, with other work. Also, estimate the magnitude of systematic errors which you feel might influence your results (e.g. In the Absolute Zero experiment, how big is the temperature correction? Does this alter your results significantly?). 6.) Conclusion: In a few lines, sum up the results of your experiment. Do your data agree (within experimental error) with theory? If not, can you explain why? Remember that the conclusion is a summary; do not say anything in the conclusion which you have not already discussed more fully earlier in the text. 7.) References: In this section of the report list all of the documents that you refer to in your report. We recommend numbering the references sequentially in the text, in their order of appearance, and listing them in the same order in the references section. One possible reference format is used by the Canadian Journal of Physics. That is: for JOURNALS: Author(s), Journal Title, Volume (year) page number for BOOKS: Author(s), Book Title, Publisher, city of publication, year of publication, page (or range of relevant pages).  
Shannon Ridgeway

How To Control Flow Within Your Web Designs - 2 views

  • Visual design has a flow as well. You have something to communicate and you want your audience to take in different parts of your page. Some elements of the design are more important and you want to make sure they’re seen right away, and some elements of the design are best seen after having first seen a different part of the design.
  • Design flow (also referred to as movement or direction) is the way the eye moves or is led through a composition
  • Repetition in color, shape, and size create a path that can pull you to move in a certain direction.
  • ...3 more annotations...
  • • Arrows – again it’s difficult not to visually follow the direction an arrow points• People/Faces looking in one direction – similar to arrows when we see a person facing or looking in a given direction, we tend to also look to see what they’re looking at.• Perspective – creates strong visual cues to follow. By it’s nature perspective creates a direction that begs to be followed. If all roads lead to Rome, you’re going to end up in Rome at some point
  • The large black circle in the upper left is the entry point into the painting. It’s the first thing you notice. It’s larger and darker than anything else on the page. It holds more visual weight than any other element in the painting.
  • Space can imply flow in a variety of ways. The space between elements creates paths of emptiness much like footpaths through a forest of garden. An element with visual weight calls for you to rest your eyes on it. Space gives you room to move around elements.
  •  
    I liked this article the best. It discuses flow within web designs and it covers all the basis for smooth flow for people that are trying to create their own web page. It covers what design flow is and gives an image example of how flow flows within a graphic design. The author states that it is important to create an entry point, "something that stands out from everything else so that most people look at it first". The author also gives advice on controling flow within a design by using arrows, people or faces that look in a certain direction, and perspective. Using space to control flow is something that I found interesting the author states that "varying the space between a series of elements can be used to create rhythm and motion".
  • ...3 more comments...
  •  
    a good site that shows how to improve web design with flow
  •  
    This website does a great job explaining the importance of flow in your design. It also gives great examples, mainly of we pages most of which are blogs. I thought this could help us improve our blogs also it is great for those of us who are visual learners to get the importance of flow by all the examples shown.
  •  
    This site includes several visuals to supplement the presented material on using flow in page design. The primary elements are most important and are intended to be seen first. Other elements are best viewed after the primary element. This hierarchy can be established through flow. An entry point is something that stands out from everything else so that the audience will look at it first. Obvious directional cues include arrows, people/faces looking in one direction, and perspective. Repetition and space can also be used to create flow.
  •  
    I found this website to be very helpful when it came to discussing flow and how to achieve that. Besides talking about using visual cues to guide the readers eyes, using space to control flow, and creating harmony using flow, it also gives examples of various websites that have demonstrated good flow of design.
  •  
    Control the way your eyes moves through a design by starting off with an object that will catch the viewers attention. How to control the flow oif your design by using visual cues to guide the eyes in that direction. Creating space to control flow and also creating harmony using flow.
Mckell Keeney

Balance: White Space - How to Add White Space to a Page Layout - 0 views

  •  
    Free online lesson that gives you practice in several ways to add white space to a page.
Briseida Aguirre

D#2, HW 2 - 0 views

  • 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
  •  
    This gives some great examples of visual hierarchy
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.
  • 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.
  • 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
  • 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.
  • 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.
Bridget Esqueda

D#4 HW#1-Website for Balance - 0 views

  •  
    This website showed various examples of balance in actual web pages. It showed the not only symmetrical and assymetrical balance but also vertical, horizontal, radial, and bileteral symmetry. The author, Stephanie Hamilton, explained how a "rule of thirds" should be used when designing an image. This is when an image is imagined as divided into nine equal parts by two equally-spaced horizontal lines and two equally spaced vertical lines. This is so important compositional elements are placed along these lines or intercections.
Alex Portela

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

    • freda yamoah
       
      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
       
      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.
  •  
    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...
  •  
    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.
  •  
    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!
  •  
    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.
  •  
    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! :)
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.
hillary comstock

Transnational Communication #4 - 0 views

  •  
    I liked this source because it was about actual research done on transnational communication on site. It was researching mass communication within a transnational social space which was interesting. It wasn't just somebody in America blabbing about ideal communitcation theories from their office, these people did field research for trnasnational mass cmmunication.
  •  
    I liked this source because it was about actual research done on transnational communication on site. It was researching mass communication within a transnational social space which was interesting. It wasn't just somebody in America blabbing about ideal communitcation theories from their office, these people did field research for trnasnational mass cmmunication.
Mckell Keeney

Contrast: Page Composition Tips - How to Compose a Better Page Layout - 0 views

  •  
    Here is another site that points out some useful tips of web page layout. This one mentions using white space, and making sure a web page is not too busy(which is very important).
  •  
    Several free online lessons, including adding white space and creating contrast.
natalie arellano

D#6 HW#6-Emphasis in Graphic Design | Use Elements and Principles of Design Create Emph... - 0 views

  • BalanceA perfectly symmetrical piece may have no focal point because each element is equally emphasized. Radial balance generally draws the eye first to the central point in the design. ProximityA part of the design that is isolated from other parts can become a focal point. AlignmentThe eye is naturally drawn to a point in or near the center of a page, giving elements in that area perceived importance. RepetitionRepeating an image or a word can establish its importance. ContrastSet words or phrases in a contrasting bold type or italics to give them emphasis. White spaceUse white space to isolate elements and give them emphasis.
    • Michael Clark
       
      The book BoD refers to this "White Space" concept but I think this page explains it better, and gives you permission to use it to your advantage.
  •  
    I like how this site talks about texture. Texture can be used on a blog to send a vibe of yourself to the readers. This is important because readers who follow your blog want to feel like they know you.
Anastacia Albinda

d#6 HW#6: 10 Ways to Customize and Personalize your Wordpress Blog | Pro Blog Design - 0 views

  •  
    Teaches you how to style author's comments, have a custom gravatar, and how to use the footer space of your page effectively! Very nifty. : )
Alina Kurita

D#4 HW#4 - CRAP 4 - 1 views

shared by Alina Kurita on 30 Jan 11 - Cached
  •  
    Contrast- The use of red lettering for the title of the company and well for having a model as the background for the page. With centered bigger letters in the center of the page. With a small picture in the corner scrolling through. Repetition- This can be seen through the small font used for the links on this page. That's all though. Allignment- The menu on the left is all alligned to the left while the menu at the top is in a straight line that looks centered. And in the bottom right corner there's a picture box. Proximitiy- There's a lot of room on the page. There is hardly any pictures posted on here and the picture box that is shown is very small and takes up little room. Same goes for the links where the fonts are small and do not take up any room at all. *Note* There are advertising sustainable styles so I wonder if they were potraying that through the use of saving space?
  •  
    This was a good example Alina. There wasn't too much content and it was aligned very well. Good choice.
lydia cruz

D#4HW#4 - 0 views

shared by lydia cruz on 30 Jan 11 - Cached
  •  
    this one is my favortie because when you look at it it looks like alot but in reality its very easy to understand and find what your looking for. they use alot of the same font throughout the webpage just different sizes. theres plenty of white space and everything is organized.
Kyle Martinez

D#4, HW#4 Dropbox - 1 views

shared by Kyle Martinez on 30 Jan 11 - Cached
  •  
    -Right justified log in box at the top -Centered graphics with constant color scheme -Bottom group links, with constant left justified links -Plenty of white space
Kyle Martinez

D#4 HW#4 - Factoria - 1 views

shared by Kyle Martinez on 30 Jan 11 - No Cached
  •  
    Although this site is in italian, it completely follows the CRAP Design Principles -White space -Plenty of contrast between light and dark text -grouping and alignment -Proximity between text, links and images
  •  
    This was a good example Kyle. I like the monochromatic color. even then you still have contrast but just in gray scale. Can you speak or read Italian?
  •  
    @Sarah I can't actually speak or read italian :( however, the Google Chrome browser allows me to automatically translate pages for free. So that is pretty nice :)
Victoria Burch

D#4,HW#5 -CRAP 4 - 1 views

shared by Victoria Burch on 27 Jan 11 - Cached
  •  
    I think this link is the best representation of CRAP because it is simple and very appealing to the eye. Contrast: A lot of white background. Large focal Image and set to the entire left side of page. Louis Vuitton large and bold. Repetition: All text is brown and in capital letters. Less important items are not all capitalized and smaller. Alignment: To the left Proximity: Each location is grouped into correct continent. Each group is given appropriate and equal space in-between.
  •  
    This is another good website that uses the CRAP principles. Everything is consistent, and it is very pleasing to the eye.
Victoria Burch

D#4,HW#5- CRAP 3 - 1 views

  •  
    Contrast: focal point is an image of a laptop, aligned to the left with its description to the right. Gives a lot of empty space around it to make it your main focus. Besides the focal image other images pop against the black background. Repetition: Menu items are linked blue at the top of the page. Smaller unimportant items linked blue and smaller at the bottom. Alignment: Everything is aligned to the left in each group. Proximity: Under focal point are 4 groups with category titles that you can click to enlarge to see different related aspects of the site.
  •  
    This website is a very good example of how to design a website. Everything is very aesthetically pleasing, and follows the CRAP principles.
James (Mitch) Thompson

(D8, H4) Link 2 - Improving the sidebar - 0 views

  •  
    This article examines the blog's sidebar, one important element that can be either a total waste of screen space or a useful tool to assist the readers in navigating the blog. The article functions on the utility of the sidebar layout and is aimed at making it a valuable resource for both the author and reader as a way to highlight key information while providing the audience a convenient way to access the materials we aim to present.
Franz Ferguson

DD#6HW#6PureBlogging » Blog Archive » 99 Ways to Improve Your Blog - 0 views

  •  
    This site suggests ways to improve the content, organization, and marketing of your blog. It focuses on making everything user friendly, easily accessible, and keeping it simple (not too many plugins).
  •  
    100 easy step to help your blog. Content, beainstorming, use other writers, use vdeos some obviuos and some so unobviuos.
  •  
    Here is another list to help me spark my ideas on how to create a more proficient blog. Some of the options on this list are a bit ridiculous for this class and I couldn't really see myself doing them like hiring other writers. While others like ridding myself of unproductive widgets sounds like such a great way to make space and reduce clutter.I like this one a lot just due to all the suggestions it imposes. 
1 - 20 of 40 Next ›
Showing 20 items per page