Learn JavaScript in 10 Easy Steps

These NEW and Updated notes on JavaScript are intended to provide the reader with a basic understanding of the main areas of JavaScript with the aim of creating their own scripts. They are broken down into 10 easy to follow sections. These notes should ideally be read in the order in which they are presented as some sections may not make sense without having first read the previous JavaScript notes. It is also expected that you have a basic understanding of HTML before beginning with this series of notes.
Javascript Introduction
Javascript If or Else
Javascript Passwords

Learn CSS in 10 Easy Steps

This section of notes on CSS is broken down into 10 easy to follow sections. These notes should ideally be read in the order in which they are presented as some sections may not make sense without having first read the previous CSS notes. It is also expected that you first have a basic knowledge of HTML before beginning this series of CSS notes.




In order to give you a little leg up, the infographic below outlines the history of CSS and a few interesting facts about CSS3.




Learn HTML in 10 Easy Steps

These NEW and Updated notes on HTML are intended to provide the reader with a basic understanding of the main areas of HTML and HTML5 with the aim of creating websites. They are broken down into 10 easy to follow sections. These notes should ideally be read in the order in which they are presented as some sections may not make sense without having first read the previous HTML notes. So get started learning html now and take the first step on the road to creating your own website.


HTML IntroductionHTML DoctypesHTML ElementsHTML TemplateHTML Attributes
HTML ListsHTML TablesHTML LinksHTML ImagesHTML Multimedia


When you do get down to creating the website, it might be helpful to remember these web design Do's and Dont's.


Shapes And Their Meanings

The meaning of shapes can vary widely depending on the type of shape, its context and the culture analysing it. Shapes can also be either positive or negative. Be conscious of the shapes you form with negative space as these are just as, if not more, important than the shapes you form with positive space. The common shapes shown below will be the focus on the analysis in this article.


Different Types Of Shapes

The Meaning of Shapes

There are truly an endless variety of shapes and combination of shapes, each communicating its own meaning and message. Often the meaning behind shapes is cultural (a red octagon as a stop sign), particularly as shapes are combined. We’ll confine ourselvels to a discussion of some basic geometric shapes here. Overall curved shapes offer rhythm and movement, happiness, pleasure and generosity. They are seen as more feminine than sharp shapes which offer energy, violence and, anger. Sharp shapes are lively and youthful and are seen as more masculine.



 Circles


Circles protect, they endure, they restrict, they confine what’s within and keep things out and their completeness suggests the infinite, unity, and harmony. Their movement suggests energy and power. Because circles are less common in design they work well to attract attention, provide emphasis, and set things apart. They represent and suggest many things such as ...

 - community, integrity, and perfection
 - the sun, the earth, the moon, the universe
 - familiar objects such as wheels, balls, many kinds of fruit
 - well-roundedness and completeness



Squares and rectangles


Rectangles are the most common geometric shape encountered. The majority of text we read is set in rectangles or squares. Squares and rectangles are stable, they are generally not attention getters, but can be tilted to add an unexpected twist. Overall they are familiar and trusted shapes which represent and suggest things such as...

 - order and formality
 - mathematics and rationality 
 - conformity, security and solidity
 - evenness, equality and peacefulness



Triangles


Triangles can direct movement based which way they point, they can be stable when sitting on their base or unstable when not.Triangles have energy and power and their stable/unstable dynamic can suggest either conflict or steady strength. They can be used to suggest... 

 - progression, direction, and purpose
 - pyramids, arrows and pennants
 - self-discovery and revelation
 - law, science, and religion
 - dynamic tension, action, and aggression 




Spirals


Spirals are expressions of creativity. They are often found in the natural growth pattern of many organisms and suggest the process of growth and evolution. Double spirals can be used to symbolize opposing forces. They are cycles of time, life, and the seasons and are a common shape in religious and mystical symbolism. They can be used to suggest... 

 - fertility, birth, death, expansion, and transformation
 - returning to the same point on a journey
 - the release of energy and flexibility through transformation
 - the projection of an intention (when clockwise)
 - the fulfillment of an intention (when counter clockwise) 



Crosses
Crosses are seen as the meeting place of divine energies. The 4 points of a cross represent self, nature, wisdom, and higher power or being. As with lines vertical shapes are seen as strong and horizontal shapes are seen as peaceful. Everything said about vertical and horizontal lines can be said about vertical and horizontal shapes. They can be used to suggest... 

 - spirituality, life and healing
 - transition and change
 - faith, unity, temperance, hope
 - relationships and synthesis



The Different Types Of Shapes

There are 3 distinct types of shapes, they are geometric shapes, natural/organic shapes and abstract shapes.



Geometric shapes are what most people think of as shapes. Circles, squares, triangles, diamonds are made up of regular patterns that are easily recognizable. This regularity suggests organization and efficiency. It suggests structure. Geometric shapes tend to be symmetrical further suggesting order.

Natural/Organic shapes are irregular. They have more curves and are uneven. They tend to be pleasing and comforting. While they can be man-made (ink blobs), they are more typically representative of shapes found in nature such as a leaves, rocks, and clouds. On a web page organic shapes are generally created through the use of illustration and photography. They are free form and asymmetrical and convey feelings of spontaneity. Organic shapes add interest and reinforce themes.

Abstract shapes have a recognizable form, but are not real. They are stylized or simplified versions of organic shapes. A stick figure is an abstract shape depicting a person. Typographic glyphs are abstract shapes to represent letters. Icons are abstract shapes to represent ideas and concepts. Some abstract shapes have near universal recognition. Think of some of the icons you see in the software you use daily.

If you enjoyed this article you may also be interested in reading these... 


The Meaning of Colours

The Colour Wheel

Designers have a large range of colours at their disposal and most are well aware that certain colours are associated with feelings and emotions. Designers, companies and manufacturers use colours cleverly to promote a certain feeling about their products.

The interpretation of a colour depends on culture, profession, and personal preference. In general, the colours red, orange, and yellow are "exciting" colours and the colorus purple, blue, and green are "calming" colours. It is very important to consider your target audience, the psychology of colour, and the image you wish to project before you construct your web-site, printed materials, and logo. 

What A Customer Sees

Colours also have an effect on your visitors before they begin to read the content of your web site or printed design. Thus, it is very important for you to consider your target audience, the psychology of colour, and the corporate image you wish to project before you complete your design.
When colour is used correctly, it can add impact and clarity to your message and highlight important points. Alternatively When colour is used incorrectly, it can compromise your message and confuse your target audience. The diagram below outlines the main emotions associated with each of the main colours.


Colours and their meanings
The interpretation of a colour depends on culture, profession, and personal preference. In general, the colours red, orange, and yellow are "exciting" colours and the colors purple, blue, and green are "calming" colours. Interpretation of colour is not always a matter of personal preference. For example, in Western cultures the colour white symbolizes purity; however, in China the colour white symbolizes death. 

Colour can also work for your web site and printed materials in various other ways:
  • Colour emphasizes, highlights, and leads the eye to important points or links.
  • Colour identifies recurring themes (i.e. titles and subtitles are usually the same colors).
  • Conversely, colour can differentiate, such as different colors in pie charts and bar graphs.
  • Colour symbolizes and triggers emotions and associations.
To summarise, it is very important to consider your target audience, the psychology of colour, and the image you wish to project before you construct your web-site, graphic design, printed materials or logo.




3D Games Design

The computer games design process is solely focused around the area of computer games. The headings differ from those in the general design process but they are effectively the same steps just broken down further and focussed toward particular tasks. The overall process takes on the form of 3 major stages with each containing a subset of smaller, more specific tasks. 



The stages are called pre-production, production and post-production. As the names suggest the processes central objective is the creation/production of the game. The stages are discussed in greater depth HERE and the application of this theory is explained through text and video tutorials in the 3D Games Design section.
Subscribe to: Posts (Atom)