WHITESPACE
Whitespace - negative space is the portion of a page that have nothing in it. Whitespace is also the space between graphics, margins, gutters, space between columns, space between lines of type or figures and objects. Whitespace plays an important role in design, especially graphic design. It enables the balance between the negative part and the positive part (the none - white ) in a page. The use of negative spaces is the main factor to aesthetics composition.
Let's see these 3 images and decide which one is most attractive :
This image doesn't have whitespace. The image occupy all the page . There is not many negative space and also, the contrast in this image is not effective used. This image give me the traditional look in the past.
The second image, there are whitespace in the margin but the negative spce is not much.
The third image, there are many whitespace, the contrast in this image used effectively. This is the most attractive and creative one.
Maybe we don't know much about the effect of whitespace. In VietNam, I've seen too many kind of flyers that try to put lots of information into one small piece of paper. They do that to save the money but they don't know that when they do this, this kind of paper doesn't attract viewers. The font size is small and there has no whitespace. The paper turns into sth that look like a mess of information. Viewers cannot sort out the most important information that they try to present.
Let's have a look at these two kinds of text and see how :
This is image which has whitespace. We can easily see the text because there is strong contrast between the negativespace and positve space. This kind of design is simple but effective.
This one, there are lots of text and not much whitespace. Too much information is presented. We can't sort out which is the most important one. It is not effective.
Afterall, why is whitespace so important?
One of the reason is the text needs room to breath. When the text is so crowded and there is no whitespace, it also ive us feeling crowded and crampled and also tire our eyes.
One of the most important thing in design I think is that : We shouldn't try to put too many thing in our paper or design. Too much information is not equal to enough. The most effective way is that we have to try to find the most important quote or information or image to put in our page. Remember " Less is more" . This can be demonstrate cause you might easily find this kind of advertising in well - known magazines or newspapers like the Wall Street Journal or New York Times. You might find full page ads with almos nothing else except one quote. And yet, you might find it is impossible to skip that ads when you browser through the paper. That's the power of whitespace.
So, in design, especially graphic design, do think about white space and get used to it.
Reference:
http://www.sheriftariq.org/design/whitespace/
http://www.logoorange.com/white-space.php
WEBDESIGN MISTAKES
There are some design mistakes that appear commonly and they also make people to complain. We must know these commonly mistakes in order not to do it again.
1. Legibility:
Bad fonts cause trouble. Small font sizes or low contrast between text and background make it hard to read.
Be careful when using text , color .
2. Non-Standard Links
The link are not obvious cause trouble when interactive.
We should use colored and underlined text to indicate text links. It will be better if we put small explanation below the link to clarify which page the link will lead to.3. Flash
Using flash in webpage cause big trouble. Although someone might think that flash is useful, however, when put it in a website, it flickering which will make the viewer confused and annoyed.
Don't use flash in a website. Try to make the content much more interesting. Remember " Less is more".4. Unsuitable content:
Content written for the Web is not suit, not use common language or the content is too long and boring.
Try to make content short, scannable, interesting. Use common language rather than made - up words.5. Browser Incompatibility
Don't turn away customers just because they prefer a different platform.
You can find more webdesign mistakes by following this link
http://www.useit.com/alertbox/designmistakes.html. The mistakes above are which I found most commonly.
Reference:
WEBPAGE DESIGN'S BASIC RULES
Before we go out of the box, break the rules to stand out from the rest, we need to manage the basic rules. Beside the Design Principles, there are some more specific rules applied for webpage design which I found useful:
+ Page layout:
- Do not put something into two much boxes in one page to attract viewers. Remember to do this in moderation because if you put too much boxes in one page, it will decrease the unity of a page and make the page disorder.
+ Colour :
- Use contrasting colors to increase the readability. When we use enough contrast between the text and background make it easy to read. It is better and in most use with light background color and dark text color.
- Use complementary colors to highlight the important part. But remember that do not use too much and not use it on the whole page because it havoc our eyes.
- Use color sparingly. For impact, designers choose to create their design on more than a single color. But color thrown around everywhere also loses its impact. For maximum impact, use color on headings, and the most important words in headings.
+ Repetition :
Generally, webblog all have the same page elements : a header graphic and text, a main column, and a sidebar. We have to arrange these elements in repetition in order to control hos the user's eyes is guided down the layout. We use repetition to put the information into groups, highlight the key words. Repetition increase the unity , cohesion of our page and also increase the readability.
+ Proximity:
Similar or related elements are grouped together to form a cohesive whole. Those
that aren't related should be kept separate. This enables viewer to glance at the page and immediately know the relationship of page elements.
Reference:
HOW GOOD IS GOOD
(part2)
I've found a website demonstrated that a good web design makes a great impact on the viewers. In this, they show us 3 different layouts of a website which have the same meaning. The first one is the original website, the second one is modified a little bit and the third one - they change nearly 50%. Let's have a look at these 3 layouts first and give your opinion which is better .
pic1
This is the original one
pic2
In this layouts, they change a little bit. Can you recognize the different? They increase the size of texts and leadings, highlight important words in order to increase the easiness when viewing it. These details strengthen the layouts.
pic3
In this layout, they also divide the information into 2 separate columns. They make this layout different from the regular layout.
Actually, when I first look at these 3 layouts, I like the third one most , and the second one.
I don't like the first one because the text size is quite small which make us hard to read. The information is not arrange effectively. It doesn't attract me much.
The second one, they fix the weak points in order to increase the effectiveness of the design.
The third one, I find that they divide the information into 2 columns. Although this layouts different from the regular layout, I find that this quite good.
However, the result is not like my opinion. Depend on their research on the impact of 3 different layouts, pic2, with the minor copy changes, resulted in a 15.57% increase in sales—that represents a big revenue jump for a site with high sales volumes.
pic3, in which we changed the regular, one-column format into a two-column format, resulted in 53.28% fewer sales.
What a surprise! Pic 3 appear to be the worst layout. That’s an astonishing reduction in sales and revenues, resulting from a design change that was intended to improve the performance of the page.
Here are what I've learn:
- Let's try different version when design something, find the weak points and try to improve them. And one important factor is that the latest one is not always the best one. May be the first version is the best of all.
- The result is not depend on us - designer.We don't know what is the best design until it is test. Our readers and viewers will show us which is the best design. Maybe the result is not like what we expect but the end result is that we will become much better web designers.
You can follow this link to read more :http://alistapart.com/articles/designcancripple
Reference:http://alistapart.com/articles/designcancripple
HOW GOOD IS GOOD
In the book “ Design for the real world “ Victor Papanek said “There are professions more harmful than industrial design, but only very few of them. And possibly only one profession is phonier: Advertising design. In persuading people to buy things they don’t need, with money they don’t have, in order to impress others that don’t care, it is probably the phoniest field in existence today “
There are a many answer to the question: ”what makes a good design”. I think that one of the most important factors to make a good design is our purposes when we design something
As we know, there are many purpose when we design something. It is perceive as a good design when we try to make the world better throughout our designs. This is the design with good cause.
Most of current graphic design done by professional design companies is used to promote or sell, which is fine, but design can also do so much more.
Design can raise money. The Breast Cancer symbol contributes a great deal to the promotions and ads that raised money for Non-Profit organizations.
Design can make people feels better. Design simple things for our life such as designing a birthday card for our beloved mom also makes her happy. Design can be very simple but meaningful.
According to philosopher Edward De Bono, there are four equally important sections that we must balance :
Me-values : ego and pleasure
Mates-values: belonging to a group, not letting it down
Moral-values: religious values, general law, general values of a particular culture
Mankind-values: human rights, ecology
It is difficult to balance all these four important sections. If we can balance these four sections in our design then I’m sure that this design is good (of course this design must be aesthetic ^^`)
In summary :
Good design + bad cause = bad
Bad design + good cause = good
Good Design + Good Cause = Good
Reference:
Book cover
This is the book cover I designed for my book cover assignment. This is the cover page of a book of Victor Papanek, title " Design for the real world". In this book, he stated that one of the phoniest professions in the world is advertising design. Advertising design trends to persuade people to buy things they don't need.
In this cover page, I took the picture myself. The scene is near my house. After reading the summary of this book, I think that this book will relate to the development of society and advertising. I try to find the picture that demonstrate the development of society and also have advertisement. I also play with white space in my cover page. I try to arrange the text and image in a way that readers can easily read them. My design is quite plain and simple. My main colour for this design is black and white. Although it is quite plain, I believe that this book cover be able to demonstrate the main idea of this book and this book cover page can also attract viewers.
Synesthesia
In the presentation of my friends in class, they mention about Synesthesia. Synesthesia is a neurological condition in which two or more senses are coupled. People who have synesthesia are always much more sensitive than other odinary people. Many people with synesthesia use their experiences to create artworks.The phrase synesthesia in art has historically refered to a wide variety of artistic experiments in order to synthesize different arts such as visual music, abstract film, computer animation, symbolist poetry, multimedia and intermedial art.
If you have synesthesia, you will live in a world where the sound of music would make you see colours, where the alphabets also have colours.Where the world all have its own colors and meaning.
In the website of abcnews, let’s see those who live in synesthesia world told us about this:
“My voice, for example, is not only something that you hear but also something that you might see or taste or feel as a physical touch," Cytowic said.
Rosser sees every note of the piano she plays as a distinct color. "E flat is turquoise. Very warm turquoise," Rosser said. "F sharp is yellow-green." When Rosser plays many notes together, she said the colors "sort of merge into each other."
Cytowic said people with synesthesia have a "different texture of reality."
There are many experiment or test if you are synthesis or not. Such as can you see each letter has its own color or not …
CLOSURE
These 2 images refer to one of the basic elements of Design Principle. Closure is the idea that the brain tends to fill in missing information when it perceives an object is missing some of its pieces. Objects can be deconstructed into groups of smaller parts, and when some of these parts are missing the brain tends to add information about an object to achieve closure. In the below examples, we compulsively fill in the missing information to create shape.
This makes these images look like they are alive, they are moving.
HOW CAN THIS BE TRUE?
Above is the image that can make you surprise. Just by rearranging the colored blocks in the same triangle, there is a hole that left. These are all in the same size.
CAN YOU EXPLAIN?
I will give you the answer later. But now, CAN YOU EXPLAIN HOW THIS CAN BE TRUE? Is this a trick? No. It is not a trick. This can be true...
Wait for your answer...
book cover
These are some book cover that I found interesting.
The fist one has a title "Cultural Moves". The images they used to illustrate this book is the images of negro. This images is used very effectively cause this book is about "African Americans and the politics of representation". The images of negro is not showed all but just a part. This increase the imagination of viewers.
The second one illustrate effectively the time which is the title of the book. The earth is harsh, we can easily see the chronicle of life through this illustration image.
All of 3 book cover above have the image cover all over the front page, the title is not very big but it also very easy to see. The image of the cover page can illustrate some meaning of the book. These book cover don't have many colors and the colors are kind of brown. The image can convey the meaning of the books.
The fist one has a title "Cultural Moves". The images they used to illustrate this book is the images of negro. This images is used very effectively cause this book is about "African Americans and the politics of representation". The images of negro is not showed all but just a part. This increase the imagination of viewers.
