CategoryTutorials

February 15, 2013 — There are many ways to create wireframes, click-throughs and prototypes. In the end, what matters is that the process of creation is fast and accurate and that the output is of a high enough fidelity to generate the appropriate level of feedback. Read more…

January 25, 2013 — After following the steps in Part 1, we now have everything to start building the prototype. But first, Shlomo explains how to create a “live” iOS prototype. Read more…

January 11, 2013 — Did you know that you can use Fireworks in combination with other tools to create complex iOS prototypes (for both the iPhone and iPad) with similar ease? Read more…

November 14, 2012 — When you’re working in Fireworks — be it for a website design, mobile design or graphic asset for a project — one need you will undoubtedly have is support for textures. In this article, we’ll look at the Texture Panel. Read more…

October 3, 2012 — Adobe Illustrator offers a plethora of gradient tools that can help artist produce more organic and vivid pieces. We share with you an extended video tutorial that covers a wide variety of topics. Read more…

September 13, 2012 — A well-functioning pattern library is a powerful resource that you and your entire team can use to efficiently create consistent user experiences for your website or service. Kris Niles outlines how you can use Evernote and Fireworks to easily build your own pattern library and reap the benefits of it. Read more…

July 20, 2012 — One of the visual effects that is a mainstay in my Web design toolkit is the letterpress effect. Used properly, it’s a quick way to make text blend better with the layout, as if it were machine-stamped onto the background. Think of what a home appliance marquee or a professional business card looks (and feels) like, and you’ll know what I’m talking about. Read more…

July 3, 2012 — As interface designers, we’re often required to demonstrate the look and feel (and interactions) of the interfaces we design. We often begin with a series of flat images, and while these may be pixel perfect and show some amazing detail, they lack the context of the user experience. Read more…

July 2, 2012 — This overview features a hand-picked and organized selection of the most useful and popular Photoshop techniques, articles and tutorials published on Smashing Magazine over the past few years. Read more…

June 25, 2012 — Whilst designing for screens—including Web, mobile and RIAs—you often need to create a prototype to see whether the application works properly before moving onto the development stage. Prototypes are also essential in Web projects. Read more…