Introduction to Web Design

Contact

© Candice Freeman & Kristen Purvis, 2014

Learn Camtasia
The following videos will provide you with basic working information about the use of Camtasia. Camtasia may be used to perform the following functions:
  • Screen capture
  • Modification of created video
  • Manipulation of video for instructional purposes
Simple Screen Capture
 
Inserting a Callout
 
Home
Learn Dreamweaver
The following videos will provide you with basic working information about the use of Dreaweaver CC (Dw). Dw may be used to perform the following functions:
Site Setup in Dreamweaver
 

Basic HTML creation

Using FileZilla for FTP to our Host  
Home
Learn Photoshop
The following videos will provide you with basic working information about the use of Photoshop (Ps). Ps may be used to perform the following functions:
Basic Navigation  

Creating a New Project  
Inserting and Modifying an Image
Home
Design

There are a few principles that you should keep in mind when creating the layout of your website and/or webpage. There are a few things that may seems obvious to some, but surprising to others. Therefore, it is vital that you review all of the suggestions below so that you can make informed decisions when it comes to formatting your documents. Clarity Information contained with the website should be clearly understood by the consumer. There should be no room for ambiguity.


Consistency

Linked web pages should be consistent with regard to color and style. It is also helpful for menus and navigational tools be consistently be located in the same spot throughout each page.


Continuity

Websites should be optimized to be easily viewed on various devices. This aids the consumer in finding web resources no matter what device they use for access.


Logical Design

The overal site purpose should logically connect to the elements within the website, linked pages and resources.


Aesthetically Pleasing

The website should be pleasing to the eye and not overpowered with excessive graphics or color. The use of white space should not be underestimated as it can tie together many elements of the site.

Home
Applying Color Psychology to Website Design

The following chart will give you a basic overview of which colors convey which psychological impacts on your website viewers. By referring to the implications of each color, you can choose hues that are most likely to send the message that you intend to.

red
Red: excitement, love, passion, strength
orange
Orange: excitement, enthusiasm, warmth
yellow
Yellow: concentration, cheerfulness, frustration if used excessively
green
Green: refreshing, masculine, jealousy, reminiscent of money
blue
Blue: calming, loyalty, productivity, aloofness
purple
Purple: luxury, wealth, sophisitication, femininity, wisdom
pink
Pink: tranquility, femininity
brown
Brown: reliable, natural, security, sophisticated
gray
Gray: formal, sophisticated, neutral, timeless, conservative
white
White: innocence, purity, neutral, sterile.
black
Black: authority, power, submission, timelessness.
Home
Contact
Name:




Home