Limited amount of color, reserved shades, clear elements, soft lighting are being used for simple web icons design. Simple web icons are produced out of elegant and simple elements which don’t distract web site visitors from the main navigation and web site idea.

These rules for simple icons design can be outlined:

• minimal usage of duplication
• less amount of graphical elements
• maximum intuitive clarity
• clear typography in simple web icons
• less icons

Some important tips for developing a minimalistic design with simple web icons

Additionally to simple icons themselves lightweight background textures and patterns are important for the design and content perception. The eyes should focus on the website content or some main blocks but not on the background pattern or image itself. So the background should be of a light simple shade making it secondary compared with the foreground items like simple web icons.

Clear typography is another prominent feature of the lightweight and clear design. Choose simple icons names in accordance with their function and remember that such names ought to be precise, as well as meaningful. Headings placed on simple web icons need to be of readable font and huge enough for easy reading. Clear hierarchy need to be followed as well.

Enough white or empty space is useful for creating a great clean simple icons design. Extra spaces keep elements more readable. As a result it is faster and easier to work with them. Some extra space between simple web icons will do your design no harm at all.

Speaking about the minimalistic trend in most cases it isn’t totally minimal. Nevertheless the dominance of white space there are still some simple icons, light textures, neat styles and bold fonts. Minimal is not exactly the same as simple. Initially minimal meant plain typographic excluding images and styling. But modern day design demands something much more than black text on white background to make your website distinguish among thousands of other plain internet sites. Add more zest to your web page layout with a help of some unusual coloring, catchy simple icons, half-transparent and lightweight textures and patterns. Also reduce design elements to the most essential items.

Simple is often used like a synonym of smart. Simple web icons is the best solution if you’d like your internet-site look wonderful and professional.

2D Icons items:

• raster pictures (digital graphics);
• styled text as a typeset for 2D Icons;
• vector models (geometric graphics).

The above-mentioned items can be managed by 2D transformations for example rotation, scaling or angular position and many others. Meshing simple models you may get more advanced ones.

Due to the layers technique 2D icons can create the illusion of all 3D characteristics like shadow, reflection or highlighting. The layers should maintain the definite hierarchy and order carefully. This makes editing 2D icons and similar objects simpler.

2.5D Icons as the pseudo 3D kind of 2D Icons

The layered 2Dicons may also be generally known as 2.5D models. This technology enables web-site designers to work with any layer without touching the others. This type of 2D object creation is liked by the most of the leading graphics editors.

2.5D is a synonym to pseudo 3D and is interpreted as “two-and-a-half-dimensional” graphics. Models created with 2.5D technology look like tridimensional while in fact they aren’t.

This technology used for designing 2D web icons is often attained by the special lighting effect. 3D illusion can be reached due to the virtual light source to the left or to the right side and above the users monitor.

]]> http://greatflashbasedcms.wordpress.com/2011/02/26/find-out-all-about-2d-icons-and-models/feed/ 0 derbyone http://greatflashbasedcms.wordpress.com/2011/02/26/line-icons-details/ http://greatflashbasedcms.wordpress.com/2011/02/26/line-icons-details/#comments Sat, 26 Feb 2011 02:51:26 +0000 derbyone http://greatflashbasedcms.wordpress.com/?p=76 ]]> Lines are more often used for outlining the contours of objects and emphasizing edges. If placed and designed reasonably, line icons can be the excellent decoration of any minimalistic or clear web design.

Line icons – to be or not to be….

Lets find out what line actually is. The shortest definition is the next: line is a form that contain both width and length but eliminating depth. The line is not only straight but more often curved. The lines can provide some appropriate mood or feeling of a movement. In spite of the being static shapes, Line web icons can create an illusion of the dynamic objects. The mood is generally being conditioned by the lines direction. For example horizontal lines in Line icons bring the feeling of calmness, peace and stability. Speaking about the vertical lines – they strive for the light movement. The diagonal lines reveal energy along with stronger dynamic feeling. If you want to create refine and ultra-modern line icons designs you should use combination of straight lines and curves.

Line art background

Curve stitching may be the first type of line art known to the artists. This type of line art was developed with a help of threads of different colors and needle. The canvas was a cardboard first. This movement is also well known as “String Art”. It’s founder was a Mary Boole. He created it as the accessory material for children to assist them to study geometry of angles and spaces. Line art lived also in the form of illustrations for print sources before the photography was created. At that time line art involved only black and white colors. Also some tones of gray were also acceptable.Appealing to both technical and creative sides of human nature, line art combines geometry and art. Designing Line web icons may develop special imagination and creativity along with calculation skills.Line art has an ability to be printed to the halftone pic with no extra conversion. Thus it’s different from photography or multi-color painting. This kind of art is named line drawing and line copy too.

Minimalistic web design

Minimalistic design implies simplicity and lightweight elements such as Simple web icons. This kind of icons does not have complex wordings, figures, textures and patterns. Sometimes less even indicates more. It depends on areas and extent. Website design is exactly that area.

Minimalistic design is quite an unexpected trend at present. High modern technologies often lead to the loss of simplicity. Nowadays the modern trend is to mix minimalistic web site design with CSS3 and HTML5. Simple does not necessarily mean primitive. Web site that uses simple design often has off-color effects and also actively use CSS and Ajax.

The most significant features of the modern simple internet site design:

• grid based design;
• simple icons;
• light shading and reserved color transition;
• light texture of patterns and backgrounds (often transparent like);
• more empty or white space;
• simple shapes and figures, clear lines;
• less amount of various bright colors;
• readable and clear typography;

One additional technique is adding some halftones and shades to the object. It can be done by using short lines and crosshatching. Don’t afraid to vary their frequency and pencil pressure. And this variety impart more three-dimensional look to the object. So this technique is extremely helping in creation of impressive Line icons, logos and buttons.The lines with the dots not combining the singular elements are classified as open lines. The lines can as well be parallel, gesture-like, contour and so on. You may be wonder what’s bezier curves in computer graphics? It’s such sort of the curves which are essential for creating complex line shapes. These curves are real helpers in creation of the vector shapes such as line icons, unusual buttons etc. Nowadays computer technologies reached such a level when it becomes possible to reproduce the identical designs or just build new shapes that based on some older ones. The wonderful thing – you can do it without extra efforts and time. Another benefit is that you can easily go back to the previous adjustments with a help of the history panel. So you don’t have to design Line icons from scratch after you’ve made some errors.

What is retro and how it is realized in the modern day internet site design industry

In modern art retro becomes some conscious norm. You can easily find sights of retro style in the contemporary web page design in the form of vintage icons, old-styled backgrounds, aged photography etc. It is obvious it gives some zest to the feel and look of the ordinary web pages.

The new retro style quite often incorporates the Web 2.0 look with a vintage twist. It requires good recipe of combining the ultra-modern clean blocks and the outdated, aged design elements like Vintage web icons, styles and color palettes.

Retro came from the70s and 80s. Speaking about retro advertising art it appeared in 1950. Computer technologies allow to put a new face on this type of art using its characters in web design and printing. These faces outlined in the vintage web icons are more often retro cars, pin-up girls, soldiers and politicians of the former times.For sure among the most often used retro cars are Fiat 500, the 1970 Dodge Challenger, the 1969 Chevrolet Samara, the 1964 Ford Mustang etc. Vintage web icons may contain hints to retro cars concepts for attracting more interest to your website layout. This is the great idea for websites that have a deal with auto sales, transporting services, tour sites etc. Also you can face a such common character as a pin-up model that is used in vintage icons design as well as other website graphics styling. Often it presents images of how the really sexy and beautiful woman should look like. If you are an owner of the site regarding health and beauty areas or the model agencies – bear in mind that you can use pin-up images that are great for vintage web icon.

In case you have a online business that is connected with military and security guard you may effectively use images of soldiers and officers with outdated appearance to attract much more attention and win the visitors trust.

Usage of specific characters is not limited to the above-mentioned ones. You may apply creativity and use them unconventionally. Thus you will surprise your visitors. So far as you know it is a good way to turn your potentional customers minds to your web business.

Vintage Icons Patterns

Vintage patterns recommended for usage in vintage icons design is the following:

• patterns containing vintage papers;
• with vintage frames;
• with outmoded florals;
• paper and bagging, gold-cloth as the texture fabric;
• wooden or bronze textures for vintage icons.

For producing vintage icons titles, content headings and texts you can use such authentic fonts as Matchbook, Bazar Medium, Embossed, Hill House,-Fontleroy Brown, Fusty Saddle, Just Old Fashion, Goudy Bookletter 1911, Rocket Script, Parisian, Star Avenue etc. Feel absolutely free to discover and purchase on the net the best suitable fonts that will perfect match your design.

If being relevant to the topic, general style and idea of your web site vintage-inspired layout is supposed to look fashionable and appropriate, but no old-fashioned. If you create the cozy and noble, antique feel using Vintage icons, images and styled blocks for the online site layout, your visitors will come to your site with a grateful smile over and over again. They will feel more comfortable and cozy at your internet site.

But try to avoid stuffiness in your vintage design look. Do not forget that the major focus should be made on the products, services or content of your website not on the website design.

As far as you know internet sites require special means of representation and promotion. Probably the most successful way is of course including realistic icons into the web design. Certainly icons will help users of your web site to get a quick initial impression of your online business and also products that you offer. If you need to make icons noticeable – place them on the website’s home page.

Certainly if you wish to have icons that fulfil all your demands you need to hire the professional designer who can make some unique set of icons. But take into account that such method of creating of realistic icons is quite expensive and takes a great deal of time. The custom order result still remains indefinite Sometimes even professional web-site designers create not exactly that you want. Sometimes some of web site designers simply take icons that were created earlier and vary colors and shades, use some other effects and sell realistic icons as unique items.

Another way of getting awesome web icons is finding authoritative icons resources. You can simply find a great amount of various Realistic web icons stocks and providers over the internet. The excellent advantage of this kind of of getting web icons is that you see what you pay for. The price may be lower than in case with custom orders. Besides, you save much valuable time. Thus for finding nice and inexpensive realistic icons stocks are much more preferable. All these advantages make icon stocks the great deal.

Realistic Icons Tips

If you decide to make a realistic icon first of all you need to build the basic pictograms. It should look simple and motivated enough to create one icon significantly differ from another. Also it should look vivid enough if being displayed at worse resolution. The person should be able to identify the icon meaning just by looking at its outlines for a short time period. How to check your icons? If it is possible to discern the icon within less than a second – it is well done.

When you find the formula of the basic silhouette and it is stable you possibly can make realistic icons more eye-catching with a help of decorative elements. Don’t overload icons with the details and color tints. Icons should look well design and also reserved. You can make the edges anti-aliased. So bear in mind the simple rule – the decoration should not detract from the icons essence and functions.

The icons are often stored in vector format that makes it pretty easy to edit. You’re free to resize, rotate, adjust the edges and edit outlines, change the color scheme and add more details etc. So you don’t have to be an experienced designer or an artist to use them.

If you want to design the interface layout of the new software program or IT services – Realistic icons may be very useful in this task. Bear in mind if you wish to create high quality and eye-catching realistic icons you need to be patient because it is not easy. Truly realistic pictures may be produced only if you take and modify the high-resolution photos. So keep this in your mind.

Being originally based on vector graphics devices 2D computer graphics traces back to the 50s. Today2D icons are one of the most significant two-dimensional digital design items.

What’s actually 2D?Generally it is being associated with computer graphics and determined as the two-dimensional way of digital images generation. Two-dimensional models are mostly 2D geometric ones, digital images and texts. The term 2D comprises not only the models themselves but the techniques and tricks specific to them as well.

2D web icons and objects are independent objects with their own semantic value. 2D graphics can help you to get much more direct control of the image than 3D technology. This one of the reasons why they’re so preferred in the world of modern web site design.

The successful web-site should include your potential customers expectations. For this purpose use the right business icons, buttons and styles for content blocks.

Firstly you need to decide what is the main audience of your web-site and what do your potential customers expect. Starting with the results of this research you should choose the appropriate name, hosting provider, content and design style. Also think over exactly what colors and styles of business icons and also other design elements should be used to reflect the business area your company presents.

Make sure you remember that different colors evoke certain emotions in various groups of people. For example, you’ve got a night-club related business and wish to develop awesome web presence. Use business icons of bright disco colors and unusual forms and you’ll get the wonderful result. You may design them to give a dynamic and lively feel, air of relax and pleasure to your website. Also in such a case pay attention to the fact that tints of red as manifestation of passion and sex are pertinent for business icons, logos or buttons. But don’t use bright colors if you need to develop the web site for some consulting company. Web development should be clear, calm and reserved. You should avoid playful lines and light-minded graphics. Cool colors and simple recognizable shapes of business icons are preferable. Such a web-site will make your potential clients believe into professionalism and stability of your company.