ADVICE AND TIPS IN DESIGNING FOR THE WEB-week 1
Well planned design can have tremendous impact on these types of communication not just in terms of visual quality of individual sites, but also on the quality of interface, editorial clarity and cultural integrity.(ultimately the test of design on the web lies not in fancy splash screens, but in the consistently structure and articulation of the networked data behind them).
Interface:A decade after the large- scale introduction of the web, designers and developers are still exploring the best way to navigate cyberspace.
Typography: Typography has reasserted itself as a craft and as a means of structuring and enhancing the message relative to :plug-ins, screens resolution and web standards, ie the improvements in the placing, pacing and behaviour of typefaces.
Basic choices: size of the screen, resolution, installed fonts, colour capabiltities
Characteristics: Print based typographic routlines and design approaches remains predominant on the web, as is clear from the multitude of only marginally linked corporate brochures that vainly try to mimic their glossy paper counterparts.
Typographer’s concern: Page’s proportions, font and type size affect: spacing, kerning, leading and tracking and column width
Colour modes: Print based produce or define colours by mixing the four pigments CMYK. This is called an additive mode and the combination of all pigments is black while the absence of all pigments is white. CMYK is not used for web graphics. But one may encounter it in your illustrator modules.
However, graphics for screen based media e.g web graphics, use the RGB mode to create colours by mixing the three elements. R, G, B(red, green and blue). Each element has a value betweeno and 255, for instance the pure red has the value R:255, G:00, B:00.
Because HTML cannot handle colour values, the hexadecimal colour system is used to specify colour values on web pages. In HTML the hex value for pure is red #FF0000.
When using and defining colours in images that are destined for use on our web pages, we must match the RGB mode and Hex values to ensure that our colours are exact, that is the values for light blue background in photoshop is exactly the same light blue that we use for the background colour in HTML.
IRONY: HTML uses the American spelling of “color”
4 ONLINE RESOURCES WHICH SHOWCASE DESIGNER’S PORTFOLIOS:
LINKS TO ANY NEW PAGES MADE ON CLICKGARDEN WEBSITE:
SOURCE OF INSPIRATION FOR LINKED BUTTONS
Final chosen linked butttons
CHANGES IN DESIGN
REFLECTION OF CLASSMATES DESIGN VIEWED IN CLASS
Pictured below is a set of magnificent various designs of my classmates for the online portfolio. To start off, each and every working style of my classmates differs from one another ranging from Raymond’s work to Theodore’s work. Each of their work reflects their identity as a digital media student where I noticed that well- known web designers influenced some of my friends.
For instance, at the first glance of James’s piece of design, I noticed that he was aspired by the eminent Russian Graphic designer: ALEXEY ABROMOV who acquires a photo realist style of design. To my point of view, he was profoundly inspired by this particular designer that I can say the artist’s work and that of James are identical.
Another striking piece of work is Will Mile’s layout for his home page together with the linked pages to the main page. He went for a two tone coloured design which reminded me of http://carsonified.com/.
In addition to this, another outstanding work is Kris’s approach to his web design style, which demonstrates his love for Graffiti art- reference to Grunge web design style. To this avail, I can strongly say that his web design is what is going to make his online portfolio unique.
When I compare my pieces of design to those of my classmates, I noticed that many produced their design according to a particular web design style ranging from Kate’s retro design style to Raymond’s illustrated and cartooned style. If I look beyond the design horizon of DMA classmates, I caN see that kris’s work and that of mine correlate which depicts his interests for graffiti art and my passion for paintings.
Thinking about changing my designs is quite challenging after several feedbacks from David and Katrina. Firstly several questions have arouse:
1 How are you going to rollover in your home page?
2 Why does the background consist of black colour?
3 why is a pattern of paintbrush included in the background?
4 Why is a paintbrush floating in the foreground?
5 why are there graphic illustrations in the background when almost everything is hand-drawn and painted?
This has whet my curiosity to use a textured paper as background which might be in turn an apt of expression for me- a textured paper used to do paintings which might also reinvigorate my design.
**Apologies for not assisting the presentation on 30th March 2011 due to health problems **