Skip to main content

Graphic & Image

Although the terms graphic and image are often used interchangeably, they actually refer to two different things.  Graphic refers to any type of visual presentation that is displayed on a physical surface.  This includes symbols, numbers, drawings, typography, and web buttons.  However, image refers to a two- or three- dimensional representation of a person, object, animal, or scene.  Because they can be still or moving, images range from photographs and charts to broadcast television and digital video.  One main difference between the two is that graphics remain still and images can be moving.

Raster images and Vector graphics are the two main methods for displaying graphics.  Raster images are composed of pixels (little tiny squares of color), while Vector graphics are defined using paths (geometrics areas defined by curves and lines).  They have many differences including editing software (raster uses apps such as Adobe Photoshop and vector uses those such as Adobe Flash and Illustrator), output channels (raster primarily uses low-resolution electronic display, digital photography, video, and web pages; vector uses high-resolution printing and prepress applications), file size (raster is typically large and vector is typically small) and scalability (raster are resolution-dependent and vector are resolution-indepenedent).  Raster images major downfall is their lack of scalability because of their use of pixels.  Vector images are beneficial because of their ability to enlarge or shrink due to their lack of pixels and also they are naturally anti-aliased.  Image result for raster imageImage result for raster image
Upscaling raster images often ends up with a very noticeable lack of image quality, and therefore, should be avoided.

Raster images are naturally aliased, which means that the edges of their curved lines are visibly jagged.  It appears like a stair-step because of the square pixels trying to produce a curved effect.  Anti-aliasing softens the edges by blending the colors of the pixels.  However, it does increase the file size.  Anti-aliasing isn't necessary for vector images, because their lines' edges are already smooth since their lines are naturally without jaggedness.
Related image

Comments

Popular posts from this blog

Multimedia Career Opportunities

1.  What company is hiring? Talking Stick Resort in Scottsdale Arizona 2. What is the job title? Multimedia Designer 3. What are the job responsibilities? The multimedia designer will design, schedule, deploy, and support the organization for every multimedia application deployed including internet, intranet, digital signage, and video editing.  The job will include lots of interaction with customers in order to help provide them with strategic and tactical graphical content for each communication channel.   Responsibilities include the planning, development, deployment, testing, documentation, training, evaluation, and on-going support of in-house Internet, Intranet and digital signage systems. The Multimedia Designer will be required to work with a 3rd party vendor to design and develop user interface features, such as site animation, graphics, and special-effects with the incorporation of Casino Arizona’s design standards.   4. What are the requirements needed to be considere

Kerning and Leading

Two important aspects of designing are kerning and leading.  To kern is to adjust the gap between letters (or other characters) in text.  Leading is the distance between the two baselines of rows of text; essentially it is just line spacing.  These are both essential because without them, text is extremely difficult to read. Here are two examples of terrible kerning:

Visual Hierarchy

A page consisting of simply one huge column of uniform and equally spaced text fails to interest and entertain the viewer as successfully as a page with visual hierarchy does.  Visual hierarchy is essentially the order that the viewer processes the content on a page.  It sets apart words, phrases, and paragraphs so that the content can be easily processed by its viewers.  Alignment, color, images, headers, etc. add emphasis to visual hierarchy, making the important information more clear and obvious while the less essential information becomes smaller and less impactful. USA Today's website contains interesting visual hierarchy.  This makes it a joy to use because not only is it aesthetically pleasing but also the content flows easily and clearly.