Back to Top
The nuts and bolts for
Creative web development

Create Colorful Glossy Rating Stars

Follow this quick tip and learn how to create glossy rating stars. Diana Toma will add highlights with the help of the Blend Tool and an Art brush and this way she will obtain a pretty simple glossy look. Also, depending on the color palette of some websites she will try different variations of colors.

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

Boosting Your Mobile Design With Light Effects

Light effects have been spicing up graphic designs for years. It’s a great way to add interest, realism, abstractionism, or even energy to a bland experience. Some designers consider light effects to be just simply decorations or even a cheap fix to a bad design. However, used properly light effects can really make an impact on the overall design and experience, including your mobile web site.

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

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, 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