Archive for the ‘Graphics’ Category

May 11th, 2013

100 Must-have Free Fonts for Commercial and Personal Use

Each time a designer starts work on a new design, there is always a big problem: a lack of high-quality materials, such as fonts, icons etc.

Of course, you can create a font that will properly fit the design you created, but it’s not a good idea since font creation takes a lot of time, which is never enough when you have to work within a deadline.

The solution is simple: you can use ready-made free fonts. There are tons of them all over the web, and we have but collected a small group of 100 free fronts you can download here.

There are elegant and unusual fonts, serif and slab serif, rigorous and handwritten fonts and more in the showcase. If you want more do check out our previous round-up of abstract and grunge free fonts.

1. V.GER Grotesque

2. Goudy Bookletter 1911

3. Desyrel

4. Nougatine

5. Sweetness

6. Qarmic Sans

7. Cabinsketch

8. Clutchee

9. Manteka

10. Print Clearly

11. Magna Typeface

12. GoodFoot

13. Oswald

14. Blackout

15. Sofia

16. Disco

17. Ridge

18. Andika Basic

19. VAL Font

20. Idolwild

21. Enigmatic

22. Bobber Typeface

23. Pecita

24. Capsuula

25. Higher

26. Reddressed

27. Spin Cycle

28. Nexa

29. Sketchetica

30. Six Caps

31. Villa Didot

32. Multicolore

33. SorbetLTD

34. Cartoonist Hand

35. Johanna

36. Pompiere

37. Garton

38. Gabo

39. Anivers

40. Short Stack

41. Fabrica

42. Mountains of Christmas

43. Jinky

44. Benthem

45. Where stars shine the brightest

46. Eraser

47. Accent

48. Crimson

49. Cosmo Path Type

50. Talking to the Moon

51. BPdots

52. RBNo2

53. ZalamanderCaps

54. Geotica

55. Gputeks

56. Virgo 01

57. Deco Neue

58. FortySecondStreet

59. DymaxionScript

60. Russian Dolls Font

61. Spilt Ink

62. Wave Me

63. DejaVu Sans Mono

64. Monoxil

65. Stitching Font

66. Oxygen Mono

67. Navia

68. TeX Gyre Cursor

69. Telegrama

70. Razor

71. Verily Serif Mono

72. Excellens

73. Arvo

74. Kawoszeh

75. Matchup

76. Unibody 8

77. PLSTK

78. Roman Caps

79. Mosaic Leaf

80. Junkos Typewriter

81. Gota

82. NotCourierSans

83. Stroke

84. Skyhook Mono

85. Ubuntu Mono

86. «zwodrei»

87. JustOldFashion

88. Ribbon

89. Tetra Font

90. Loaded

91. Absinthe

92. Matchbook

93. Tale

94. Ostrich Sans

95. Speakeasy

96. Playtime With Hot Toddies

97. Sablon Type

98. SouciSans

99. Broken Record

100. Maw

May 4th, 2013

100 + Latest Free Fonts 2013

SequiSequi

May 3rd, 2013

30+ Ribbon PSD Files Every Designer Should Download

April 30th, 2013

30 Free And High Quality Fonts

April 27th, 2013

Improving Your Site’s User Experience

When it comes to web design, the quality of experience that users have with a site determines whether it’s successful or not – regardless of how visually catchy the design is. A positive experience drives sales and conversions, while a negative one deters visitors from staying or returning. Therefore performance optimization should be a central part of your design process if you’re aiming for high conversions and user satisfaction. Here are some ways to improve your site’s user experience.

Increase Site Speed

Consider how many people take out their phones to quickly check email or look something up when they have a spare second in the day. Whether it’s while waiting for the bus, standing in line for coffee or running to a meeting, they expect to achieve their goal on the web in that short amount of time. Forty percent of users will abandon a page after waiting longer than 3 seconds, and many people share their bad site experiences with others. It’s your job as a designer to make sure your site is loading fast enough to satisfy these standards and to make sure yours provides an experience that gets positive feedback.

To begin the process of improving your speed, first use a site speed testing tool to measure how it’s currently performing. Then make changes like:

  • Resize or remove large images and files
  • Reduce the number of plug-ins in your site
  • Eliminate flash files, which greatly weigh down performance
  • Cache your site so that it won’t have to take time to fully assemble every time a user accesses it
  • Always retest your speed after making changes so you know what is effective in improving it.

Clean Up Your Navigation

Reassess your navigation system: does your menu and search field honor conventions in that they are easily identifiable and usable? Minimize the number of options users have when entering your site by combining pages/content and getting rid of low-traffic pages. The fewer options there are, the more direct your site’s purpose is, and the easier it is for users to decide where they want to go. You can evaluate how users currently use your site by carrying out usability tests and referring to your site analytics data.

Mercy Online

Mercy Online

This site has a visible search box, an option to easily subscribe to a newsletter and a few clickable links to navigate to other pages.

Aim For High Conversion Rates

You can be sure that a high converting website is also highly usable. Focus on the usability of your site, and user satisfaction (and in turn, conversions) will follow. To maximize usability:

  • Make your purpose clear. Use recognizable and concise calls-to-action so that users know exactly what they are meant to do with your site. Show users the value your product or service will add to their lives.
  • Be consistent. Make sure each page of your site sends the same message, and shares the style of design elements and layout.
  • Make text readable. Tailor your content to be easily perceived while users scan the page. Headlines, variations in font sizes and weights, and breaks in text blocks create a breathable set of information that can be retained even while glancing through it.
  • Keep it simple. Comparable to the fact that simple navigation makes it easier for users to decide what to do, simplicity in your entire site design keeps users from being overwhelmed with information. Ample white space and a unified style give users a sense of comfort and professionalism, and builds their confidence that they’ll find what they’re looking for quickly.
Red Digital Agency

Red Digital Agency

Red presents a good balance of white space, imagery, text and color to reveal its purpose and capture attention.

Build Trust

Visitors to your site will have a more positive experience if they can trust you. Whether it’s the validity of your information, your protection of their personal information or confidence in the quality of your product, it’s important to give them reason to trust you. You can do this by providing visible contact information, allowing customer feedback, presenting previous customer testimonials and/or client logos, and displaying your SSL certificate if you have a registration or checkout page.

When working to improve your site’s user experience, just remember to consider what your audience is looking for, and test and measure the changes you make to create a more effective and usable site.

April 27th, 2013

Male and Female Avatar Vector Faces (PSD)

Friends, today we bring you 6 male and female vector faces for purpose of avatars for your blog comments, community forums, demos, products, etc.  These characters have been carefully crafted with a dignified range of male and female faces and expressions. You can play with the PSD file to edit the vector shape layers and create your own avatars.  The download also includes individual transparent PNG files of the avatars. Cheers!

Preview of the Avatar Faces

Download Avatar Faces (Vector PSD)

April 27th, 2013

Inspiring Examples of Negative Space in Logos

When properly applied, the negative space effect can result in a clever and elegant logo. Negative space is the empty space between the main elements of a design and good designers know how to take advantage of this to create something that is memorable and captures the imagination. So, today we gathered some inspiring examples of negative space in logos to show you.

Inspiring Examples of Negative Space in Logos

Inspiring Examples of Negative Space in Logos

Inspiring Examples of Negative Space in Logos

Inspiring Examples of Negative Space in Logos

Inspiring Examples of Negative Space in Logos

Inspiring Examples of Negative Space in Logos

Inspiring Examples of Negative Space in Logos

Inspiring Examples of Negative Space in Logos

Inspiring Examples of Negative Space in Logos

Inspiring Examples of Negative Space in Logos

Inspiring Examples of Negative Space in Logos

Inspiring Examples of Negative Space in Logos

Inspiring Examples of Negative Space in Logos

Inspiring Examples of Negative Space in Logos

Inspiring Examples of Negative Space in Logos

Inspiring Examples of Negative Space in Logos

April 26th, 2013

8 Fresh Free Fonts

Fonts are definitely a very important part of every design, and this is why here at WDL we like to gather free fonts so our readers keep their library as updated as possible. Having several different options to count on is really important to keep your projects fresh. So check out today’s selection and download your favorite ones.

April 26th, 2013

Retro Branding

While Generation Y may be too young to remember, there was a time in the 70s and 80s when the coolest gadgetry was inevitably “Made in Japan” — especially a series of 35 mm SLR cameras that set the industry standard.

When the design consultancy group Antrepo analyzed the logos and typography of these vintage cameras, they were struck by the line-based logos and extended-outline fonts that designers utilized for the majority of these products. The switch to the “less-bold” typefaces presumably cut down on production costs.

So, like any good creative, the team at Antrepo asked “what if….” Specifically, what if the hottest digital brands of the current day were done in this same vintage style? From there, the Instanbul-based company reimagined logos for such web leaders as Google and Amazon to social media sites like Twitter, and Pinterest.

The result is a cool mashup of modern-day tech with retro branding. It’s also a good reminder of how trends in design are constantly changing and evolving — but that there’s enduring merit in revisiting the ideas of the past.

 

April 26th, 2013

30 Free Icon Font Sets

What we do have for you is a comprehensive list of ALL freely available web Icons. Here they are:

Elusive Icons

Elusive Icons

Number of Icons/Characters: 271
License: SIL – Open Font Licence

Elusive Icons →

MFG Labs Web Icon Set

MFG Labs Web Icon Set

Number of Icons/Characters: 120
License: MIT Licence

MFG Labs Web Icon Set →

Font Awesome

Font Awesome

Number of Icons/Characters:
License: SIL Open Font License

Font Awesome →

Foundation Icons

Foundation Icons

Number of Icons/Characters: 140
License: MIT Open Source License

Foundation Icons →

Pictonic Icons

Pictonic Icons

Number of Icons/Characters: 266
License: Free for personal or commercial projects

Pictonic Icons →

Batch Icons

Batch Icons

Number of Icons/Characters: 300+
License: Free for personal or commercial projects

Batch Icons →

IcoMoon Free Pack

IcoMoon Free Pack

Number of Icons/Characters: 450
License: CC License 3.0

IcoMoon Free Pack →

Iconic Icon Set

Iconic Icon Set

Number of Icons/Characters: 171
License: Creative Commons Share Alike 3.0

Iconic Icon Set →

Ligature Symbols

Ligature Symbols

Number of Icons/Characters: 250+
License: SIL Open Font License

Ligature Symbols →

Entypo

Entypo

Number of Icons/Characters: 250
License: Creative Commons Share Alike 3.0

Entypo →

OpenWeb Icons

OpenWeb Icons

Number of Icons/Characters: 54
License: SIL Open Font License (OFL)

OpenWeb Icons →

Sosa Icon Font

Sosa Icon Font

Number of Icons/Characters: 120
License: Free for personal or commercial projects

Sosa Icon Font →

Metro UI Web Font

Metro UI Web Font

Number of Icons/Characters: 333

Metro UI Web Font →

One Div

One Div

Number of Icons/Characters: 91

One Div →

Maki

Maki

Number of Icons/Characters: 73
License: BSD License

Maki →

PW Drawn Icon Font

PW Drawn Icon Font

Number of Icons/Characters: 80+
License: Free for personal or commercial use

PW Drawn Icon Font →

Premium Pixels Mini Icons

Premium Pixels Mini Icons

Number of Icons/Characters: 80
License: Free for personal or commercial use

Premium Pixels Mini Icons →

Fontelico Font

Fontelico Font

Number of Icons/Characters: 30
License: Creative Commons Share Alike 3.0

Fontelico Font →

Typicons

Typicons

Number of Icons/Characters: 88
License: Free for personal or commercial use

Typicons →

Modern Pictograms

Modern Pictograms @fontface font

Number of Icons/Characters: 89
License: Open Font License (OFL)

Modern Pictograms →

A Free Icon Web Font

A Free Icon Web Font @fontface font

Number of Icons/Characters: 60
License: SIL Open Font License (OFL)

A Free Icon Web Font →

Modern Pictograms

Modern Pictograms @fontface font

Number of Icons/Characters: 92
License: SIL Open Font License (OFL)

Modern Pictograms →

Symbol Signs

Symbol Signs @fontface font

Number of Icons/Characters: 21

Symbol Signs →

Web Symbols

Web Symbols @fontface font

Number of Icons/Characters: 78
License: SIL Open Font License (OFL)

Web Symbols →

Dot Com Font

Dot Com Font @fontface font

Number of Icons/Characters: 93
License: Free for personal use

Dot Com Font →

Social Media Icons

Social Media Icons

Number of Icons/Characters: 74
License: Free for personal or commercial projects.

Social Media Icons →

Rondo – Social Icon Font

Rondo - Social Icon Font

Number of Icons/Characters: 40
License: Creative Commons Attribution-ShareAlike 3.0

Rondo – Social Icon Font →

JustVector Social Icons Font

JustVector Social Icons Font @fontface font

Number of Icons/Characters: 30

JustVector Social Icons Font →

Social Media Glyph Set

Social Media Glyph Set

Number of Icons/Characters: 30
License: Free for personal or commercial projects

Social Media Glyph Set →

Meteocons

Meteocons

Number of Icons/Characters: 40
License: Free for personal or commercial projects

Meteocons →

You might also like…

Top 50 Free Icon Sets from 2012 →
25 Completely Free Fonts Perfect for @fontface →
8 Free Pictogram Icon Libraries and Collections →
Useful and Free Pictogram Dingbat Fonts →
50 Beautiful and Fresh Free Fonts →

Or, you may like to browse our Fonts or Icons categories.

     

Freebie: Retina Glyph Icon Set (100 Icons in AI & PNG Formats)

Posted: 19 Feb 2013 09:31 AM PST

The freebie we have for you today will come in handy for all you mobile app and web designers out there. Designed by our friends at Freepik.com, we have a retina glyph icon-set containing 100 icons in both AI and PNG formats, all designed with modern web & mobile standards in mind.

Download the icon pack by clicking the button below:

100 Glyph Retina Icons

This icon set is free to use on both personal and commercial projects.