Design blueprints could mean the difference between a correctly implemented design that improves the user experience and satisfies customers and a confusing and inconsistent design that corrupts the user experience and displeases customers. For those of you who create digital products, design specs could mean the difference between efficient collaboration and a wasteful back-and-forth process with costly implementation mistakes and delivery delays. Specs can help you to build the right product more quickly and more efficiently. Effective collaboration requires effective communication. Investing in the development of workflows and tooling around to make this communication easier will pay off big with the effectiveness with which products are built.
Read more…
Compared to what we can create on the computer today, the original Macintosh, with only 128 KB of memory, had limited capabilities. At the time, though, it opened up so many new possibilities. Emerging digital technology also changed typography. Some digital typefaces were updated versions of classics, while others were brand new, and there was a refreshing jolt of youthful experimentation as people moved past the limits of the rational and functional. Each of the following designers broke from tradition and changed the world of design in some way. Those who designed not only on the screen, but for the screen, ushered in a new era of digital design, mixing media and incorporating motion, sound and interactivity. Below are a few of those pioneers.
Read more…
While a good measure does improve the reading experience, it’s only one rule for good typography. Another rule is to maintain a comfortable font size. Designing on a desktop or laptop browser means that we are spending most of our time at an arm’s length from the text, and we don’t spend much time seeing how the text renders on small devices. A good font size (not too small) is readable. A good font size (not too big) promotes horizontal eye motion. A good font size with the proper line height will help your readers find what they’re looking for.
Read more…
Building a native app with Flash might sound weird at first. In this article, Ala Ramildi and René Keller will share some insights on how they built a game for iOS that is written entirely in ActionScript! PixelMogul is the first game that they created entirely in house. Adobe AIR and Starling made it possible for them to carry over their experience with ActionScript and the Flash platform and to focus on development. The fast-growing and active Starling community was a big plus, too. They would definitively go the same route for another project of comparable scope.
Read more…
Badges often look the same. So… is it really necessary to budge? If you have a little, different conference, you need different kinds of things. Badges included. In 2013, at the first Kerning conference, Maurizio Piacenza was asked to design the official notebook: he ended up with a really typographic design for the cover and a funny pattern on the back. And an Easter egg on the cover. It was a really funny project, so when a member of Kerning’s organizing committee, asked him to design the notebook and some printed materials for Kerning 2014 he immediately said “Yes, let’s start!”.
Read more…
The vast majority of practices from the world of manufacturing have come to influence how things are done when designing and building software products as well. Lean thinking is one of the latest approaches software development companies have adopted to maximize value and reduce wasted effort and resources by breaking down an objective into a series of experiments. Approaches like design thinking tend to be lean by nature. There is a huge opportunity, however, to take this notion even further and align design to the new ways digital products are being built and improved on. Let’s look first at the current approach towards design and how it has an impact on the product.
Read more…
New tools have emerged to address the challenges of responsive web design. And there is that’s been a leap forward in productivity for the team that Richard Knight works with. Its name is Webflow, and it could be the solution to the problems you face with static design comps produced in Photoshop and Fireworks. In this article, Richard will explore the advantages of Webflow and how you can use it to build responsive websites today. He will take you step by step through the process of creating a responsive website layout for a real project, and identify Webflow’s advantages and where it comes up short.
Read more…
Smashing Mystery Riddles are little experiments that challenge us to come up with something new, original and a bit crazy—every single time. The ideas are usually a synthesis of the things we discover, stumble upon or try out ourselves—and oh my, they take quite some time to get right. The basic idea for the most recent riddle was simple: as usual, you have a series of animated GIFs containing clues. One animated GIF leads to another, and every animated GIF contains a key that have to be discovered. Once you uncover all the keys, you construct a solution and send out a tweet containing that solution. Doesn’t sound too difficult, does it?
Read more…
This article concludes the series on how to sell and profit from digital products. In this piece, Nathan Barry will be discussing more of the tactics required for a successful digital product business, and he hopes you’ll learn some valuable techniques to make selling digital products more profitable! Let’s jump in.
Read more…
To celebrate the launch of the SmashingConf Whistler, our very first conference in Canada, we’ve prepared a yet another riddle, and of course this time it’s not going to be any easier! How does it work this time? Below you’ll find the first of a few hidden animated GIFs that contain a secret Twitter hashtag. Once you’ve reached the last level, just tweet out all the hints in one single hashtag to @smashingmag on Twitter! Let’s get to business. Are you ready?
Read more…