Thus, utilizing icons in a site’s navigation seems like a natural fit. Visually, it sure makes sense. But doing it well does require some careful planning.

With accessibility being such a key concern, extra steps need to be taken when icons aren’t accompanied by text. Context is also vital. While it may be obvious that the little house icon takes you to the home page, other concepts aren’t so easy to convey.

Today, we share eight unique CSS and JavaScript code snippets that bring icons to navigation. Along the way, we’ll point out some elements that make them stand out – for better or worse.

The post 8 CSS & JavaScript Snippets for Creating Icon-Based Navigations appeared first on Speckyboy Design Magazine.

If you’re new to icon design, the Adobe Illustrator tutorials we’ve curated in this collection offer an ideal starting point. You’ll be able to learn the basics of icon creation and explore new techniques to improve your skills.

And, if you already have some knowledge of icon design in Illustrator, these tutorials can help you brush up on your skills and discover new techniques that will help you streamline the creation process.

Either way, this collection of free Adobe Illustrator tutorials is a valuable resource for creating custom icons that will set your design work apart from the rest.

If you prefer to create your icons in Photoshop, this collection of tutorials is for you.

The post 20+ Tutorials for Creating Icons in Adobe Illustrator appeared first on Speckyboy Design Magazine.

Icons are easy to create, thanks to powerful software like Photoshop. With Photoshop, you can rapidly design stunning icons to use anywhere. It’s easy to do, and the app makes the process intuitive.

Want to get started? You’ve come to the right place. Below, we’ve gathered 30 of the very best Photoshop icon design tutorials from around the web. They span a vast array of creative designs and capture many learning styles. But they share a flexibility and ease of use that helps you learn and create your own icons quickly.

So, get ready to dive in and explore these fantastic tutorials. From app icons to shadows and business logos, there’s something for everyone. And you’ll see both written and video tutorials, so it’s easy to find guides that match your preferred learning style.

Before reading on, you might also enjoy our companion article, 20+ Tutorials for Creating Icons in Adobe Illustrator. Give it a read now for even more options inside a different Adobe app.

The post 30 Detailed Icon Design Tutorials for Adobe Photoshop appeared first on Speckyboy Design Magazine.