DesignBasics - CSE 102 Introduction to Web Design and...

Info iconThis preview shows pages 1–9. Sign up to view the full content.

View Full Document Right Arrow Icon
CSE 102 Introduction to Web Design and Programming Design Basics http://www.webstyleguide.com/page/index.html
Background image of page 1

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
XHTML & CSS allow you to structure content & define presentation of a Web page without a good design it won’t be worth much There is no magic formula for creating a good design We’ll discuss design principles to guide us Design is a mix of art, communication, & even psychology Web sites use many of the same design principles as the publishing world print design in newspapers, annual reports, billboards, television graphics, movie title sequences, & multimedia
Background image of page 2
What is Design? The process of communicating and editing ideas in the visual arts Designer’s task: to convey an idea & communicate a message on behalf of their clients Designers rely on: creativity perception Goal of design is to combine all these components into a harmonious whole to achieve unity
Background image of page 3

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Design Elements The forms such as logos, icons, text blocks, & photos included in a composition The elements must be grouped & organized to create meaning in a given 2D space Elements are the objects in a page Design Principles are guidelines for placing the objects in a particular arrangement (the composition)
Background image of page 4
Fundamental building blocks of form Point the smallest element on the page regardless of its shape can be a letter, figure, word, or shape Line a mark whose length is considerably greater than its width Plane an area a line becomes a plane when it gets too thick to indicate movement All compositions can be broken down into these simple elements
Background image of page 5

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Background image of page 6
Background image of page 7

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Page Design • Users seek clarity, order, and trustworthiness in 
Background image of page 8
Image of page 9
This is the end of the preview. Sign up to access the rest of the document.

Page1 / 24

DesignBasics - CSE 102 Introduction to Web Design and...

This preview shows document pages 1 - 9. Sign up to view the full document.

View Full Document Right Arrow Icon
Ask a homework question - tutors are online