A Web journal of the best Graphics, Graphic Design, Web Design, & Digital Arts Sites on the Internet, as well as articles, reviews, and commentaries

Sunday, January 08, 2006

White Space in Your Web Design or Graphic Design Projects

White Space in Your Design


White can be a soothing and relaxing color to see. For some people white is simply a refreshing color while for others it is a dull, common color. If you have been in the web business for quite a while you would often hear the word white space. What does this term mean? Simply put, white space is a term used to denote open space between designs. It is like creating a site that is neat to look at with lots of room or space. Most graphic designers often opt for having white space in their design because having a simply uncluttered site makes visitors and net surfers feel comfortable.


You have probably seen in the television people asking for help to renovate their house because they feel that it is too untidy and unpleasant to live with. Perhaps they want to change their furniture, change their wall paint or move a few things to make everything in order. After living years in complete mess and untidy house and after hearing thousands of comments from friends and relatives about their uninhabitable house they finally want to have a house that is neat, clean and simple for a change. After the renovation and remodeling you finally came home and were surprised with your new house. Isn't it a great feeling to come in a house that is tidy and roomy? Doesn't it make you feel you want to stay for a long time there?


Well, this is also what people who visit your site will feel when they see that your space is comfortable to read and visit. They will be encouraged to stay for a while and read through the whole site. It is, thus, important to provide enough spaces between visuals and text in your page as it can help guide your reader's eye from one point to another. Oftentimes, designers tend to overlook these white spaces in their clamor to create an attractive and stylish design. Nonetheless, white spaces must never be taken for granted. Designers have to keep in mind that if they want the design to be appealing they must also be easy on the eyes. Remember that if there is not enough white space in the page, texts can be unreadable, images can be blurred and there would be no balance in the elements on the page.


So make your web site as user friendly as much as it can be. Consider white space as more than a plain background. Think of it as an important part of the design. You will find it more appealing and comfortable to look at your site, thus, allowing you to effectively deliver your message to the readers and site visitors.


For comments and suggestions kindly visit Graphic Designs Company Online


Please submit your articles and tutorials by emailing us: submit (at) allgraphicdesign (dot) com.


MORE ARTICLES ABOUT WHITE SPACE IN DESIGN:


The Good Thing About White Space in Graphic Design - White space in graphic design is a good thing, however, many new designers have a hard time seeing the benefit of it within their designs. White space signifies a good composition, as a crowded space is never a good thing. White space has many positive attributes and this article will lay them all out for you.


White Space and Generated Content - CSS is fun and I'm still learning it because in my opinion, it's a never-ending process. Like web pages, CSS is a growing entity. There are always more things to learn and understand. This time, I focus on CSS whitespace and generated content.


How Much Margin? White Space Does Affect Reading Performance - The critical importance of white space in the effective delivery of visual content is well supported by this report comparing the reading performance of four different white space layouts.


The Web Needs More White Space - The latest trends in Web design fail to help surfers find what they want. I've noticed a disturbing trend in Web design over the last couple of years. Web pages -- especially home pages -- are getting bigger as designers pack increasing quantities of information into each page.


Designing with White Space - Web designers can stand to learn a thing or two from print designers. Too often web designers make the mistake of believing that more is better. It’s an easy mistake to make. When it comes to website design, designers are often pressured to get as much information as possible on one page.


Typography and White Space : CSS - In the TABLEs, spacer GIFs and FONT tag soup way of designing Web pages, most of the questionable techniques were concerned with issues of typography and white space. As we begin the process of understanding Cascading Style Sheets (CSS) we’ll look at these issues.


Give Me My Webspace - If you have a tiny room with no windows, how do you make it look bigger? One thing you can do is paint it white, or another light color. You can also remove all the stuff and furnish it sparsely, simply. Here are a few ways to make a Web "room" appear more spacious.


White Space Control - True white space control does not involve transparent pixels. It involves letting images butt up against each other and the frame of the browser, with no "offset."


White Space and Web Page Design Layout - White Space, also known as negative space, is the term describing open space between design elements. It can be between letters, words, or paragraphs of text; space in and outside of graphics, and between all of the elements of the page. It is essential for providing spatial relationships between visual items, and actually guides your reader's eye from one point to another.


Tools for Good Design : Space - Things to think about: How much space you have; How the type and images will work together.


Page Design Issues : White Space - The use of white space in your user interface (Web page) can help to emphasize elements and improve usability. White space (also referred to as negative space) does not necessarily have to be white -- it simply refers to the open areas between the graphics and text on your web page. It is essential for providing spatial relationships and creating a hierarchy between visual items. It assists in guiding a reader's eye from one point to another.


Under The Loupe #1: White Space - Under The Loupe is a new bi-weekly feature I’m starting here where I will focus on a small technique, detail, or building block of well-formed and well-informed design. Some things you may already know and some you may not, either way, I enjoy talking about design and I still feel there is more need for design-related writing online. This is the first of two new features here, the other will come later this month if all goes well. Anyway, on to Under the Loupe. First up: white space.


Elements of Effective Web Design : White Space - When webpages do not stream lines of text across huge distances, they are more readable to viewers. Another consideration is white space. Lynch & Horton outline two different methods for utilizing white space to increase readability


Designing with White Space - Web designers can stand to learn a thing or two from print designers. Too often web designers make the mistake of believing that more is better. It’s an easy mistake to make. When it comes to website design, designers are often pressured to get as much information as possible on one page.


Screen Real-Estate - At the present time there is no good way to determine what size screen your visitor is viewing your web page from. Therefore this article is not going to tackle the question "what screen size should I design my web site for", instead its going to tackle how you use the size you choose.


Design Tip : The Value of White Space - Remember the value of white space. It makes your page look more attractive, professional, and legible. All are key components of a successful Web site!


Design Matters & White Space - The space surrounding this block of text is just as important as other factors such as appropriate use of color, type and graphics. I know, there is a tendency, specially on the web, to fill every single corner with text. “White space is evil,” seems to be the rallying cry,“it must be removed!” “Down with white space!”


Design Basics : White Space - Imagine that you've just moved into a new house. Remember how excited you felt about all the extra room in your new house? Now imagine your dismay when you look around, and all you see is wall to wall boxes.


In Praise of White Space - Ahhhh, white space! This is perhaps one of the most misunderstood elements of web design. Yet, when used properly, it can be one of the most effective! White space, or negative space, are the blank areas between the graphics and text on your web page.


Controlling Vertical White Space - Good typographers set up a hierarchy of vertical white space and use it to convey meaning in a document. If everything has a "blank line" between it, how do you know which paragraphs convey sequential thoughts?


White Space in Your Design - Most graphic designers often opt for having white space in their design because having a simply uncluttered site makes visitors and net surfers feel comfortable.


Our Sister Sites : Graphics Tutorials Search - All Web Design Resources Portal - All Graphic Design Resources - Education Directory - All Schools & Learning - All Traveling Family Vacations - Graphics 'N Graphic Design Blog

0 Comments:

Post a Comment

<< Home