GRAPHIC DESIGN Icon Design

Tool Icon Design

Icon Design by Gary Crossey

Graphic Design Icon Design by IrishGuy Design Studio Asheville

Icons remain a hot design trend for 2017.
The Flat Design is still a reliable option.

SVG Icons

SVG  (Scale Vector Graphic) Flat Design Tool Icons.
The SVG format provides smooth curved edges.

Why use Icon for Website Design?

Icon Design Graphic Design is about Visual Communication. When people arrive at your site, they quickly scan your web page – looking for something of interest. The modern web page icon provides a visual break for your site visitor.

The Icon is a psychological paragraph. Paired with strong typesetting. The icon can visual help your site visitor connect with your content.

 

Check out our other Icon Designs

Click to view our Icon Design Collection.

 

DESIGN Business Icons

3D Icon Designs

Icon Design - Website

Icons for an Annual Report.

I began by modeling of the icons. Once I had my 3D design together, I created the lighting system with silver and gold lights to heighten the metal texture.

I did experiment will rotating the icons – though settled for a front on view with the 3D displayed as the depth to the icon.

I began the design process by modeling the icons in 3D. Once I had my 3D design together, I created the lighting system with silver and gold lights to heighten the metal texture. I did experiment will rotating the icons – though settled for a front on view with the 3D displayed as the depth to the icon.

With the expectation of the Interface Icon, the artwork was simple outlines then extruded to 3D.

Icon – Disc

Software Division
Icon Design by IrishGuy

Icon – Eye

Icon Design Eye

Icon – Mouse

Icon design mouse

Icon – Interface

For the interface icon, I extend the 3D style by including tall handles.
Icon design interface

Icon – Lightbulb

Icon design lightbulb

Business Icons in Action

Business Icon Designed by graphic designer Gary Crossey

Graphic Design Sample - Icon Layout

DESIGN: SEO Icon

Icon Design

Icon Designs are fun to create. Fun to make and fun to use. There are endless images to enjoy. With countless joyous treatments. 

SEO Icons

The SEO icons created for the Asheville Web Design firm IrishGuy.info.

Asheville Icon Desing created by Gary Crossey for IrishGuy

Icon Design for IrishGuy website design and seo services

Asheville Graphic Design Example - Icon Design for Website Design and SEO service business

asheville_adobe_training_irishguy

asheville_wordpress_training

asheville_google_app_drive_computer_training

My Icon Design Process

I manage my design project with three easy steps.

  1. Discover.
  2. Design.
  3. Distribute.

ICON DESIGN – Discovery Stage.

Successful design projects begin with research and discovery. Unlike other items of graphic design. The Icon has to bashfully obey two functions.

Functions of an Icon.

  1. Be able to stand out alone.
  2. Remain part of the group.

The modern icon is not a one trick pony. A thoughtful icon will both visual unite and stand solo. The aesthetics of the icon design makes it engaging. Icons rarely function alone. Icons work harmoniously within a larger design system.

My design research begins by considering the audience. Who might use these icons? If I am designing for a company in the UK or Europe, I may reconsider some of the case symbols. Establish cultural and traditional visual guidelines.

ICON DESIGN – Design Stage.

The design problem of creating icons. An Icon has to stand apart while being the same. Keeping icons simple and easy to understand is essential.Overly complicated icons are difficult to grasp. Limit how many design elements to include.

Icon Design Perspective

Icons observation. Any which way. It is a good idea to keep your icon collection in the same Perspective. If you have your icon positioned at a particular angle – maintain the same angle for the icon collection.  Keeping a consistent viewpoint will help establish a consistent icon set style.

Universal Icon design mistakes.

  • To make elements or unnecessary elements.
  • Unnecessary styling – perspective, bevel, shadows.
  • Misunderstood metaphors.
  • Misused national, international, and social characteristics.
  • Use text in icons.
  • Including interface features in icons.
  • Insufficient individuality between icons.
  • Lack of aesthetic unity.

ICON DESIGN – Implementation Stage.

The final and most important part of the design process. Does it work? The implementation stage is more than just getting the design out there. During the Implementation Stage, I am looking for ways to improve and strengthen the design message.

Questions I ask

  • Are the icon design consistent?
  • Do the colors come together as a unit?
  • Do the icons look like they belong together?
  • If used: are the reflections, shadows, and lighting consistent?
  • Do the icons scale correctly?

Once I am happy with my answers, I then test the icons on real people. I listen carefully to feedback. And value the power of observation . I am always looking for that problematic icon – the one the everyone misunderstands.  For the icon collection success all of the icons have to work together as one language.

 

WEB DESIGN Portal Website

Asheville Portal Website Design

Clean and precise graphic design solution for Asheville Portal site. Showcasing and connecting the six user resources provided by the Asheville design firm. The icon graphics are Scalable Vector Graphics (SVG). The SVG format is naturally a small file size. Small file sizes reduce page loading time.  This website was developed to load in under a second – on any device.

Asheville Portal Website Design Continued