Every week we collect some of the best web and digital design resources that will be useful for designers. This week features wireframing tools, free fonts and icons, and some inspiration from other designers and usability experts.
Check out any of the links below and leave any comments about your favourites in the replies.
4 Digital Wireframing Weapons
Whether you’re just getting started with web design, or are a seasoned veteran with years of wireframing under your belt, this collection of “digital wireframing weapons” will give you some insight into tools that can be used to launch your vision onto the web.
Check out 4 Digital Wireframing Weapons
Awesome free extension Griddify solves the grid issue in PhotoShop
Do you have trouble keeping your design elements within your grid when designing in PhotoShop? Then this free extension called Griddify is for you. The tool has three different features, Griddify, Divide and Wrap:
The Griddify option will create a grid of guides. The Divide option is excellent for laying out responsive sites, as it splits the selected area into the specified number of sections. Finally, the Wrap option adds guides to the edge of your selection, it will even offset the guides if you enter a number other than 0.
Check out Griddify
[sam_ad id=”19″ codes=”true”]
7 Free Fonts Perfect for Minimalistic Design
If you’re looking to embrace minimalistic design on your next project, try incorporating one of these 7 free fonts into your layouts.
Check out the free minimalistic fonts
50 E-Commerce Icons in Flat and Long Tailed Shadow Style
Your next e-commerce design will benefit from some new iconography. This free set of 50 icons were created with the recent trend of flat design and long-tailed shadows in mind.
Download the free set at onextrapixel
Free Download: 220 Line Icons in PSD Format
It never hurts to have a few more icons in your arsenal to diversify your style. This set in particular seems like it would be a great fit when designing for iOS apps.
Check out this collection of 220 royalty free icons that you can download for free
11 Inspiring Minimalistic Web Designs
To go along with the previous set of minimalist fonts to use on your next design, check out these 11 examples of inspiring minimalistic web designs, collected by Web Design Ledger.
View 11 Inspiring Minimalistic Web Designs
[sam id=”2″ name=”In-article” codes=”true”]
Usability Tip: Where to Place Icons Next to Button Labels
When designing for the web, you should always be thinking about the usability of the end product. In many cases, especially when designing forms or buttons, designers choose style over function. This article from UX Movement advises on the best place to locate icons next to button labels to improve a user’s ability to scan and find the information they are looking for.
Learn more about where to place icons next to button labels
