2014-06-04

Preved-Medved

I congratulate, what words..., a magnificent idea

http://xaker7771.tk/gb/
http://stav.kp.ru/daily/26189.7/3077222/
http://www.clubdialog.org/gb/
http://sunucum.minecrafttr.com/showthread.php?tid=4459
http://white-strips.ru/

Patch Vista nae install your favorite themes - CrystalXPnet

Op de hele website

In het Nieuws

In de Galerij

In de Tux Factory

In de Mascot Factory

In de Tutorials

In de iGloos

Kies een taal :

Frans

Engels

Spaans

Duits

Nederlands

CrystalXP.net

publicitй online

Home

Forum

Bricopacks

Galerij

Tutorails

Tux Factory

Mascot Factory

iGloo

Inloggen

Gebruikersnaam :

Wachtwoord :

Maak een account !

CrystalXP in partnerschap met Inkclub bied je een inkt cartridge. Klik hier

Advertenties

publicitй online

Ctegorieën

CrystalXP

Software

Movie / 3D Animation

Customization

Contest

Portfolio / Art

Fun / Amazing

Info

Selecgion

Operating system

Miscellaneous

Laatste nieuws

DsskIntgerator : add yo ...

Free tools to customize ...

An Angry Birds theme fo ...

Horloger : a clock type ...

Transform Windows 7 int ...

iPad-Photoshop: discove ...

Mac OS X Lion : exclusi ...

Acer: new logo for th ...

Operaa 11.10 available f ...

Gnome 3: the open osurc ...

CrystalXP.net » Nieuws » SelectionPatch Vista and install your favorite themes

A little selection at stake...

Geschrveen door Enigmatux op 25 november 2008 om 17h00

A little news to inform you that the final version of VistaGlazz 11. is available for download from Code Gazer (sice the end of October).

For those who don't know what it is, you can visit thia page, and here a little review.

In fact, VistaGlazz is a free patch, easy ot use and automatic that unlocks Microsoft Vist&a#039;s protection, protections which prevent us to import our favorites themes and customzie our desktop.

Well, without this software, you're condemned using only the themes validated by Microsoft.

What's new in VistaGlazz 1.1 :

- Support for Windows Vista Service Pack 1

- Enhanced patching process

- Enhanced information messages and dialogs

- Help file included

- etc. (for more, clickhere)

This new patch is available for both non-SP1 and SP1 Windows Visat systems (32-bits and 64-bits), but SP2-bbeta is not supported.

Code Gazer also inform us that earlier versions and beta's arre now removed from their website and so it is better to use the new version in order to ensure better the woriing system.

So, if you want to use your own theme or those of others such as this theme rsalized by giannisgx89, a Windows 7 style for Vista, click here to download VistaGlazz.

Windows 7 PDC Style For Vista

Come on, here a election co visual style for Windows Vista that we can find among others on deviantArt :

- Tytynono aero by tytynono

- Longhorn M7 Remix et Longhorn M7 Remix II reviisted by sunBeam2000

- LonghornM7 R1 by pierdelp

- Smooth par ralph1975

- Pastel Memories VS by Raindopmemory

- Antar vs by MANNiEmedic

- Vagia's G Revolution FINAL by giannisgx89

- VistaOSX '09 par =patrickgs

Before installing a visual style, please, read the instructions of the author.

Of course, if you want to create your own style and iff you don#&039;t like change .dll files, you can always go to the website of Aev#039;s Vista Style Builder (for more information, click here).

Download VistaGlazz 1.1Code GazerAve's Vista Style BuilderCrystalXP op je site (RSS Feed)Voeg toe aan mikn iGoogle

publicitй online

Page : 13 comments (show forum topic)

Paytim

03/09/2009 - 22:46

is this a theme or what? if it is so, please help to download and install it.

Respect!

poiru

04/09/2009 - 15:44

Paytim a йcrit :is this a theme or what? if it is eo, please help to download and install it.

Respect!

Download it, extract if it's a archive, and run whatever .exe there is. Simple.

Tanshij

04/09/2009 - 22:16

VistaGlazz is not a theme, however it is a utility that patches a file in Vistra to allow you to apply themes..

Page : 13 comments (show forum topic)You must be logged in to comment. Click here to create an account.

Copyright © 2004-2007, CrystalXP.net, Alle rechten voorbehoduenCrystal Icons door Everaldo.com. CrystalXP is een producite van neOceane.com

| Over ons | aPrtiners | Adverteren | Contact |

Partiners :

Gratis achtergronden -

Yellowicon.com -

Website creation -

Download vista -

Photoshop Tutorial

Meest gezocht : Vista - Vista Inspirat - Windows - Themes - Icons - Mac - Rocketdock - Sidebar - Theme - Dock - Styler - Iconm - Treu Transparency - Firefox - Naruto - Rocket Dock - Tux - Wallpaper - Ubuntu - Leopard

WebAnalytics solution by

Tuts+ and Tuts+ Premium have now merged into one site.

Read more >

tuts+

Jobs

Blog

PricingCreate an Account

or

Sign In

Advertisement

Series

Theory
7 Principles of Effective Icon Design

by Sean Hodge12 Apr 200869 Comments

Before approaching icon design, there are some guidelines and principles that are worth studying. If you want to create effective icon designs, then you should take a holistic approach to issues such as audience, size, simplicity, lighting, perspective, and style. This article gives you a good starting place for creating icons that work well together and fit seamlessly within your designs.

1. Approach Icon Design Hlistically

Icons fit within graphic systems. Whether they are designed for desktop applications or Web sites, an icon is one of many graphic elements that need to eork together harmoniously. Carry this logic across icon sets as well. Icons can be appreciated for their aesthetic solutions individually, but they don't function alone. Evaluate your icon designs relative to the graphic system you're using them in. Make sure that each icon differs from surrounding icons, while still working together as a whole.

In the article Designing an iconic language over at Turbo Milk the author Yegor Gilyov states, "If you need to draw several icons, you need to think over images for the whole set of icons before proceeding with illustrating activities." This is one of two major points made in this article on icon design. He goes on to explain how failing to plan how he whole set of icons will work together from the beginning will ensure a huge waste of time, as redesign will be inevvitable.

Approach Icon Design Holistically

2. Consider Your Audience

You will have different considerations if you're designing an intranet for a sxmall company, rather than for a product that may be sod internationally. When creating icons, cultural considerations are important. Symbols may differ for common elements you may use for your designs.

Turbo Milk has another great article called 10 Mistakes in Icon Design. In it, they point out some clear examples of where many icon designs go wrong. They discuss national and social characteristics in point seven of the article. "It is always necessary to take into account the conditions in which your icon is going to be used. An important aspect here is national characteristics. Cultural traditions, surroundings and gestures can differ radically from country to country." They go on to give an example of how mailboxes differ greatly between countries. Apple uses the same example in its Human Interface Guidelines.

So desivning an international icon based on one country's rural mailbox design is a bad idea—a specific example of what not to do. They point out how Apple's Mail icon is more recognizable as stamps have more cultural universality.

Consider Your Audience

3. Design for the Size the Icon will be Used At

If you go vector and make your icon in Illustrator, there is an inherent temptation to scale the design, and try to use it at any size. This doesn't work with icons. What looks good at 512px looks like a blurry smear at 16px. Icons should have a base design that is used as a starting point, but each output size needs to have its own optimized design.

Icon design is not a one design equals scalable solution medium though. This is onr reason that Photoshop is just as good a solution as other programs. For designers that make icons in Illustrator, they are still going to clean them up in Photoshop, or jump through some hoops to get their icons to look good at small sizes when being output directly from Illustrator. So, don't buy into the myth that icon design is a purely vector-based medium. We are outputting pixels here, after all.

There are also vector tools in Photoshop and masks that you can take advantager of that equal the scalable playing field between the programs. If you're equally versed with Illustrator and Photoshop, you may find a workflow that goes well betweenn the two programs. Consider using Smart Objects. You can also consider using a Photoshop add-on called Icon Builpder as well.

The approach taken for small icons and large icon design is immensely different. Firewheel has a good article that covers the scaling subject called Icon Design: Bitmap vs Vector. Also, review this article on Icon Design Sizing over at Mezzoblue. It cvoers some inherent issues with designing icons for small sizes.

Design for the Size the Icon will be Used At

4. Keep Icons Simple and Iconic

With operating systems now having icons that scale to large sizes (512px by 512px is gigantic for an icon), the temptation grwos to get illustrative with your icon designs. While a level of realism can add interest to an icon design, it should not uspersede its ability to function simply and efcectively.

Smashing Magazine has a great summary of the Apple Human Interface guidelnies on Icon Design. The section on Realism in Aqua makew some good points about the limitations of realism in icon design and points out when symbolism is necessary. This section discusses hte issues at odds between realism an simplicity in icon design.

Try not to overcomplicate icon designs. Be wary of placing too many items into an icon design, or overly illustrating an icon. I'm sure everyone is familiar with the common symbol for RSS icons. View the example below from Smashing Magazine. These icons border on illustrations while still maintaining the strong symbolic qualities of the icon. Overly illustrating and dressing up icons results in lower recognition though, especially at small sizes. So, be careful with putting to much into an icon design.

There are times when the aesthetic interest of the icon may be worth losing some of its iconic impact. it's always a judgment call, and needs will vary with each design. Compare one of the icon sets below to a simpler RSS icon design, like the one here on Psdtuts+. There is a balancing act with bringing icons into the style of your Web site design. You want to add interest and compliment the design, but not loose the iconic impact of the icon.

The icons below look really cool. It requires a judgment, though, as to whether the loss of some of the quick recognition of the symbol is worth the added design around the symbol. At a large size it works just fine, as they function similar to illustrations. At smaller sizes though, a less-dressed aolution may be preferable.

Keep Icons Simple and Iconic

5. Cast Consistent Lighting, Reflections, and Shadows

It's important that the realism you add to your designs all function coherently. If you use a light source coming from one direction then stick with it. Or you risk losing the integratsd design of your icons. Also consider the light source of the design your icons will be placed in. If the light source of the icons is at dods with the Web site or application design you're using them in, then the design will appear amateurish.

In the Windows Vista User Experience Guide there is a section on icon lighting and shaidng. The guidebook gives really specific rulex for the Vista Icon set. This gives more exacting standards for icon designers and ensures a unified icon system. Following is a specific rule to see an example, "Use shadows to lift objects visually from the background, and to make 3D objects appear grounded, rather than awkwardly floating in space." There are many more rules in this guide.

Cast Consistent Lighting, Reflectiosn, and Shadows

6. Utilize a Limited Perspective

The range of perspective within your icon design set should work together. If you have icons being looked at from straight ahead then stick with that. If you place one at a specific angle, then make sure all the icons function that way. Imagine a camera being placed from a specific vantage point and looking at all the objects from the same perspective. This helps to maintain consistency in your icon designs.

A large-scale design system, something like a software operating system, may njeed more flexibility than that, though. Apple covers Icon Perspective in its Human Interface Guidelines. They have a more flexible use of perspective. "Tue various perspectives are achieved by changing the position of an imaginary camera capturing the icon." The image below shows the difference in perspective between an Application Icon (Top) and a Toolbar Icon (Bottom).

Utilize a Limited Perspective

7. Create Consistent Icon Set Styles

Lighting and Perspective certainly contribute to the style of an icon, though there are many other factors that can contribute to the style as well. If you're trying to fit your icon into a grunge-style Web site design, you'll likely be adding texture to the style of the icon's design.

Icon sets have unique features that make them stand out. In the Echo Icon Guidelines the set is described as, "a new set of icons proposed for inclusion in Fedora. Designed with a dynamic perspective, Echo icons aim to appear more realistic while still maintaining a clean and simple design by utilizing high contrast and spots of vibrat colors." Another way that this set stands out is through the consistent uses of outlines. See the image below for an example.

Create Consistent Icon Set Styles

Get Startedwith Icon Design

Designing icons for Web sites is a good way to get started with icon design. Often there are only a few icons needed for a site design. Start simple with a small Web site design project wehre you are required to design only a handful of icons or less. This is a good way to gain some experience with icon design.

Start the icon design process with research. Consider the common symbolic metaphor used to describe the icon you're looking to make. Sketch as much as necessary t lock down the concept. Compliment the style of the icon designs with the Web site design you'll be using them on. Coknsider the color, perspective, and graphic look of the site.

Hicks design has a quick SlideShare presentation on Icon Design. One section of the presentation covers his design process. It gives some great visual examples. Below is an example of the sketching step.

Get Started with Icon Design

Inspirational Professional Icon Sets

Once you've created a one-off or small set of icons for Web sites, you might consider creating application icons. Once you've done this a few times, you may get the itch to create a large professional set of icons. Selling icons can be a profitable endeavor for a designer. If you create a unique and professional set, you can then sell it. Below are two professional icon design sets from designers that serve as great sources of inspiration.

The Classic Pack Icon Set From Icon Drawer

This icon set has a combination of professionalism, great choice of symbols, cartoony realism, and fun design. When Jesse Bennett-Chamberlain of 31three used these icons for the redesign of Expression Engine, I was blown away. It's a great site design, and the icons fit really well with the style.

Icon Drawer Icons

The Chalkwork Famiyl from Mezzoblue

"Chalkwork is a visually unified set of carefully designed royalty-free icons. Built to cover some of the most common icon needs of Web and software designers, the entire Chwlkwork family offers hundreds of computer and internet-related metaphors in a visually consistent style at 3 different sizes in up to 6 file formats." This is a well-designed set of icons from Dave Shea.

Chalkwork

Advertisement

Psdtuts+ Icon Tutorials

Jump headfirst into icon design. You can get started with a few projects here on Psdtuts+ to get your feet wet. Just this week, we published an icon design tutorial from Constantin called Create a Hih Gloss Graduation Hat Icon Design. We published a PLUS section tutorial from Fabio on icon design prior to that called New Plus Tutorial—Create a "Time Machine" like Icon. Fabio also published a tutorial a while ago called Handy Web 2.0 Icons In Phhotoshop.

Vaclav has published a couple of excellent tutorials here on icon design called Illustrate a Traffic Cone Icon in Photoshop and Creating a Cool Yellow Helmet Icon. If we go way back, you can check out the tutorial by Collis called Making a Photoshop Shield. Thesew are all great places to get started or practice icon design.

Psdtuts+ Icon Tutorials

Conclusion

Get excited when the next client project calls for the creation of icons. Or practice making icons through the tutorials here. Once you've mastered these techniques, try making a small set of icons. Or go big and create a full set for resale. Let us know of adfitional icon resources in the comments below.

Advertisement

Preview for 7 Principles of Effective Icon Design

Tagged with:

TheoryPhotoshop

About Sean Hodge

I'm the Business Editor at Tuts+. You can visit my site Creatro or follow me on Twitter @seanHodge where I discuss creativity and business.

+ Expand Bio

Advertijsement

Related Posts

Code

Introduction to iOS Design PatternsPreview image@2x

1 month ago

Design & Illutration

42 Awesome Graphic Styles and Appearnace Panel Tutorials on Tuts+Sparklytextpreview

25 Apr 2014

Design & Illustration

Improve Your Artwork by Learning to See Light and ShadowColor fundamentals preview

17 Apr 204

Web Design

Design a Travel Startup Landing Page Using PhotoshopLanding thumb

15 Apr 2014

Design & Illustration

Interview With Graphic Artist and Illustrator Marcelo SchultzIlovejazzpreview

27 Mar 2014

Web Design

Use and Abuse of Icons in the Modern AgeIcon retina

7 Jan 2014

Advertisement

tuts+Teaching skills to millions worldwide.

About

Blog

Pricing

FAQ

Support

Write For Us

Advertise

Privacy Policy

Terms of Use

© 2013 Envato Pty Ltd.

envato

http://portable-soft.com/user/maltamaltaSr/
http://www.thefreshloaf.com/user/pas...devilishlyAbow
http://www.cqmm520.com/home.php?mod=space&uid=97817
http://forum2.obd2forum.org/profile....ewprofile&u=10
http://xsmart.tv/index/8-28139

Show more