Illustration
![Getting Started with Lottie.js](https://uploads.sitepoint.com/wp-content/uploads/2022/06/1656484204lottie-opt.gif)
Lottie.JS is a fantastic animation platform, but what animation tool should you choose? Alex has the ideal Lottie primer.
![UI Design Inspiration: Do You Think About Your Textures?](https://uploads.sitepoint.com/wp-content/uploads/2022/06/1655692417featrue-pattern.jpg)
Looking for UI design inspiration? Rather than adding a new color or changing a font, have you thought about your textures?
![6 Clever SVG Pattern Generators for Your Next UX Design](https://uploads.sitepoint.com/wp-content/uploads/2022/06/1655276258goD570m.jpg)
Though SVG Patterns aren't super widely understood, they offer a lot of really interesting design options – once you get your head around them.
![The 5 Best Design Handoff Tools](https://uploads.sitepoint.com/wp-content/uploads/2019/07/1637034391design-handoff.jpg)
Handing off designs to developers has a troubled history. Learn about 5 excellent apps that have revolutionized the design handoff process.
![15 Color Schemes From Disney Heroes and Villains](https://uploads.sitepoint.com/wp-content/uploads/2017/08/150358245219-xLIOD5R.jpg)
Nadya extracts 15 color schemes from well-known Disney heroes and villains and beautifully illustrates how they affect the way we view these characters.
![7 Astonishing Artists and Designers to Follow on Behance](https://uploads.sitepoint.com/wp-content/uploads/2017/08/1503408033mlbVqGi.jpg)
Our #1 design writer, Gabrielle, talks about the most astonishing artists and designers to follow on Behance when you need an inspiring creativity boost.
![5 Fast Tools For Generating Polished Product Mockups](https://uploads.sitepoint.com/wp-content/uploads/2017/08/1502794251zOGX57g-e1502802665731.jpg)
Product mockups are used to showcase web/app designs in a device frame, but can we accomplish this without Photoshop? Yes, and today, Alex shows us how!
![How to Master Nostalgia Marketing in Web Design](https://uploads.sitepoint.com/wp-content/uploads/2017/08/1502323794robby-leonardi.jpg)
Suzanne explains the user psychology behind nostalgia and how we can utilize nostalgia marketing in web design for higher conversions.
![4 Photoshop Styles to Lift Your Photos Above the Crowd](https://uploads.sitepoint.com/wp-content/uploads/2017/07/1500360363YaqUH3k.jpg)
Duotones, Muted Black & White, Targeted Blur Effect, and more. Gabrielle has four fresh Photoshop styles to spice up to your repetoire.
![7 Famous Design Hacks You Can Steal From Star Wars](https://uploads.sitepoint.com/wp-content/uploads/2017/07/15000099601D03a9L.png)
For all its sci-fi modernism, Star Wars used a lot of classic methods. Nadya has extracted 7 sure-fire design hacks that you can apply to your projects.
![SVG Tip: Create a Bold Vector Halftone Graphic in Under 2 Minutes](https://uploads.sitepoint.com/wp-content/uploads/2017/07/1499848432bowie-feature-1.jpg)
Read SVG Tip: Create a Bold Vector Halftone Graphic in Under 2 Minutes and learn Design & UX with SitePoint. Our web development and design tutorials, courses, and books will teach you HTML, CSS, JavaScript, PHP, Python, and more.
![How to Optimize and Export SVGs in Adobe Illustrator](https://uploads.sitepoint.com/wp-content/uploads/2017/07/1499150807xJ6QH1g.png)
SVG is a powerful format but you need to make good decisions to get great results. Ivalyo walks you through exporting SVG in Adobe Illustrator.
![12 of the Best Dribbble Designers to Follow](https://uploads.sitepoint.com/wp-content/uploads/2017/06/1497905285dan-in-studio.jpg)
Despite being invite-only, Dribbble is crawling with talented designers. Gabrielle narrows it down to the 12 best Dribbble designers to follow.
![Podcast: Behind the Facebook Logo – A $100 Million Story](https://uploads.sitepoint.com/wp-content/uploads/2017/06/1496887197BAE8BEF0-8521-4633-963B-DFAFA4F63FD8.jpg)
Getting paid for your design talents in equity is romantic – but rarely actually pays off. But what if you happened to design the Facebook logo?
![How to Boost App Downloads by A/B Testing Icons](https://uploads.sitepoint.com/wp-content/uploads/2017/04/1493098399featured.jpg)
Roman Rudnik shows us how to boost app store downloads by A/B testing multiple icon designs in this step-by-step walkthrough.
![Design Tricks with SVG Filters: A Masked Blur Effect](https://uploads.sitepoint.com/wp-content/uploads/2017/04/1491378485outdoors.png)
SVG might be a vector format, but it has some amazingly powerful pixel-based tricks up its sleeve. Follow Alex's journey – if you dare.
![6 Free Web-Based SVG Editors Compared](https://uploads.sitepoint.com/wp-content/uploads/2017/03/1490765855Asset-1@2x-50.jpg)
SVG is more important to web design than ever before. Today we no longer need to leave our web browsers to create it. Ada looks at the options.
![Catching Frontend UI Design Tricks with SnappySnippet](https://uploads.sitepoint.com/wp-content/uploads/2017/02/1486546358et.jpg)
Often the key to understanding complex things is to understand their simpler parts first. SnappySnippet is a tool that can help you with that.
![Kerry Ellis Shares Her Passion for Book Cover Design](https://uploads.sitepoint.com/wp-content/uploads/2017/01/1485838385buskers-holiday.jpg)
What makes a good book cover designer, and how can you work with one? Kerry Ellis, one of 99designs' top designers, shares her advice.
![Dark UX: Dirty Tricks and Tactics to Avoid in 2017](https://uploads.sitepoint.com/wp-content/uploads/2017/01/1483925251Girl-Darkux.png)
Often our goals and those of our user are in alignment – but not always. Sometimes you have a devil on one shoulder and an angel on the other.
![5 Ways to Delight with UX Details Combining GIFs and CSS](https://uploads.sitepoint.com/wp-content/uploads/2017/01/1484084925GIF.png)
The GIF format has been around for so long that sometimes it's easy to overlook its usefulness. Tim wants you to reconsider the power of GIFs and CSS.
![How to Hack Brains with Cinemagraphs](https://uploads.sitepoint.com/wp-content/uploads/2016/11/1479885000snow-dome.gif)
Cinemagraphs are like the snow globes of the web – simple yet strangely mesmerizing. Here's how to use them in your web design.
![Web Layout 101: Making the Most of the Top Right Corner](https://uploads.sitepoint.com/wp-content/uploads/2016/11/1479291276Fall-Road-Incorrect-006.jpg)
The top right of screen is a difficult area of the screen to design for. Michaela shows you how to select the best images for your layout.
![The Best Way to Create Fantastic ‘Invisible Pen’ Effects in SVG](https://uploads.sitepoint.com/wp-content/uploads/2016/11/14790856839FQnN3f-Imgur.png)
Watching an SVG image drawn onto screen is powerful effect. Ivaylo shows you how to create the 'Invisible Pen' Effect in SVG using Vivus.js
![How to Create More Fun, Playful Typography](https://uploads.sitepoint.com/wp-content/uploads/2016/10/1476944250fun-4a.jpg)
While crafting type can sometimes feel stiff and overly mathematical, workerbee wants to help you find the joy in creating more playful typography.
![‘Reskinnable’ SVG Symbols: How to Make Them (..and Why)](https://uploads.sitepoint.com/wp-content/uploads/2016/10/1476072343blueprint.jpg)
How can you create a single SVG graphic – maybe a logo or icon – that can be easily restyled and recolored in any setting or device? Massimo has a solution.
![How to Stop Designing Square Layouts by Thinking Outside of the Box](https://uploads.sitepoint.com/wp-content/uploads/2016/09/147374056341299.jpg)
Websites are so often boxes in boxes in boxes. Daniel has 5 different ways to break your habit of rectangular website designs.
![Prisma: The Rise and Fall and Rise of the One-Trick-Pony Filter](https://uploads.sitepoint.com/wp-content/uploads/2016/07/1469626054feature.jpg)
'Push button' image filters have developed a bad reputation with design professionals. But perhaps a new image filter called Prisma can change their minds.
![Review: Is the New and Improved Google Fonts Better?](https://uploads.sitepoint.com/wp-content/uploads/2016/06/1469243949fonts.jpg)
Google fonts revolutionized web fonts by bringing them to the world. They've just released the services' biggest overhauls since 2010. But is it better?
![How to Find Cool, Quirky, Copyright Free Photos on Flickr](https://uploads.sitepoint.com/wp-content/uploads/2016/06/1466122476Alfabet___Alphabet___Flickr_-_Photo_Sharing_.jpg)
Think you know Flickr? Did you know they store a vast reservoir of copyright free photos imagery from the world's great libraries, museums, & archives?