Loading presentation...

Present Remotely

Send the link below via email or IM


Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.


Web Design Fundamentals

No description

Penny Angeles-Tan

on 17 September 2013

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Web Design Fundamentals

Web Design Fundamentals
Site Planning
Determine site goals
Analyze your audience
Analyze the competition
Know your own abilities and resources
Map the current site
Design your new site
Why are you creating this site?
What does the owner hope to achieve with this site?
Are there any guidelines or restrictions to be followed in designing the site?
How to identify your audience
ask the site owners
look at current site's logs and statistics
talk to people who fit the bill
review published research
build feedback capability into your site
know how the audiences deal with the web in general
Look for sites with similar content.
What are the trends and precedents?
Where do they excel or fall short?
Does your site need to match a parent site?
What technical knowledge do you have?
What tools, resources, and time do you have access to?
other people
structural plan of the site
helps determine the navigation system of the site
visual representation of all the pages of the site
gives a bird's eye view of the site
it shows how deep your site is
deep and narrow
shallow and broad
Review the audiences needs and wants with the site owner.
Determine the site structure.
Gather content.
Mockup a visual design.
Build the site in "test" mode.
Perform user testing and make changes
Put site into production.
Maintain and update the site.
Make sure to communicate with the site owner at each stage.
The test should ...
have clearly defined goals
be observed in some way
ask for tester feedback
The tester should ...
reflect your audiences' demographic
be relatively uncoached
Visual Design
What looks good and why.
CONSISTENCY is a good goal for any design.
Grids and Rules of Thirds
for image composition
web grids the page
image flows up and in
sight-line points towards the middle of the image
Grouping Objects and Balance
This can be seen as static and dull
Both halves balance but are not the same.
Elements appear in a circle and are equidistant.
Screen and Page Layout
Where do you normally see page navigation?
Where are page titles and headings?
Where do graphic elements go?
What about screen real estate?
What about scrolling? Do users scroll?
White Space
the absence of visual clutter
helps readers scan information quickly
it avoids "information overload" syndrome
What does it mean?
How do you combine colors?
Color contrast
Fonts (a.k.a Typography)
keep it simple
limit the number of fonts to use on the site
use the same fonts consistently throughout the site
make good font choices
serif s. sans serif
commonly installed fonts
use capitalization sparingly
coolness factor vs. dancing bologna
plugins, plugins, plugins
bandwidth/download time
content is king
Do you have any questions?
Full transcript