mel_webmultimedia

We supposed to present our 40% of project this week. But we postponed it to next week. So today we have lectured as usual and today’s topic is Visual Design in website.

Visual design means that the planning on how your website will look like. You must consider the color, font or styles, graphic and multimedia that you will use on your website. Last but not least you must find the way how all of these elements will be combined or arrange into an attractive layout.

There are several elements of user interface such as

• · Background that reflect the theme
• · Foreground elements that reflect the theme
• · Other elements (text, images, buttons, animation, etc) that support the theme

When you choose the typography, make sure it simple and readable for user.

There are some tools that we use in visual design to help us see more the design for a first start.

Thumbnails Sketches - Help designer think about the visual aspects of the web pages they are designing and help make choices about web site’s presentation design.

Storyboard vs Thumbnails Sketches?

Storyboard – helps on web site’s interaction.

Thumbnails – help to focus on how web pages will look.

Rough Sketches - Usually choose 2 or 3 of the thumbnails to develop further. This more developed sketch is called rough sketches. More carefully drawn – proportions are more accurate.