You are currently browsing the category archive for the ‘Uncategorized’ category.

What’s New in Pho­to­shop (Extended) CS5.1 — Is there a new Pho­to­shop CS5.5?

Actu­ally, Photoshop’s revi­sion offi­cially remains at “CS5″ for this release, but under the hood it gets a minor upgrade to CS5.1 (ver­sion 12.0.4) and comes with CS 5.5 suites…

Adobe Photoshop Touch SDKAdobe has updated its inter­nal script­ing engine to open the door for appli­ca­tions and devices like iPad, Android, and other com­put­ers to drive and com­mu­ni­cate with the desk­top ver­sion of Pho­to­shop CS5. A new cross-platform Pho­to­shop Touch SDK (Soft­ware Devel­op­ment Kit) will enable devel­op­ers to take advan­tage of these func­tions. Learn more about the Adobe Pho­to­shop Touch SDK.

This new capa­bil­ity pro­vides a direct link between Pho­to­shop CS5.1 and mobile devices and tablets, allow­ing the cre­ation of com­pan­ion apps. Some exam­ple apps: cre­at­ing paint­ings and sketches (Adobe Eazel) or mix­ing col­ors (Adobe Color Lava) and see­ing these results back in Pho­to­shop, con­trol­ling Photoshop’s tools using the iPad as a new input sur­face (Adobe Nav), and so on. This expand­abil­ity lets you work directly with your iPad to boost your in-the-moment cre­ativ­ity and inspire your best work. Read more + watch a demo. For a big­ger upgrade to Pho­to­shop we’ll look to when CS6 is released. Note that CS5.5 will have no impact on the Cam­era Raw plugin

No change in Illustrator …




The Grid System for Design and Layout


The user needs to be able to scan, read and understand a page quickly


Use a grid system for the placement and alignment of all visual objects on the web page.


Image from : a comprehensive Grid system resource


Use when

You are designing a conventional website that needs to follow the normal visual design standards. This pattern does not necessary apply to artistic web sites where the goal is to display an explicit non-standard style. The human eye ‘sees’ a web page a certain way, roughly from the top left to the bottom right, and the eye can be guided to see elements in a pleasing and distinctive way.

Grid Used on Audio Auto Ad

Image from



A grid is a technique that comes from print design but easily be applied to web design as well. In its strictest form a grid is literally a grid of X by Y pixels. The elements on the page are then placed on the cell border lines and overall aligned on horizontal and vertical lines.

A grid is a consistent system for placing objects. It works on two levels:

  1. At the unit level of cells (e.g. 20×20 pixels) See for example the Audi example above where a strict underlying grid is used for all elements on the page. In print design such grids are called ‘modular’ grids
  2. At the column level (e.g. 4 columns) See for example the Abn-amro example below where a grid is used for defining the overall layout in terms of columns and margins. In print design such grids are called ‘column’ grids

In literature for print design, there are many variations of grids described but most are based on modular and column grids. Often you’ll encounter a mix of both types of grids.

A grid is an aid for the designer, not a goal by itself. It is therefor ok when some elements are deliberately NOT placed on a grid to create a certain effect. The grid simply creates some rhythm and guidance for the eye.


The grid creates a systematic and consistent rule for placing objects. It creates a visual rhythm. It makes it easier and more pleasant for the eye to scan the objects on the page. Page designs that do not use a grid often tend to look ‘messy’ or ‘unprofessional’.

More Examples



In this example (above) from the Abn-Amro shop you can see a different type of grid being used. Not a strict modular grid, but a grid defining some columns, margins and horizontal evenly spaced guides.


From more information on different types of grid systems and when to break the grid system, see the book ” Making and Breaking the Grid” by Timothy Samara.


%d bloggers like this: