Search & Directory | News Aggregator | Glossary

 

Web Design Critique #7: Web Icon Set

July 9, 2010 23:07:18

Every week we take a look at a new website and analyze the design. We’ll point out both the areas that are done well as well as those that could use some work. Finally, we’ll finish by asking you to provide your own feedback.

Today’s site is Web Icon Set, a web design inspiration gallery.

If you’d like to submit your website to be featured in a future Design Critique, it just takes a few minutes. We charge $24 for critiquing your design – considerably less than you’d pay for a consultant to take a look at your site! You can find out more here.

Web Icon Set

The site seems like it is still in the early stages of its launch period but it already has a few really nice looking icon sets free to download and use in your next project.

Here’s the home page of the site:

screenshot

The Good

Let’s start off by looking at the portions of the site that were designed really well. It’s definitely an attractive start so there are plenty of style points to hand out.

The Icons

screenshot

This site is all about icons so the most important question is: are they any good? The answer is yes. The icons are thoughtfully designed, meaning they’re actually useful to designers, and they look great too. Right now there are only a few sets available but I look forward to seeing more added in the future.

The Navigation

screenshot

I like the 3D wrap around effect on the navigation bar as well as the subtle letterpress effect on the subcopy for each item. When you hover over an area, the text turns blue so you definitely know these are links. It would be nice to see this area stand out a bit more but overall I like the direction here.

The Sidebar

screenshot

The sidebar is a nice quick reference for the available icons. This will really come in handy when the site has more icon sets to browse through. The graphical previews here are bright and colorful and really grab your attention as you’re browsing the contents of the page.

Areas to Improve

Now that we’ve see a couple of the areas that work well, I’ll point out a few ideas that I have for improving the overall experience and design of the site.

Typography

screenshot

I think the mixture of font styles on the site is clashing. The big odd one out is the sort of cliche 90s brush script used in the logo for the site. If only one thing gets changed on this site, I recommend that it be this. If you’re looking for some quality free fonts, try FontSquirrel and resist the temptation to choose the craziest font you can find. There are plenty of really nice and highly readable options that still provide you with a unique look.

Background Graphic

screenshot

I don’t mind the swooshy rainbow thing going on in the header but I think it ends far too abruptly. I recommend just continuing the graphic and curving it out the top of the site or at least giving it a much more gradual fade out. The harsh cutoff has a quick fix feel to it and feels a little like seeing duct tape on a leaky pipe.

Grammar and Spelling

screenshot

I’m no English professor so I usually avoid pointing out issues like this lest you all start attacking my sentence structure. However, the site really is suffering from the clunky wording on a few of the copy points. For instance, “We regularly adding more great icons!” should be changed to something like “We’ll be regularly adding more great icons!”

Further, the logo states “Provide you with the best professional and quality icon sets.” This could be tweaked to read “Providing you with the best professional quality icon sets.”

Finally, there are several typos in the keywords for each icon set: “inclides” instead of “includes,” “Porducts” instead of “products,” etc.

Your Turn!

Now that you’ve read my comments, pitch in and help out by giving the designer some further advice. Let us know what you think is great about the design and what you think could be stronger. As always, we ask that you also be respectful of the site’s designer and offer clear constructive advice devoid of any harsh insults.

Interested in having your own site critiqued? You can find out more here.

- [Read more]

50 Examples of Drop-Down Navigation Menus in Web Designs

July 9, 2010 14:53:38

“In this collection are many different types of drop-down menus used in websites all over the web for your navigation design inspiration.”

View Post

- [Read more]

CSS Design: Kaleidoscope App

July 9, 2010 08:00:00

This page is simply a beautiful piece of web design and is one of my all time favorites.

The page is broken up into individually designed sections to show off the apps features. Each section has a unique and attractive theme.

There are subtle touches throughout that are simply superb. Be sure to keep an eye on the logo at the top!





This design was featured on the 9th July 2010 . It falls under the category of Software, and has a layout style of Other.

If youd like, you can visit this site, or view all our other featured designs.



- [Read more]

CSS Design: WebINK

July 9, 2010 08:00:00

WebINK is yet another service for using better fonts on the web.

Ironically enough, I think the typography could use a little work on the page but the overall design is attractive and well organized.





This design was featured on the 9th July 2010 . It falls under the category of CSS, and has a layout style of Three Column.

If youd like, you can visit this site, or view all our other featured designs.



- [Read more]

Brookside Resort

July 9, 2010 07:16:11


- [Read more]

Joshua Sortino

July 9, 2010 07:16:10


- [Read more]

Wanted: Cocos2d iPhone programmer

July 8, 2010 22:36:43

Wanted: Cocos2d iPhone programmer:

I am looking for an iPhone programmer to help finish a small arcade-style game. If you are interested or know anyone who might be, please refer to this forum post at the official Cocos2d iPhone…

- [Read more]

#musicfortoday Promo Mix #2. Visit the Soundcloud page to check...

July 8, 2010 20:49:21



#musicfortoday Promo Mix #2. Visit the Soundcloud page to check the tracklist. 

- [Read more]

250 Quick Web Design Tips (Part 2)

July 8, 2010 15:14:36

“This is the second part of a 2-part series. In this second part, we will cover development and marketing tips.”

View Post

- [Read more]

Increasing Innovation With Hack Nights

July 8, 2010 14:33:16

A brilliant custom-designed blog post about devoting real time to getting your pet projects off the ground.

View Post

- [Read more]

Occam’s Razor: A Great Principle for Designers

July 8, 2010 14:29:41

“In this article, we’ll show you how to use Occam’s Razor to create better websites and to enhance the user experience, both for yourself and your clients.”

View Post

- [Read more]

100 Must Read Design Blogs

July 8, 2010 14:04:25

In my daily search for design-related content I’ve come across tons of really stellar blogs. Recently I noticed that the list of sites I regularly check in on had far surpassed 100!

I know there’s no shortage of lists like this but I still wanted to share my discoveries with the Design Shack readers. Some of the blogs below are quite famous, others are fairly obscure. Most are specifically about design, others are more for supporting subjects like freelancing or photography. So without further adieu, here’s my list of over 100 must read (or watch for the video sites) design-related websites.

Like the article? Be sure to subscribe to our RSS feed and follow us on Twitter to stay up on recent content.

100 Design Blogs

52 Weeks of UX

screenshot

A

Abduzeedo

screenshot

ActiveTuts

screenshot

Adobe TV

screenshot

AETuts

screenshot

A List Apart

screenshot

Arbent

screenshot

Astheria

screenshot

A Way Back

screenshot

B

Blue Faqs

screenshot

Brand New

screenshot

C

Carsonified

screenshot

CGTuts

screenshot

Colorburned

screenshot

Colour Lovers

screenshot

Creative Fan

screenshot

D

David Walsh

screenshot

Design Chat

screenshot

The Design Cubicle

screenshot

Design Informer

screenshot

Designing the News

screenshot

Design Instruct

screenshot

Design Mag

screenshot

DesignMess

screenshot

Design Reviver

screenshot

Design Woop

screenshot

DoctypeTV

screenshot

DzinePress

screenshot

E

Elated

screenshot

Entropia

screenshot

F

Finch

screenshot

Freelance Switch

screenshot

G

Graphic Design Blender

screenshot


I

iLoveColors

screenshot

ImpressiveWebs

screenshot

Information Architects

screenshot

Insic Designs

screenshot

Inspiration Feed

screenshot

Inspired Mag

screenshot

J

Janko at Warp Speed

screenshot


L

Layers Magazine

screenshot

Line 25

screenshot

Little Box of Ideas

screenshot

Logo Design Love

screenshot

M

Media Loot

screenshot

MyInkBlog

screenshot

N

NetTuts

screenshot

O

One Extra Pixel

screenshot

Outlaw Web Design

screenshot

P

Pelfusion

screenshot

Photography Served

screenshot

Posh CSS

screenshot

Pro Blog Design

screenshot

PSDTuts

screenshot

PSD Vault

screenshot

Pulchry

screenshot

PVM Garage

screenshot

R

ReEncoded

screenshot

Richworks

screenshot

The Roxor

screenshot

S

Share Brain

screenshot

Sick Designer

screenshot

Six Revisions

screenshot

SmashingApps

screenshot

Smashing Magazine

screenshot

Smashing Share

screenshot

Sohtanaka

screenshot

Splashnology

screenshot

SpoonGraphics

screenshot

Spyre Studios

screenshot

T

Think Design Blog

screenshot

Thomas Maier

screenshot

Tripwire Magazine

screenshot

TutToaster

screenshot

Tutorialzine

screenshot

TutWow

screenshot

Typesett

screenshot

Typography Served

screenshot

U

Underworld Magazines

screenshot

Usable Efficiency

screenshot

Usability Post

screenshot

UX Booth

screenshot

UX Mag

screenshot

V

Vandelay Design

screenshot

Vectips

screenshot

VectorTuts

screenshot

Vooz

screenshot

W

W3Avenue

screenshot

The Web Design Blog

screenshot

Web Designer Depot

screenshot

Web Design Dev

screenshot

Web Design Ledger

screenshot

Web Designer Notebook

screenshot

Webitect

screenshot

We Function

screenshot


Y

You The Designer

screenshot

Link Lists

The sites below aren’t quite design blogs so much as sites that simply list links to design blogs. It sounds silly but it’s actually pretty nice to have tons of links aggregated into one place so you can be picky about your reading material for the day.

Becoming Creative

screenshot

CSS Globe

screenshot

The Design Buzz

screenshot

Design-Newz

screenshot

The Freelance Feed

screenshot

Relpost

screenshot

Design Shards

screenshot

Conclusion

Leave a comment below and let us know which of the sites above are your favorites and why. If we missed your favorite, leave a link and tell us about it!

- [Read more]

CSS Design: Wear Wolves

July 8, 2010 08:00:00

This site features a beautiful black design with a large image slide taking center stage.

I love the bright colors, bold uppercase headlines, and running countdown at the top of the screen.





This design was featured on the 8th July 2010 . It falls under the category of Sport, and has a layout style of Three Column.

If youd like, you can visit this site, or view all our other featured designs.



- [Read more]

CSS Design: Made By Creature

July 8, 2010 08:00:00

Made by Creature is a really attractive web page that uses bold colors and attention grabbing images.

The logo is a really nice piece of design and the slab typography on the page really fits the overall theme.





This design was featured on the 8th July 2010 . It falls under the category of Portfolio, and has a layout style of Other.

If youd like, you can visit this site, or view all our other featured designs.



- [Read more]

Grandpeople

July 7, 2010 16:21:35

This image has no alt text

Some really beautiful work on show from these Norwegian creatives….

- [Read more]

The Helvetica Killer

July 7, 2010 16:01:41

This image has no alt text

Intriguing interview, over at Creative Review, with type designer Bruno Maag – discussing his hatred of Helvetica and the alternative he’s designed….

- [Read more]

Tobias Bjerrome Ahlin

July 7, 2010 15:53:20

This image has no alt text

21 year old Swedish designer, and Hyper Island student, Tobias produces some particularly slick visual interfaces and interactive design…..

- [Read more]

Haus

July 7, 2010 15:50:34

This image has no alt text

This LA agency offers n interesting approach for a corporatey/businessy design studio, with some nice infographics throughout….

- [Read more]

#musicfortoday Aeroplane - I Crave Paris Track of the summer,...

July 7, 2010 15:17:00



#musicfortoday Aeroplane - I Crave Paris

Track of the summer, and it’s FREE. Download it right now (just click the little arrow in the player). 

- [Read more]

"The programmer’s path to hell is paved with the word yes."

July 7, 2010 15:15:54

“The programmer’s path to hell is paved with the word yes.”

- John Nance (via cubicle17) - [Read more]

PurYel Home | About PurYel | Contact PurYel


© 2009 PurYel.com All Rights Reserved
Find Creativity