DGTL11004: Digital Design and Communication_Web Identity_Sam WU (S0190181)

The design concept of the logo is based of the company Designovation which is a web design company that attempts to anticipate emerging design trends and produce cutting-edge sites for large corporations. The slogan of the company is “Design for the future”.

According to the company detail, the symbol mark is an earth and it is created by net. Earth is stand for internet go around everywhere around the world and the net is stand for we are all connected. Also the spider is crossing the net which mean we are crossing and connected the world.

Designovation which is create by “Design” and “novation” so I make the “n” more outstanding because” is the only word they link together.  The “n” like a bridge link the idea together.

It has 3 colours in the design, black and red and blue. The reason I chose them, It is because red stand for enthusiastic, every customer will feel our enthusiastic to them; blue is stand for professional, every customer will get our professional from us; black is stand for stable, dignified, we will keep improving and keep a high quality standard for ourselves.

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.



DGTL11004: Digital Design and Communication_Essay Writing_Hamid (s0214708)

Essay

Select a CSS Zen Garden page that is heavily influenced by a specific, identifiable art or design movement. What are the characteristics of the style or movement that are evident in the chosen site, and how has the designer adapted these elements to produce a successful online design?

The characteristics of the style or movement:

The Zen Garden aims to excite, inspire

The Zen garden site (css Zen garden 2011) focuses artistic appearance more than readability and usability sites used to be. However the site is very easily accessible to find things on.  , the site remains easily navigable and readable. The design has not focused much on the interface, as much as the graphics design seems to be there for its self, and is not just a means for the using the functions of the site. The style that been chosen is 213 . This design combines an emphasis on interaction and interface design with a very artistic aesthetic approach. At the same time, the functionality and readability of the site suffers. This style is surrealism using different overlays which easily confuses the users. The user who has viewed this webpage of the css garden may be lost and try to find out the meaning of the design, because it describes the creatures that belong under the sea but the creatures that are drawn in this website do not exist. It seems that it was some sort of dream that underlies the reality. Garden 213 shows images such as ships from the past are uses black and white pictures and the background has an antique appearance The style of the website adopted by the designer which is interesting  but from my point of view it doesn’t give  make any meaning to the website. The pictures are just placed there and colours were matched with the design of the picture to look old. Every site has to convey some sort of meaning to us like its purpose, target audience and its message to the public. The functional design of this page is good and creative in the manner of the design, but it doesn’t make any sense to the general audience. It is hard to find out the main objectives of the webpage. It is not clear what message and information the site is trying to convey.  It only appears to be pieces of art. The viewer must scroll up and down to find out the exact meaning of the page.

The order in which elements appear on a page has meaning in a document, to rearrange those changes the very nature of the document and gives it a different meaning. It would be better if the designer added animation to the website. For example flash animated sea as the background, or the fish swimming over the page, which would convey to the viewer that it is life of creatures under the sea.

DGTL11004: Digital Design and Communication_Web banner and busines card_hamid (s0214708)

This is a suggestion for a business card. At first the front and back of the business card was created with a totally black background with the logo in green and pink, and the text in red. However this design did not look calm to the viewers. It makes them confused.

 The second idea was to change red text to white and leave the rest to black, but this did not look so creative. Finally a green gradient was place and masked with the black background and then all the corners were masked with a green colour which gave a smoothing effect as well as looking clear. On the back of the business card the logo with the slogan was placed in the left corner and the information was placed under two rectangle to separate the text in neat and clean manner good effect on it.

Web banner:

This is the suggestion for a web banner.

In this design there is black background with the artwork under the bottom corner on the side. It was looks simple but convincing . This design was done in the same style as  to the business card design it has to consistence with the design of the business card.

DGTL11004: Digital Design and Communication_Web Identity_Hamid (s0214708)

The design of this logo is simple consisting of two plain colours which are pink and green. A logo should be simple; i tried many things to design a logo both creative and simple, that reflected the idea of the company name which is “Designovation”. The first idea is overlap the letters but that idea was too simple for this kind of company. Then replace the dot of both i’s with a star to look bit fancy. But that idea was not so creative thirdly two words design and ovation were separated with two simple boxes and coloured the angles with the actual logo colour but the logo was invisible. Finally the two angle on D and N were placed and this idea works because it is simple but creative. The symbol mark of this logo will be these two line which represents the design and ovation and. The colours were used were pink and green which were exactly match to the idea of the logo the slogan of this company is “Design for the future” which doesn’t fits to the logo because it is long however  it will used in business cards and brochure as well.

DGTL11004: Digital Design and Communication_Web banner and business card_Yuan Shi (s0191995)

For the web banner, I create the logotype at the left side of the banner and then I put the address under the logotype, then I put the logo symbol at the right side of the banner. I use two slashes shape to separate the logotype and logo symbol.

For the business I put the logotype and the slogan of the company at the front side of the business card. I designed a curve line shape to separate the logotype and slogan. I put all the details of the company like phone, fax, email, website, email etc. at the back side of the business card and the logo symbol at the top right corner.

DGTL11004: Digital Design and Communication_Web Identity_Yuan Shi (s0191995)

This is the logo which I design for this web design company. I use this flower shape as logo symbol to show that this web design company creating many beautiful designs like flowers. Since the name of this company is called "DesigNovation", which means design innovation, so I use transparency color for the letter "N" because of “N" appears in both words. I use light blue and dark blue as the color of the type font. I want to give people a kinds of light feeling, can be imagined as sea, sky etc. Therefore this would attract people’s eyes and symbolize this company design worldwide. Also another color version I choose green, make people feel nature. In addition, I make a little bit change for the letter "i" in the word "Design", I removed the little cap on the i and replaced with a flower shape, try to make its looks creative and different. Overall, that's the idea why I design the logo in this way for this web design company.