Skip to main content

Home/ TWC301: Multimedia Writing/ Group items tagged consistency

Rss Feed Group items tagged

Shannon Ridgeway

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

  • 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
  •  
    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...
  •  
    This website gives great advice on how to show flow in a website.
  •  
    Interesting take on flow in design. Definitely worth reading. I like the information and felt that this could be very helpful in creating pages.
  •  
    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.
  •  
    This in-depth website shows how to improve your website using the flow to create a more readable page.
  •  
    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.
  •  
    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 .
  •  
    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. 
  •  
    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.
  •  
    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.
Shannon Ridgeway

Conscious Consistency: The Principle Of Repetition | Web Design Principles - 0 views

  •  
    I like this article because it gives you examples on how to use repetition in graphic design. The examples are listed using bullet points which makes it easy to read. 
  • ...1 more comment...
  •  
    a good site that gives good examples of how to use repetition
  •  
    This website offers some suggestions of the types of elements that can be repeated. Heading and subheading styles, for example, can be varied bu using different colors, stronger fonts, or larger font sizes. A consistent overall color scheme can also help unify a page; this site suggests selecting a few key colors and then applying that throughout the project. Quote I liked: "Repetitive elements create a sense of organization. The effect is the same as using a consistent unit of measurement - it helps interpret the meaning of the object under consideration, and it helps to identify all elements as part of the same site." (Or page/project).
  •  
    a few good tips about repetition, plus lots of tutorials on other related topics.
Daniel Throckmorton

D#6, HW#2 - Harmony In Design Part 2: Repetition » SitePoint - 0 views

  • consistency and harmony
    • Daniel Throckmorton
       
      I think it should be added that it also helps guide the reader through the page.
  • repeat
  • immediately a sense of harmony
  • ...3 more annotations...
  • silhouetted pigeon images are repeated on three lines down the cover
  • That leaves room for individual illustrations for each cover, without losing the visual harmony that has been established through the series.
  • The orange and tan color scheme is repeated in the navigation and main drawing on the site
  •  
    This website gave graphical representations of repetition from different aspects of design.  I found the poster of the movie "The Ugly Truth" rather humorous.
julian serventi

Official Apple Store - Buy iPad, iPhone, Mac Computers and Notebooks, iPod and More - A... - 0 views

shared by julian serventi on 23 Feb 12 - Cached
  •  
    The flow of the page can be seen through the repetition of boxed information throughout the store page. The surrounding edge consisting of mainly text keeps the center of the page, filled with images, at focus with the flow of information/products
James (Mitch) Thompson

(D#4, H#4) Wall Street Journal - 0 views

  •  
    The home page of the Wall Street journal is a site that I think has adhered well to the good use of design principles we have discussed. Certain elements (location of links, tools, etc) are consistent, repeated no matter where your in-site browsing leads. It is always a simple matter to return the home page, and the content, though varied in topic and section, are placed and located in instantly comfortable page areas. The use of color and contrast to delineate different sections draw the eyes right where they need to be, and the fusion of advertising and written content is fused seamlessly. This website is nearly overflowing with all manner of content, yet the design and appearance of the home page is neither cluttered nor confusing. I believe this is an excellent example of the successful use of C.R.A.P. design elements.
Kyle Martinez

D#4 HW#4 - Diverse - 0 views

  •  
    I think that the strongest point for this website would be its alignment and proximity -columns and rows for easy reading -proximity, the images are all grouped together for easy reading -repetition, images and fonts are used consistently
Alex Portela

D#2 HW#8.2 - 1 views

    • Michael Clark
       
      I like these tips. Good thing to remember.
    • Alex Portela
       
      This also goes along with; "Instructions: How to Write Guides for Busy, Grouchy People". Under things to remember she demonstrates the importance of using commands.
  • Be consistent with your instructions
  • ...4 more annotations...
  • it is important to remember who your audience is
  • You can clear up a lot of questions by using diagrams and illustrations
  • testing the instructions. It’s important that you as the author to practice the instructions you write, but it’s even more important that you get someone else with little to know experience on the subject to follow the instructions
  • Create a title that explains what the instructions are  "How to...." Use action verbs in the beginning   "Pick up, take, hold...." Use short clear sentences with words that are common. Avoid words with more than one meaning. Make sure to include any cautions, warnings, or dangers. Be Specific.
  •  
    This site seems to helpful towards project #1 because it gives different website links for examples. It covers main points on remembering the audience and being consistent. It also covers a little bit of incorporating diagrams and illustrations which I will be using on project #1.
  •  
    This website gives clear views on the best way to write instructions.This will help with project 1 because it tells me the best way to give instructions without having the people look away before reading it all.
Paul Angichiodo

10 things You can do Today to Improve Your WordPress blog - 0 views

  •  
    *Social sharing buttons. *Recommend popular post. *Speed up my blog- clean up side bar. * Fix my "About page"- Info about a a good About page. *Plugins *Polls ***This site has very useful tools***
  •  
    This article is focused directly on WP users. It consists of 10 easy things that will improve your blog. Although some of them don't apply to the basic users there are still some useful tips.
Bridget Esqueda

D#6 HW#6-2nd WordPress Resource - 0 views

  •  
    In this website it discusses various ways to make your WordPress blog more of an official website. It explains what to do and why such as customizing your own sidebar so it stays consistent. Or adding a deorganizer plug in so your blogs have more clean permalinks.
Bethany Jorgensen

Presentation Design: Principles and Techniques - 1 views

  •  
    This article was my favorite because it's something that I can use in the future as far as presentations for my classes. This article has a page dedicted to repition in powerpoint presentations. The author stresses that repition adds a sense of unity through out the presentation. Consistent backgrounds and types of fonts are automatically incorported in the program. The author gives a warning of this automatic generated background consistency, it can be a bit tiring for the audience. The author suggests to shift the content of different slides in a way that doesnt interfere with the main message of the presentation. The page also gives examples of presentation slides that use repition in a subtle way.
  •  
    This website had a good explanation of why you should incorporate the element of repetition to the work that you create.
  •  
    This webpage describes how to implement repetition within a visual presentation. Many examples are shown and support the statement that says, "While contrast is about showing differences, repetition is about subtly using elements to make sure the design is viewed as being part of a larger whole."
samantha negrin

The New York Times - Breaking News, World News & Multimedia - 0 views

shared by samantha negrin on 04 Oct 11 - Cached
  •  
    Well this is an example of BAD flow. There are so many things going on here that I can't get organized. All of the titles are bold throughout the page but very spread out, there is a grid but no flow or organization. On the far left there are categories but that is one small example of flow on the website. Otherwise, I think the NY Times website is too scattered and needs a more consistent flow.
Rebecca Jordan

DD#10 HW#4 Formal Report BM - 0 views

  •  
    -Use lists -Headings and subheadings -Clear typefaces req.TNRoman or Arial -Use white space! to enhance info -Write the body first then work on everything else -Consistant structure -Choose mood and voice carfully(know my audience) * good site good resources -report check list
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.
Mckell Keeney

D#6 HW#1 Liven Up Your Design Through Repetition | Summary of repetition | Peachpit - 0 views

  •  
    This is an interesting article about repetition in design. It uses a kind of "before and after" method to visually demonstrate the effects of repetition and how it can be used to control a readers eye.
  •  
    This site shows how to make designs more consistent through repetition.
  •  
    This page is from author Robin Williams, in her voice, good tips.
Tana Ingram

Japan Association of Translators » Working with Translators - 0 views

    • Tana Ingram
       
      I hadn't thought about the difference between translating and interpreting
    • Tana Ingram
       
      OOps, messed up the highlighting! I don't know how to delete that. What I wanted to note was that I thought it was interesting that it is rare to find a translator who can translate well both ways.
  • 日本翻訳者協会 Working with Translators What is the difference between translating and interpreting? Translation means the transfer of written messages from one language to another, while interpreting refers to the transfer of spoken messages. Sometimes ‘translation’ is used as a generic term covering both practices, but when hiring someone’s services it will be less confusing if you distinguish between these different skills. What can a professional translator do for you? give you access to documents written in a language you don’t understand enable you to communicate your views in another language enhance the image of your company or organization by producing a professional document that is accurate and uses a style and terminology that are consistent and appropriate for your target audience help sell your products or services and ensure that a bad translation does not compromise your reputation or the quality of your products or service save you money by reducing the number of errors in your documents and eliminating delays and the need for expensive patch-up jobs later save you the worry and problems that arise from working with amateurs save you from possible embarrassment by pointing out any problems in cross-cultural communication. If you care about the quality of the end product, it is essential to use a professional translator rather than somebody who simply has a knowledge of two languages. What are the qualities of a good translator? a sophisticated understanding of the foreign language an understanding of the topic being translated an ability to transfer ideas expressed in one language into an equally meaningful form in the other language an above-average capacity to write well in the target language (the language in which the translation is written), using language appropriate for the topic and readership broad general knowledge a sound knowledge of the two cultures involved mental agility sensitivity and attention to detail an understanding of specialized terminology in the field of the translation and a willingness to do further research if necessary training or experience. Translation is more than just a mechanical exercise in looking up words in a dictionary and substituting the grammatical constructions of one language for those of another. Often there is no one-to-one equivalence between words in different languages–for instance, a particular word might have different emotional connotations in the other language. A professional translator will be aware of these potential difficulties and know how to cope with them. What are the characteristics of a good translation? Accuracy, logic and clarity in expression are key characteristics of a good translation, along with an appropriate tone and level of language (e.g., level of formality or technicality). On-time delivery is also essential. Above all, a translation must fulfil the function you require of it. With a translation for use in court, accuracy will be of paramount importance, even if the translation reads somewhat awkwardly, whereas with texts for publication it is vital that the translation reads smoothly. Tell the translator about your needs, what and who the translation is for, and what you expect the final product to look like. This won’t take a minute, but could save you a great deal of money and frustration and will help ensure a good translation. Can translators work in both language directions equally well? It is very rare
  • Clients are sometimes surprised at the high cost of translations.
Damaris Bravo

D#6 HW#6 50+ Different Ways To Vastly Improve Your Wordpress Blog | Web Media Magazine - 3 views

  •  
    ways to improve WP, the navigation suggestions are good for wp.com users since navigation is one of the most important aspects of getting around a site and finding what you want
  • ...6 more comments...
  •  
    I nice list of ways to improve your blog. It is organized into categories which makes it really helpful to find stuff. Great resource!
  •  
    What i like about this website is that it has information on way your can make it easier for your readers to navigate easier through you blog
  •  
    This site lists out 50 ways to help improve your blog, specifically for WordPress which is relevant to what we are using. It groups all the sections of WordPress and underneath those has tips to help that section. There was stuff that I didn't even know that would help improve the blog. However I'm not sure if we will get that in depth with our WordPress blog but nonetheless it's a good resource to look over.
  •  
    This site gives a vast amount of information on all the options that are included in WordPress.  For an amateur to blogging and WordPress in particular this gives great overview. 
  •  
    This article was another good one I found. Even though there are so many options it discuess but it breaks down into sections depending on what you are looking to change for your wordpress. The chunks the author chose to break these tips into are navigation, Design, Performance, Security, SEO, and other. Each section consists of 5 or more specific tips that fit into that category.
  •  
    This website about 50 different ways to vastly improve your WordPress blog is helpful because it is broken down into categories. The categories include navigation, design, performance, and security. Beneath each category are a number of ways to improve your blog.
  •  
    D#6, HW#6-- I really enjoyed this website for many different reasons. Firstly, for the way t is set up. It is easy to read and enjoyable. They have a main bullet point to look at, and then list and shortly describe different aspects of that bullet point. Also, it covers just about every aspect from design, to performance, to even security. It has a lot of great information!
  •  
    I like this article because it gives an endless amount of possibilities on how to improve your blog. This article features ideas that will suit any blog. 
Kyle Martinez

Characteristics of Technical Writing - 6 views

  •  
    A great concise and easy to follow pdf that provides several tips to writing technical directions. Eliminating noise, consistant styles and wording, its all mentioned in this quick tip document.
Corey Nicholson

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

shared by Corey Nicholson on 29 Jan 11 - Cached
  •  
    C-Contrast- Album reviews are listed as cover icons while listings for different areas of the website are located in a toolbar along the top of the page. R- Repetition- Pitchfork decides to change up the hyperlink scheme to red but remains consistent with it throughout the entire site. A-Alignment- All text is aligned to the left hand side of the article. P- Proximity- Different article features are displayed in box-shaped areas that keep the type of article in the same location.
Corey Nicholson

DL#4, HW#5 CRAP 2 - 1 views

shared by Corey Nicholson on 29 Jan 11 - Cached
  •  
    C-Contrast- Separates the different product listings on the left hand side with boxes in a teal shading. R- Repetition- All links listed on the webpage are consistent being blue and all descriptions and headings retain the same size respectively. A- Alignment- All product descriptions are aligned to the left hand side of the images. P- Proximity- Products similar to recent search queries are separated by a decent sized distance.
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.
1 - 20 of 26 Next ›
Showing 20 items per page