Thursday, August 4, 2011

DGTL11004: Digital Design and Communication_Essay Writing_Yuan Shi (s0191995)

Essay Writing

This is the USL from CSS Zen Garden page which I really like. Though it’s a not a complex design from first look.  It is simple and very clean. However, it contains a lot of beautiful elements in this page.
For the main colour of this page as its name “CSSOCEANGARDEN”, obviously the designer use blue colour as background colour. When we look the colour in details, we find that from the top of the page since its sky, the designer use light blue colour from top, as its going deeper, the colour turns from light blue to dark blue, this transparency effect looks quite nice, it is like in real world. The designer also put some real fish photo graph in the background, it looks very smooth. When we look the background in details, we can find it is not just a 2D background, it is a  3D background, we can easily feel there are not just one layer for the background, the designer actually create many layers for this background. We can see that at the bottom of this page, one of the coral is at the bottom layer of the background and the other coral is in front of that coral, also there are some fish swim through between these two coral. In order to make the real effects the designer create a distance feeling on this background, some fishes looks big , which means they are close to us, on the contrary, some fishes are smaller, which means they are far away to us. This 3D effect is very beautiful.
For the text colour the designer use white for the text, it is clear for the reader to read.  For paragraph, the designer use  a dark blue shadow shape as separator bar to separate between paragraphs, it is not a complex design, but still it is quite well organised.  The designer uses two colours for each subtitle to make the difference compare with the text. The font size of the subtitle is larger than the text size. When I read this page I feel the text size is a bit too small to read. If enlarge it little more will be more clear for the reader to read. Overall, it is good design for the text.
For the link one this page it is not that clear to find, though it is in separatearea, the designer use white colour for the link part which is same colour as the text colour. Unless the reader move their mouse cursor on these links, they will find a underline and know it is a link, otherwise it is a bit confused,also for the "ARICHIVES" and the "RESOURCES" part that located at right side of this page, the designer use same font and colour for these two parts as well, I think if the designer use different colour or fonts for the link will be easier for the reader  to notice. For the link at bottom link on this page compare to the link at the right side of this page, the bottom one is better, the designer use different colour and put underline on them, when we read it, we can instantly know they are links. I think it is very important to make clear label for the links which should choose different look compare the text or title. For this page it seems not a big problem for the designer to make kinds of same colour and fonts for the links, but if we design a page which indicated  a lot of links, then it is going to be a problem, we may need to divide different links as different parts and use different label or font to them, if we use the same colour for all the links then it will really hard for the reader to find the link he want. When we make online design, it is very important to make clear links.
As above, this style sheet match the topic “CSSOCEANGARDEN”, all the components match the topic. The blue colour for the ocean and the fish picture in the background are all relevant to the topic.  The designer adapted these elements to produce a successful online design. From this design, we can find the colours, typography is very important in design;What colour of the background should we use?What colour of the text should we use? How big the size of  the title font and text font going to be? What the title font should look like? What is the text font will we use? When we making design, we really need consider all these components before we design, all these components should match the scenes of the topic. We need to do research and find elements or material relevant to our topic. It is very important to think all these elements which will be used in our design, good design may not complex like the example I choose, though it is simple and clear, .it is still looks quite nice. In addition, these not means we should make all the designs as simple as this one, we can create fantastic design, perhaps there are many components  in our designs. The most important thing is we need to make sure all the components need to be well organized, make the user or the reader easy to read, and they can instantly find the thing they want, this is the crucial thing to make successful online design. There are may other examples of design on this CSS ZEN GARDEN web site,  many of  them are good designs. In conclusion, in order to make successful online design, we really need consider all the components which we are going to use and  organize them well.


No comments:

Post a Comment