You are currently browsing the category archive for the ‘Uncategorized’ category.
What’s New in Photoshop (Extended) CS5.1 — Is there a new Photoshop CS5.5?
Actually, Photoshop’s revision officially remains at “CS5″ for this release, but under the hood it gets a minor upgrade to CS5.1 (version 12.0.4) and comes with CS 5.5 suites…
Adobe has updated its internal scripting engine to open the door for applications and devices like iPad, Android, and other computers to drive and communicate with the desktop version of Photoshop CS5. A new cross-platform Photoshop Touch SDK (Software Development Kit) will enable developers to take advantage of these functions. Learn more about the Adobe Photoshop Touch SDK.
This new capability provides a direct link between Photoshop CS5.1 and mobile devices and tablets, allowing the creation of companion apps. Some example apps: creating paintings and sketches (Adobe Eazel) or mixing colors (Adobe Color Lava) and seeing these results back in Photoshop, controlling Photoshop’s tools using the iPad as a new input surface (Adobe Nav), and so on. This expandability lets you work directly with your iPad to boost your in-the-moment creativity and inspire your best work. Read more + watch a demo. For a bigger upgrade to Photoshop we’ll look to when CS6 is released. Note that CS5.5 will have no impact on the Camera Raw plugin
No change in Illustrator …
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 : thegridsystem.org a comprehensive Grid system resource
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.
Image from www.audi.nl
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:
- 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
- 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’.
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.