CategoryDesign

September 8, 2020 — Thanks to the wide support of the prefers-reduced-motion-media feature, we now have more advanced ways to design motion that can be creative and innovative while also being safer for those with motion sensitivities. Read more…

September 3, 2020 — Icons have long held an important place in the design of mobile apps. But beyond using them to create larger and more attractive touch targets, there are other ways mobile app designers can use these tiny elements to make an app more engaging. This post will explore four ways to do this. Today, Suzanna Scacca will look at a number of ways you can creatively add icons or icon-like elements to your apps and bring more life to them in the process. Read more…

September 2, 2020 — Figma is a design tool that is rapidly gaining popularity and becoming more common in companies around the world. Unlike most design software, Figma is free and browser-based so developers can easily access the full design files making the developer handoff process significantly smoother. With article, Jurn van Wissen teaches developers who have nothing but a basic understanding of design tools everything they need to know to work with Figma. Read more…

August 21, 2020 — A website earns a backlink whenever another website links to it. But there’s a big difference between a backlink and a high-authority backlink. If an authoritative website links to yours, it can significantly boost your ranking in Google search. And this is why backlinks are so highly sought after in marketing… and why web designers should have this on their radar as they design websites for clients. Read more…

August 18, 2020 — After 12 inspiring articles, Andy Clarke draws his Inspired Design Decisions series to a close by explaining how studying the work of Bradbury Thompson — one of the masters of 20th Century graphic — will teach you how to combine graphic and typographical elements with innovative layouts to create stunning designs for the web. In this final article, Andy brings together lessons from all his previous articles to teach you about choosing color palettes, working with compound and modular grids, and designing graphical and readable typography. If you’ve skipped any of the articles in this series, you definitely won’t want to miss this one. Read more…

August 7, 2020 — This is the third and final part of the tutorial in which we’ll create the wheels (rims and tires), and add all the final touches (including the racing decals on the car’s body). Read more…

August 4, 2020 — Meet our Smart Interface Design Patterns Checklist Cards, a deck of 100 cards with common questions to ask when tackling a common interface challenge — carousel, table, date picker, autocomplete, filtering, sorting, search, configurator, slider, timeline, map, web forms, reviews and testimonials, onboarding, pricing plan, authentication and many others. Get the PDF deck right away. Read more…

August 4, 2020 — Imagine if your website could evoke this kind of response. Visitors who respond to the sensory stimulation would instantly be in a more positive headspace, which they’d then associate with the site and your brand. While you don’t want to design a website for all five senses — because that would most certainly lead to sensory overload — you can use individual senses to strengthen the experience visitors have. In this article, Suzanne Scacca will take a look at five ways you can use the senses to put your visitors in a better headspace when they enter your site and interact with your brand. Read more…

July 31, 2020 — This tutorial is for illustrators who also happen to be passionate car enthusiasts. If you follow me along, you will learn how to draw from scratch in Sketch the legendary Porsche 911, all in vectors. Together, we will be pushing Sketch to its limits and you will learn how to create an almost photo realistic car by using basic shapes, layer styles, and various Sketch features. No bitmap images will be used, which means the final vector illustration could be scaled up to any size with no loss of detail. Read more…

July 30, 2020 — Just like during the Renaissance, we’re living in times of incredible cultural and artistic innovation. As the Internet evolves, browsers align, capabilities are added and accessibility of technology becomes easier, designers face new opportunities to create, think, and change their status with no-code tools. In this article, Uri Paz presents some tools that allow non-programmers to create application software through graphical user interfaces and configuration, instead of traditional computer programming. Read more…