You know, we use ad-blockers as well.
We gotta keep those servers running though. Did you know that we publish
useful books and run
friendly conferences — crafted for pros like yourself?
E.g. our upcoming SmashingConf New York, dedicated to smart front-end
techniques and design patterns.
Welcome to the second part of this tutorial, in which we will finish designing the music player that we started in part one. This includes creating the icons at the bottom, as well as making the music player responsive, so that all elements adapt to the width of the artboard and, thus, can be used for different device widths.
Our premise in creating all of the icons is to use basic shapes as often as possible, instead of custom vector elements. Shapes are much easier to set up and modify, and we will still be able to combine them into more complex forms using Boolean operations.
Since humans are visually driven creatures, the impact of imagery only increases with the help of animation. Our eyes innately pay attention to moving objects, and animation is like eye candy — catchy and bright elements that call attention to and help differentiate an app from its competitors.
As of late, more and more designers are incorporating animation as a functional element that enhances the user experience. Animation is no longer just for delight; it is one of the most important tools for successful interaction.
HTML email: Two words that, when combined, brings tears to a developer's eyes. If you're a web developer, it's inevitable that coding an email will be a task that gets dropped in your lap at some time in your career, whether you like it or not. Coding HTML email is old school. Think back to 1999, when we called ourselves "webmasters" and used Frontpage, WYSIWYG editors and tables to mark up our websites.
Not much has changed in email design. In fact, it has gotten worse. With the introduction of mobile devices and more and more email clients, we have even more caveats to deal with when building HTML email.
Many people find it difficult to get their minds back into work after a holiday season filled with love, food, and friends. May 2017 bring you a healthy and inspiring adventure. As for that kick-start inspiration, I hope this article will help get you back in the creative mindset.
The above illustration has a style that I'm sure everyone will admire. The combination of colors used is simply marvelous — so simple, yet so complex.
The most popular mobile operating system is known to be Android. One of the main reasons for its popularity is its ability to run on a huge number of devices, not only on phones and tablets. We find Android on TVs, watches, cars, even fridges and mirrors.
Android Wear is the version of the operating system specifically designed to extend the Android platform to wearables, with particular attention to smartwatches. These devices allow the user to consume information in a completely different way than traditional handheld devices: Data is presented at the right time depending on the user's context, and interaction is less invasive and time-consuming than in a phone app.
Facilitation in the broadest sense means helping or enabling people to achieve a positive outcome. It's an important and often under-appreciated skill for designers and other UX professionals to gain. It's especially important as more teams embrace lean UX practices, which shift emphasis away from big deliverables toward facilitating outcomes such as continuous discovery and shared understanding.
Any kind of working session or meeting in which design decisions are being shaped needs a facilitator. The authors of Sprint, the popular book about running five-day design sprints, compare the facilitator's role to Brad Pitt's character in Ocean's Eleven: The facilitator "keeps the heist running." But you don't need to run a week-long workshop to benefit from facilitation skills.
Sketch is known for its tricky, advanced facets, but it's not rocket science. We've got you covered with The Sketch Handbook which is filled with practical examples and tutorials that will help you get the most out of this mighty tool. In today's article, Christian Krammer gives us a little taste of all the impressive designs Sketch is capable of bringing to life. — Ed.
Music plays a big role in my life. For the most part, I listen to music when I'm commuting, but also when I'm exercising or doing some housework. It makes the time fly, and I couldn't imagine living without it.
However, one thing that has always bothered me is that the controls of music apps can be quite small and hard to catch. This can be a major issue, especially in the car, where every distraction matters. Another issue, in particular with the recent redesign of iOS' Music app, is that you can't directly like tracks anymore and instead need to open a separate dialog. And I do that a lot — which means one needless tap for me.
I've been following the idea of algorithm-driven design for several years now and have collected some practical examples. The tools of the approach can help us to construct a UI, prepare assets and content, and personalize the user experience. The information, though, has always been scarce and hasn't been systematic.
However, in 2016, the technological foundations of these tools became easily accessible, and the design community got interested in algorithms, neural networks and artificial intelligence (AI). Now is the time to rethink the modern role of the designer.
Editor's Note: New year, new challenges! You might have set up your New Year's resolutions already, but if not, how about designing something... different for a change? Today, we're happy to introduce Dorota, an artist who created a fun little project last year that was inspired by Twitter's new logo based on 13 circles. Below you'll find the lessons Dorota has learned along the process, so maybe you'd like to embark on a similar journey as well?
If you can make a bird out of circles, then you can probably make all sorts of animals. I wanted to add something more design-based to my portfolio, so I made that my personal challenge. The idea was to draw animals from exactly 13 circles, and I decided to match that number by making 13 animals. This makes for a nicer title for the project, and it helps to get others to share it around the web, too. Knowing what you want to create early on helps, because then all you have to do is figure out ways to make it happen.