Back to Top
The nuts and bolts for
Creative web development

Create a 3D Gold Trophy Cup Using Illustrator

In this tutorial you will learn how to create a gold trophy cup icon using two stages of design: 3-D modeling, creating of elements of the icons and coloring with creating glare and shadows on the surface. Let’s get started!

August 15, 2012 Author: Ivo Rangelov Rating: Not enough votes

Designing For Device Orientation: From Portrait To Landscape

The accelerometer embedded in your smart devices is typically used to align the screen depending on the orientation of the device, i.e. when switching between portrait and landscape modes. This capability provides great opportunities to create better user experiences because it offers an additional layout with a simple turn of a device, and without pressing any buttons. However, designing for device orientation brings various challenges and requires careful thinking. The experience must be as unobtrusive and transparent as possible, and you must understand the context of use for this functionality.

August 14, 2012 Author: Ivo Rangelov Rating: Not enough votes

Paper Prototyping as a Usability Testing Technique

Paper Prototyping is a technique that consists of creating hand drawings of user interfaces in order to enable them to be rapidly designed, simulated and tested. As simple as this technique may look like, it has been effectively used since the 1980s and is likely to continue to be used with a guaranteed degree of success for many more years to come. The objective of this article is to define paper prototyping and explain how this technique can be used for usability testing. Justin Mifsud opted to write the article mostly in bullet form so that it can act as a quick reference.

August 7, 2012 Author: Lubov Cholakova Rating: Not enough votes

10+ Free Useful Tools to Make Infographics

Information graphics or infographics are graphic visual representations of information or data. These graphics present complex information quickly and clearly, using signs, maps and technical writing. Infographics are very popular these days and can be found frequently on many websites. Here’s a list with 15 useful and free tools that will help you create beautiful and creative infographics.

August 6, 2012 Author: Lubov Cholakova Rating: Not enough votes

Designing For Android: Tips And Techniques

Android is an attractive platform for developers, but not all designers share the enthusiasm. Making an app look and feel great across hundreds of devices with different combinations of screen size, pixel density and aspect ratio is no mean feat. Android’s diversity provides plenty of challenges, but creating apps that run on an entire ecosystem of devices is rewarding too.

July 31, 2012 Author: Lubov Cholakova Rating: Not enough votes

Adding Responsive Videos to your Design

Responsive designs are all the hype in Web development communities nowadays. With videos becoming an important marketing tool on many websites, there is a growing need to incorporate responsive videos into these designs. Responsive videos are elastic and are especially favored where web pages will be viewed on different screen sizes using a variety of browsers.

July 20, 2012 Author: Ivo Rangelov Rating: Not enough votes

Interactive Prototypes And Time-Savers

Without context, it would be difficult for your clients to understand the flow of an app or website in the way you originally planned it. The best way to introduce context is by adding interactivity. By providing an interactive prototype (or interactive mockup), your clients can play around with it to their hearts’ content to get an idea of how the app will work and to test the interactions. The tool for creating interactive prototypes that wins hands down is Adobe Fireworks.

July 4, 2012 Author: Ivo Rangelov Rating: Not enough votes

Visual Hierarchy in Mobile Design

According to the first definition in dictionary.com, hierarchy is defined as any system of persons or things ranked one above another. Based on that definition, visual hierarchy would then simply be the visual system of ranked elements, one above another – or how the visual elements rank and relate to each other. Some elements on the page have more visual weight than others, these elements grab the attention of your eye and draw focus on them.

June 26, 2012 Author: Ivo Rangelov Rating: Not enough votes

Design an Elegant Calendar

In this tutorial Stelian Subotin is going to design a nice, minimal calendar widget in Photoshop. He is going to use some really easy techniques to achieve a beautiful final result. By combining some gray, black, and variations of different light colors, and a nice subtle texture, he will try to give the interface a grungy, minimal look.

June 25, 2012 Author: Ivo Rangelov Rating: Not enough votes

40 Fresh and Colorful Patterns

Patterns are everywhere around us. In art, patterns are an important medium of expression. Is a pattern worth more than a thousand words? Daniels Mekšs can leave that discussion for later, but it’s certain that patterns do liven up everything they’re applied to. Patterns can be used for nearly everything from website backgrounds to your phone case, for example. For this roundup he has prepared 40 fresh, colorful and jovial patterns from this year that will conjure up the mood of summer.

June 20, 2012 Author: Ivo Rangelov Rating: Not enough votes