Two Interface Designs

Well here are two designs that i did recently for my portfolio, i have been looking for a job in web design so i thought i would demonstrate some normal templates.

Alien Tech

Well here is a design i made during my spare time after finishing university for the year :)

Please comment :)

Grind House

This is just an introduction logo for a
University Film, more compostion work added to it through After Effects.

Designing With Color

Designing With Color for Interface and web Design

Color on the Web is an excellent way to improve your Web designs. Learn to use color in your Web designs effectively with the color wheel, HTML color codes, and color charts.

Last year at Teesside University i studied the Human Computer Interface, and all the other stuff that goes with designing for a user here i will explain a little bit about colour.

Color Theory - Color Wheels

Here are a few examples of colour wheels:








































Using color wheels and color theory to choose the color scheme for your Web site is good sense. This allows you to put together groups of colors that are harmonious and look nice together remember this Color is a very important aspect of human psychology..

Below is a list of the most common core colors and some of their basic psychological associations. They can be used in your designs for any purpose weather its for a web site, Interface design or other forms that use colour.



Gray – Boredom, reverence, wisdom, dullness, mourning, neutrality, urban, subtlety, decay, dust, pollution

White – purity, innocence, simplicity, security, humility, cowardice, winter, cold, snow, reverence

Black – power, strength, evil, wealth, mystery, death, sophisticated, remorse, sorrow, unhappiness, elegance,
style

Red – Love, sex, passion, strength, energy, fire, excitement, heat, anger, hunger, heat, power, danger, inspiration, masculinity, blood, speed, radicalism, revolution, communism


Blue – peace, unity, harmony, tranquility, calmness, coolness, confidence, water, ice, cold, winter,
dependable, royalty, nobility, truthfulness, idealism, depression, wisdom, seas, sky

Purple – royalty, harmony, good luck, youth, wealth, money, vigor, fertility, greed, corruption, renewal, growth, hope, sincerity, harmony, stability, inexperience, envy, generosity

Yellow – joy, happiness, optimism, intelligence, sunlight, hope, idealism, wealth, weakness, cowardice, illness, hazards, dishonesty, sociability, hunger, fun

Orange– energy, balance, fire, heat, enthusiasm, playfulness, aggression, arrogance, flamboyance, warning, danger, desire

Brown – nature, richness, stability, dirt, filth, poverty, heaviness, tradition, calm, deep, appetite stimulant, simplicity, friendliness, dependability, steadfastness, wholesomeness

Pink – sympathy, gratitude, spring, admiration, femininity, health, love, marriage, appreciation

There are of course variations in the meaning of certain colors according to which region of the world you are in. For example, in the United States black is the color most tied to death but in China white is the color most tied to death. Blue and red are the political colors in the states but in Europe black and red are the primary political colors. Again you can see the difference in the meaning of colors based upon country or region.

Here are a few resource full sites for choosing your colours for Interface Design and for the Web i generally use these sites :

Colour sample and palettes
http://www.colourlovers.com/

The Colour Contrast Check Tool
http://www.snook.ca/technical/colour_contrast/colour.html

Information and tools for colour
http://www.limov.com/colour/

More Colour samples and pallets
http://kuler.adobe.com/

List of colours names for HTML
http://www.cryer.co.uk/resources/javascript/html2.htm

Web 2.0 Colour Palette
http://www.modernlifeisrubbish.co.uk/article/web-2.0-colour-palette

Macbeth Colour Checker
http://www.colourtools.co.uk/cc.htm

AccessColor tests the color contrast
http://www.accesskeys.org/tools/color-contrast.html

Digitmotion Ice Blue

Digitmotion Ice Blue

Well this crazy interface was design by me and Shkumbin back in 2007, we thought about useing this interface for our portfolio http://www.digitmotion.com

Comments and crits welcome.

3D Ridez

3D Ridez

This interface was created back in 2007 it was a design featured for a Car 3D modeling Community :) i think the dark colours and sexy super cars make this look Masclin :D

Comments and Crits welcome.

Digital Anarchy Interface

Digital Anarchy Interface

Here is my mock up for a shop that i was planning to build :) but over the last few months i have been smothered with University Work so i have basically abandoned it for now :(

Comments and Crits are welcome.

Reaction

Reaction

Here is an interface i designed back in 2007 i quite like the shape of this design, and i would go as far to say that its probably useable for a user!

It's partly made so i thought that i would post it up on http://www.deviantart.com/ to get some feed back in the design, i will more than likely go back to this design some day and finish what i start :) but for now leave us a comment on what you think of this interface.

Comments and Crits are welcome.

Old DigitMotion

Old DigitMotion

Here is a print screen of our old site that Shkumbin and i created back in 2007,
it took quite a while to develop the interace and the animations for the project.
This is an realy early version of the site, I just thought that i would post it up here for you all to have a gander at :D

Comments and Crits are welcome.

Hartley Hotels

Hartley Hotels

This is a University Case Study for an ICA on the Human Computer Interface, we basically had to design an interface which was quit graphical yet user friendly, I try ed to keep this layout minimalistic and different.

Comments and Crits are welcome.