Navigation is certainly a very important part of web design and an important aspect of thinking while designing a page. Today we gathered a few examples of navigation menus to show you. Positioned by clear and simple typography-based menus to colorful and fixed ones, there are a lot of examples to inspire you. For the best tutorials, Follow netglos @twitter and netglos.com In Motion In Motion is using nice and colorful icons to navigate the [...]

While many of us can create something that looks good in Photoshop or attractive when spliced into CSS, but do we actually understand the design theory behind what we create? Theory is the missing link for many un-trained but otherwise talented designers. Here are 50 excellent graphic design theory lessons to help you understand the ‘Whys’, not just the ‘Hows’.   Typography 1. Typography, Part 1 “Good typography depends on the visual contrast between one [...]

The world has become tightly connected since the internet. The web itself has replaced the practice of reading newspaper. Most of us now communicate through e-mails instead of paper and pen. We now watch networks or movies online, it has even become a wide business venture, so much so we can now make purchase and pay our bills through the internet. The web has also transformed friendships through various social media. It also provides us [...]

A website is never done. Everyone has worked on a project that changed so much after it launched that they no longer wanted it in their portfolio. One way to help those who take over your projects is to produce a style guide. Edward Tufte once said: “Great design is not democratic; it comes from great designers. If the standard is lousy, then develop another standard.” Although there’s no stopping some clients from making their website [...]

To be successful, every web and app designer has to communicate ideas to clients in a clear and effective manner. You can’t have clients imagine your ideas, the client has to SEE them. Web site mock ups are the perfect way to pass on your ideas so they can be approved or modified easily and efficiently. Here we have listed the best Graphic user Interface elements in the web. (GUI) From icons, to buttons, menus [...]

BADGES Web 2.0 Badges – A set of free badges to download and use in your own designs. Fresh Badge – Quickly generate your own badge. adClustr – Starburst badges. Deziner Folio – A collection of different badges. BittBox – Free vector badges. Official Seal Generator – An alternative to the typical badge. Photoshop Tutorial – A quick lesson on making your own badge. Glossy Photoshop Tutorial – Create a glossy badge with this tutorial. [...]

In this web design tutorial, we’re going to learn how to create a clean-looking and modern website layout. We will take advantage of some fundamental techniques and tools — such as custom shape tools, selection tools, and clipping masks — and end up with a nice and professional web design. Ready? Let’s get started! Author: Mahmoud Khaled Mahmoud is a young web and graphic designer from Egypt. Apart from that, he also enjoys blogging and [...]

If you are a graphic designer looking for freelance graphic design jobs or full-time graphic design jobs then you have come to the right place. Below is a list of 10 great places to find graphic design jobs. Most of these sites will also be extremely useful for other creatives such as web designers, animators and illustrators. What if I’m not looking for a job yet? One of the best things you can do is [...]

Good evening everybody welcome to another tutorial by HV-Designs. In today’s tutorial I’ll be showing you how to create a sleek web design company style web template. The Final Layout Once completed you should have something like this. Lets Get Started Start off by creating a new document with the following dimensions “1200 x 1400″, don’t worry if the document seems big as you can crop the canvas when finished. Select the rectangular marquee tool [...]

Purpose: Have a sliding horizontal bar, highlighting your horizontal menu Difficulty: Intermediate In Short: Using simple actionscript to create the movement. Actionscript used: (sample) easeSpeed = 5; //slider_mc is your Movie Clip’s name, not the Instance Name. slider_mc.onEnterFrame = function() { this._x += (xMove1-this._x)/easeSpeed; }; button_1.onPress = function() { xMove = button_1._x; }; button_2.onPress = function() { xMove = button_2._x; }; button_3.onPress = function() { xMove = button_3._x; }; button_4.onPress = function() { xMove = [...]