News and Blog

  • Design a Clean and Stylish Image Slider in Photoshop

    by Gul · Nov 26, 2012 · No comment

    Many websites use image sliders to grab the attention of the visitors instantaneously. Due to their eye catching quality sliders are considered among the best way to display your imagery, products, offers or anything you want to highlight. So, let’s design our very own web slider from scratch today. In this way, you’ll be able [...]

  • UI Cage Match: Bootstrap 2.2.1 vs. Foundation 3.2

    by Ezequiel Bruni · Nov 22, 2012 · 30 comments

    And so it begins. Come one, come all! Today, we’re sticking the social networking giant known as Twitter, and the design firm ZURB together in a cage, and we’re not letting them out until one of them is dead! Or until we know which of their UI frameworks is better! Or until I get tired [...]

  • Let’s Create a Clean and Effective Login Form

    by Gul · Nov 17, 2012 · No comment

    Hi guys, today I’ll walk you through the process of creating a clean and effective login form in Photoshop. We will use various shape tools, pen tool and different layer styling techniques to achieve the final product. Hope you’ll learn some handy tips along the way. So, let’s get started! Resources: Wood Patterns Final Result: [...]

  • Grooveshark: a UI Case Study

    by Ezequiel Bruni · Nov 12, 2012 · 1 comment

    Introduction As UI designers, we spend a lot of time obsessing over small details. “Is there enough contrast on this button? Are users clearly understanding its purpose? How about that micro-copy, is it clear enough? Is there enough white space in between…” and so on, and so forth. There are many, many rules, best practices, [...]

  • Create a Sleek and Stylish Music Player Interface for iPhone in Photoshop

    by Gul · Nov 9, 2012 · 2 comments

    Photoshop is adored by most of the designers around the globe. It has much to offer, you can design almost anything you want in it. Today, I’ll show you how to create a sleek and clean music player interface for iPhone in Photoshop. We’ll be using various shape tools, pen tool and different layer styling [...]

  • Web-Based Visualization Part 1: The D3.js Key Concept

    by Stephen Thomas · Nov 5, 2012 · No comment

    Those of us in the user interface community often obsess over the smallest details: shifting an element one pixel to the left or finding the perfect transparency setting for our drop shadows. Such an obsession is well and good; it can lead to a superior user experience. But sometimes perhaps we should take a step [...]