Skip to main content

Home/ TWC301: Multimedia Writing/ Group items tagged graphic-design

Rss Feed Group items tagged

Franz Ferguson

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

    • Franz Ferguson
       
      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
       
      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
       
      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
       
      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.
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.
Matthew Aber

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

  •  
    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.
  •  
    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.
  •  
    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.
Jordin Mitton

Graphic Design - 2 views

  •  
    This website explains what graphic design is, and the basics of graphic design. Career information is given for anyone that is interested in using graphic design for their career. Also, it gives you a list of different types of schools that you could be interested in looking into if you want to further your career in graphic design. It states that graphic design is a "creative career that finally rewards you for all of those doodles you'd make during class."
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.
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.
Matthew Aber

D#1,HW#13.2 - 0 views

  •  
    This website was interesting because it breaks down the process of designing a flyer into simple steps. Flyers were used as models for graphic design on pages 16 and 17 of Lisa Graham's Basics of Design Layout & Typography for Beginners: Second Edition.
Wendy Ayala

Design | Pro Blog Design - 0 views

  •  
    A resource for those interested in improving their own personal blog designs or would like to learn more about utilizing graphic design software to achieve specific effects.
  •  
    This blog site is a great resource for everything from blog design essentials to graphic design tutorials.
Mckell Keeney

Emphasis in Design » Color, General, Layout » Design Festival - 0 views

  • Closely related to the idea of unity is the concept of emphasis or dominance. Rather than focusing on the various elements of a design fitting together, emphasis is about making a particular feature draw the viewer’s att
  • Closely related to the idea of unity is the concept of emphasis or dominance. Rather than focusing on the various elements of a design fitting together, emphasis is about making a particular feature draw the viewer’s attention.
  • direct center of a composition is the point at which users look first
  • ...7 more annotations...
  • continuance or flow is that when our eyes start moving in one direction, they tend to continue along that path until a more dominant feature comes along
  • greater the difference between a graphic element and its surroundings, the more that element will stand out
  • isolation promotes emphasis
  • Contrast is defined as the juxtaposition of dissimilar graphic elements, and is the most common method used to create emphasis in a layout
  • Contrast
  • Proportion
  • Proportion is a principle of design that has to do with differences in the scale of objects
  •  
    Emphasis in Design
  •  
    This website brought to light some very interesting concepts in a humorous way. Similar to the first site that I bookmarked with Diigo, this site talks about the different ways in which emphasis can be achieved: by placement of the main topic of the site (middle of the page for main information and then information that is the next in importance be in a variety of places - isolated? continued in the line of sight provided?), through contrasting colors, and by changing the proportion of images within the text to make them standout.
  •  
    This webpage gives visual examples of emphasis and a brief explanation of why each example works to capture our attention first.
Mckell Keeney

D#6 HW# 1 TIP: Repetition in Graphic Design - John McLachlan - 0 views

  •  
    This Graphic Designer gives tips on how to effectively use repetition in graphic design.
  •  
    Example of facing book pages that utilize repetition through colors, drop caps, fonts selected and eye catching footnotes.
Mckell Keeney

D#6 HW#1 Graphic Design 101: Repetition | Sidekick Graphics - 0 views

  •  
    This shows an example of using repetition with punchy red font for the heading and subheads in a newsletter, and how that improves the page. There are before and after images.
Lisa Plascencia

Principles of Design: Alignment | Learn Design Online - 0 views

  •  
    This website will help many of us with project 2. There are great tip on alignment, which is very important in a web page layout.
  • ...1 more comment...
  •  
    I liked how the article showed how alignment is used in many types of formats such as web design, graphic design, and how to manipulate it. It stated that the way we align shapes, words, or objects in our design will create a dramatic effect on the experience our audience will have.
  •  
    This website gives some good information on different types of alignment and how it can be used. It compares the importance of alignment in the real world and how it can be used in design. This website also demonstrates the importance of a clean cut design in order to be less distracting.
  •  
    This is my favorite becaue it is a teaching site. It has a wonderful way of explaining the different desing elements. There are tutorials and various design strategies to use to get a very creative piece of work.
Mckell Keeney

D#7 HW#1 Data Flow 2: Visualizing Information in Graphic Design | Brain Pickings - 0 views

  •  
    A brief overview of the book, Data Flow 2, Visualizing Information in Graphic Design. Shows some photos and charts that illustrate good flow and uses the words "Eye Candy." Includes links to three other sources, such as Clothing Maps of Europe and London Tube Maps. There is a link to information on their review of the book, The Visual Miscellaneum.
Shannon Ridgeway

The Basics of Graphic Design - 1 views

  •  
    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.
  •  
    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!
  •  
     Although visually pretty dry, has a pretty comprehensive treatment of design basics.
Julie Keith

Balance in Graphic Design - 0 views

  •  
    This article is my favorite because not only does it give helpful information on how to use balance in graphic design, but it also provides great examples too.
  •  
    DD #4 HW #1 This article has great information about design with very nice examples. Some of it I was surprised that they were talking about balance because I didn't really see it that way but in reading about it, it makes more sense! I thought this was great information.
Shannon Ridgeway

Graphic Design: The New Basics - 1 views

  •  
    Graphic design, extensive information
Michael Clark

What is the graphic design process? | David Airey, graphic designer - 0 views

    • Michael Clark
       
      Even though the steps were reduced to four they are later expanded to reflect the additional steps talked about in the text (BoD). THis was my least favorite o fthe three I found.
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.
Lisa Plascencia

Graphic Design Theory: 50 Resources and Articles - Noupe - 0 views

  •  
    Great description for the basics of design with illustrations for how to do a layout.
Shannon Ridgeway

Web Design and Layout Tutorials, Graphics Design Tips, Web Site Style Guides, Expert We... - 0 views

  •  
    extensive information and articles about design and layout, especially in web design
1 - 20 of 60 Next › Last »
Showing 20 items per page