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

Wireframe For Website

The new bakery in town, "Main Street Sweets," has commissioned me to design its online presence.  Its mission is to be a homey and comfortable spot for teenagers or adults to hang out at or bring homework or work to.  They also have an event room to host birthday parties, small groups, study groups or other events of that type.  The main purpose of their website is simply to display their goods and the atmosphere of the place. Along with the above homepage, I also created menu, events, and about pages. The menu is essential because it displays to potential customers their food options at Main Street Sweets and also assists with online orders. Because Main Street Sweets contains a private events room, they have a webpage to display what it looks like and give people an idea of what their event could look like.  The text on this page describes the space, what type of events are held there, and also convinces the reader to hold their next event there. ...

Usability

Usability       Usability measures how well a person can experience an interface.  This includes organization and having the necessary help menus.  Usability is essential to a persons experience simply because if a website or system is unusable, then the consumers will be unable to use it, which makes the website or system rather pointless, ineffective, and useless. Learnability Learnability determines how quickly a user can perform simple things on the interface during their first experience with it.  This ®refers to when the design is predictable and consistent throughout the website.   Efficiency  Efficiency encompasses how rapidly a user performs tasks on an interface after they have learned.  While this may sound ridiculously similar to learnability, it differs in that learnability refers to a user's original interactions with the interface while efficiency is about the effort required throughout multiple visits to the interfa...

HTML

An acronym for Hypertext Markup Language, HTML is a language for creating color, sound, graphics, and font on web pages.  It is the building blocks for web pages.  Without HTML, webpages would not exist.  HTML, which is essentially just text files, is constantly evolving as a language. An HTML document contains three sections: declarations, head, and body.  The declaration sits at the top of the page and contains a 'doctype' declaration.  This helps the browser interpret the page accurately by showing if it is HTML5 (the latest version) or an older version of HTML.  Sometimes people also add a second declaration that communicates to the browser what character set the server is using for storing and transmitting one's web pages information.  The Head of the document controls what the body does.  The user doesn't view the head as it sits at the top of the page between the head tags.  The Body contains most of the information that the user see...